/* =========================================================
LV FIND — FINAL listings card + image fix
- No --bs-gutter variables
- Uses classic 12px gutters like Home
- Forces cards and thumbnail images to fill full column
========================================================= */
/* A) Gutters: match Home look */
.lv-find .listing-grid-area .row,
.lv-find-fallback .listing-grid-area .row{
margin-left: -12px !important;
margin-right: -12px !important;
}
/* Only target bootstrap cols (avoid affecting .row itself) */
.lv-find .listing-grid-area .row > [class*="col-"],
.lv-find-fallback .listing-grid-area .row > [class*="col-"]{
padding-left: 12px !important;
padding-right: 12px !important;
margin-bottom: 5px !important;
text-align: left !important;
}
/* B) Card must fill the column */
.lv-find .listing-item.listing-grid-one,
.lv-find-fallback .listing-item.listing-grid-one,
.lv-find .lv-home-card,
.lv-find-fallback .lv-home-card{
width: 100% !important;
max-width: 100% !important;
display: block !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* C) Thumbnail wrapper must fill */
.lv-find .listing-item.listing-grid-one .listing-thumbnail,
.lv-find-fallback .listing-item.listing-grid-one .listing-thumbnail,
.lv-find .listing-item.listing-grid-one .listing-thumbnail .lv-thumb-link,
.lv-find-fallback .listing-item.listing-grid-one .listing-thumbnail .lv-thumb-link{
width: 100% !important;
max-width: 100% !important;
display: block !important;
overflow: hidden !important;
}
/* D) The actual image = cover fill */
.lv-find .listing-item.listing-grid-one .listing-thumbnail img,
.lv-find-fallback .listing-item.listing-grid-one .listing-thumbnail img{
width: 100% !important;
height: 371px !important; /* change to 280 if you want */
object-fit: cover !important;
display: block !important;
}
/* If the theme uses background-image instead of ![]()
in some cards */
.lv-find .listing-item.listing-grid-one .listing-thumbnail,
.lv-find-fallback .listing-item.listing-grid-one .listing-thumbnail{
background-size: cover !important;
background-position: center !important;
}
/* E) Content padding like Home */
.lv-find .listing-item.listing-grid-one .listing-content,
.lv-find-fallback .listing-item.listing-grid-one .listing-content{
padding: 18px !important;
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
/* F) Prevent ugly word breaks */
.lv-find .listing-item .title,
.lv-find-fallback .listing-item .title,
.lv-find .listing-item .title a,
.lv-find-fallback .listing-item .title a{
word-break: normal !important;
overflow-wrap: break-word !important;
line-height: 1.25 !important;
}
/* Optional: section spacing control */
.lv-find section { padding: 30px 0;
}
/* =========================================================
LV FIND — stop double padding (BIG GAP FIX)
========================================================= */
/* If still too much gap, slightly tighten only SEO section top */
.lv-find .lv-home-seo-guide { padding-top: 40px !important; }
/* =========================================================
LV FIND — CTA Button Hover (Gold/Black)
========================================================= */
.lv-find .main-btn,
.lv-find-fallback .main-btn{
transition: all .25s ease !important;
}
/* Hover effect */
.lv-find .main-btn:hover,
.lv-find-fallback .main-btn:hover{
transform: translateY(-2px) !important;
filter: brightness(1.05) !important;
}
/* Specifically for hero and CTA buttons */
.lv-find .hero-btns .main-btn:hover,
.lv-find .lv-find-cta .main-btn:hover{
box-shadow: 0 10px 25px rgba(212,175,55,0.28) !important; /* gold glow */
}
/* =========================================================
LV FIND — Premium SEO Section (Gold/Black, Icons, Cards)
Paste at very bottom of lv-find-overrides.css
========================================================= */
.lv-find .lv-home-seo-guide{
position: relative;
background: #fff;
}
/* Title spacing + premium underline */
.lv-find .lv-home-seo-guide .lv-section-head .sub-title{
letter-spacing: .5px;
text-transform: none;
}
.lv-find .lv-home-seo-guide .lv-section-h2{
position: relative;
display: inline-block;
padding-bottom: 14px;
}
.lv-find .lv-home-seo-guide .lv-section-h2:after{
content:"";
position:absolute;
left:50%;
bottom:0;
transform:translateX(-50%);
width:120px;
height:3px;
background: linear-gradient(90deg, rgba(212,175,55,0), rgba(212,175,55,1), rgba(212,175,55,0));
border-radius: 99px;
}
/* Paragraph block — make it like premium center content */
.lv-find .lv-home-seo-guide p{
font-size: 16px;
line-height: 1.85;
color: rgba(0,0,0,.78);
}
/* Main SEO “two cards” */
.lv-find .lv-home-seo-guide .col-lg-6 > div{
position: relative;
border-radius: 18px !important;
background: linear-gradient(180deg, #ffffff, #fbfbfb) !important;
border: 1px solid rgba(212,175,55,0.30) !important;
box-shadow: 0 18px 50px rgba(0,0,0,0.06) !important;
overflow: hidden;
}
/* Gold glow top strip */
.lv-find .lv-home-seo-guide .col-lg-6 > div:before{
content:"";
position:absolute;
left:0; top:0;
width:100%;
height:5px;
background: linear-gradient(90deg, rgba(212,175,55,.15), rgba(212,175,55,.75), rgba(212,175,55,.15));
}
/* Card headings with icon */
.lv-find .lv-home-seo-guide h3{
color:#111;
font-weight: 800;
letter-spacing: .2px;
}
/* Bullet list: premium check icons + spacing */
.lv-find .lv-home-seo-guide ul{
list-style: none !important;
padding-left: 0 !important;
margin: 0 !important;
}
.lv-find .lv-home-seo-guide ul li{
position: relative;
padding-left: 30px;
margin-bottom: 10px;
color: rgba(0,0,0,.80);
line-height: 1.7;
}
/* Gold check icon */
.lv-find .lv-home-seo-guide ul li:before{
content:"✓";
position:absolute;
left:0;
top:0;
width:20px;
height:20px;
border-radius: 50%;
display:flex;
align-items:center;
justify-content:center;
font-size: 12px;
font-weight: 900;
color:#111;
background: rgba(212,175,55,0.95);
box-shadow: 0 8px 18px rgba(212,175,55,0.22);
}
/* FAQ container */
.lv-find .lv-home-seo-guide h3[style*="Frequently Asked Questions"]{
font-weight: 900 !important;
letter-spacing: .2px;
}
/* FAQ items look like premium policies accordions */
.lv-find .lv-home-seo-guide div[style*="border-radius:12px"]{
border-radius: 16px !important;
border: 1px solid rgba(212,175,55,0.28) !important;
background: linear-gradient(180deg, #fff, #fcfcfc) !important;
box-shadow: 0 14px 35px rgba(0,0,0,0.06) !important;
transition: all .25s ease !important;
}
/* FAQ hover premium */
.lv-find .lv-home-seo-guide div[style*="border-radius:12px"]:hover{
transform: translateY(-2px);
box-shadow: 0 18px 55px rgba(0,0,0,0.09) !important;
border-color: rgba(212,175,55,0.55) !important;
}
/* FAQ question style */
.lv-find .lv-home-seo-guide div[style*="border-radius:12px"] strong{
display: block;
font-weight: 900;
color: #0f0f0f;
padding-left: 28px;
position: relative;
}
/* Gold icon before each FAQ question */
.lv-find .lv-home-seo-guide div[style*="border-radius:12px"] strong:before{
content:"?";
position:absolute;
left:0;
top:0;
width:20px;
height:20px;
border-radius: 50%;
display:flex;
align-items:center;
justify-content:center;
font-size: 12px;
font-weight: 900;
color:#111;
background: rgba(212,175,55,0.95);
box-shadow: 0 8px 18px rgba(212,175,55,0.22);
}
/* Reduce the gap between Featured section and SEO section */
.lv-find .listing-grid-area{ padding-bottom: 5px !important; }
.lv-find .lv-home-seo-guide{ padding-top: 25px !important; }
/* Mobile refinement */
@media (max-width: 767px){
.lv-find .lv-home-seo-guide .lv-section-h2:after{ width: 90px; }
.lv-find .lv-home-seo-guide p{ font-size: 15px; }
}
/* =========================================================
CITY PAGE FIX (NO GRID / NO FLEX / NO VARS)
Target: .lv-find-city wrapper from city-render.php
========================================================= */
/* Kill any theme page title/breadcrumb that sneaks in */
body.lv-has-geo h1.page-title,
body.lv-has-geo .entry-title,
body.lv-has-geo .page-title-wrap,
body.lv-has-geo .title-area,
body.lv-has-geo .page-title-content,
body.lv-has-geo .breadcrumb-content,
body.lv-has-geo .page-banner,
body.lv-has-geo .page-banner-area {
display: none !important;
}
/* HERO spacing so it doesn't go under header */
.lv-find-city .lv-city-hero{
padding: 90px 0 35px !important;
background: #fff !important;
}
/* limit hero content width like home */
.lv-find-city .lv-city-hero-inner{
max-width: 760px;
}
/* typography */
.lv-find-city .lv-city-title{
font-size: 56px !important;
line-height: 1.15 !important;
margin: 0 0 12px 0 !important;
color: #111 !important;
}
.lv-find-city .lv-city-subtitle{
font-size: 16px !important;
color: #666 !important;
margin: 0 0 22px 0 !important;
}
/* hide any old floating badges/cards if still present somewhere */
.lv-find-city .lv-hero-badge,
.lv-find-city .lv-hero-floating-badge,
.lv-find-city .hero-badge,
.lv-find-city .hero-float-badge,
.lv-find-city .lv-hero-float-card{
display:none !important;
}
/* small links under search */
.lv-find-city .lv-city-hero-links{
margin-top: 10px;
}
.lv-find-city .lv-hero-link{
display:inline-block;
margin-right: 10px;
font-size: 13px;
color: #b88a1b;
text-decoration: none;
}
.lv-find-city .lv-hero-link:hover{
text-decoration: underline;
}
/* LISTINGS section spacing */
.lv-find-city .lv-city-blocks{
padding: 70px 0 !important;
background: #fff !important;
}
.lv-find-city .lv-section-head{
text-align: center;
margin-bottom: 35px;
}
.lv-find-city .lv-section-head .lv-eyebrow{
display:block;
font-size: 13px;
color: #cc3333;
margin-bottom: 6px;
}
.lv-find-city .lv-section-head h2{
font-size: 34px;
line-height: 1.3;
margin: 0;
}
/* empty state box */
.lv-find-city .lv-empty{
max-width: 560px;
margin: 0 auto;
padding: 22px;
border: 1px dashed #ddd;
border-radius: 10px;
text-align:center;
color:#666;
}
/* CITY: remove the floating "Luxury / Trust / Comfort" promo only */
.lv-find-city .lv-hero-badge,
.lv-find-city .lv-hero-floating-badge,
.lv-find-city .hero-badge,
.lv-find-city .hero-float-badge,
.lv-find-city .lv-hero-float-card,
.lv-find-city .lv-hero-promo,
.lv-find-city .lv-hero-promo-card{
display:none !important;
}
/* ================================
CITY HERO: put STATE on new line
================================ */
.lv-find-city .hero-area .hero-content h1 .lv-h1-state{
display: block;
}
/* =========================================
CITY HERO: remove ONLY the floating promo
(Luxury / Trust / Comfort image/card)
========================================= */
.lv-find-city .lv-hero-float-card,
.lv-find-city .lv-hero-float,
.lv-find-city .lv-hero-promo,
.lv-find-city .lv-hero-floating-card{
display: none !important;
}
/* =========================================================
CITY TRUST (Premium - Gold/Black) | lv-find-overrides.css
Uses ONLY flex + standard CSS (no grid, no fr, no :root)
Targeted to city pages wrapper: .lv-find-city
========================================================= */
/* section spacing + subtle premium divider */
.lv-find-city .lv-find-trust{
padding: 70px 0;
background: #ffffff;
}
/* center heading area */
.lv-find-city .lv-find-trust .lv-trust-head{
text-align: center;
margin: 0 auto 34px;
max-width: 880px;
}
/* RED kicker subtitle like your screenshot */
.lv-find-city .lv-find-trust .lv-trust-kicker{
display: inline-block;
font-size: 14px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
color: #d94b4b; /* premium soft red */
position: relative;
padding: 0 18px;
margin-bottom: 10px;
}
/* decorative dots + line */
.lv-find-city .lv-find-trust .lv-trust-kicker:before,
.lv-find-city .lv-find-trust .lv-trust-kicker:after{
content: "•";
position: absolute;
top: 0;
color: #d94b4b;
opacity: .85;
font-weight: 900;
}
.lv-find-city .lv-find-trust .lv-trust-kicker:before{ left: 0; }
.lv-find-city .lv-find-trust .lv-trust-kicker:after{ right: 0; }
/* big title */
.lv-find-city .lv-find-trust .lv-trust-title{
margin: 0 0 8px 0;
font-size: 40px;
line-height: 1.12;
font-weight: 900;
color: #0b0b0b;
}
/* lead line under title */
.lv-find-city .lv-find-trust .lv-trust-lead{
margin: 0;
font-size: 15px;
line-height: 1.65;
color: rgba(0,0,0,.62);
}
/* row spacing */
.lv-find-city .lv-find-trust .lv-trust-row{
margin-top: 24px;
}
/* trust card premium */
.lv-find-city .lv-find-trust .lv-trust-card{
height: 100%;
border-radius: 18px;
padding: 18px 16px 16px;
background: #ffffff;
border: 1px solid rgba(212,175,55,.18);
box-shadow: 0 14px 34px rgba(0,0,0,.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
position: relative;
overflow: hidden;
}
/* soft gold glow strip on top */
.lv-find-city .lv-find-trust .lv-trust-card:before{
content: "";
position: absolute;
left: 0; top: 0; right: 0;
height: 4px;
background: rgba(212,175,55,.95);
opacity: .85;
}
/* subtle diagonal gold haze */
.lv-find-city .lv-find-trust .lv-trust-card:after{
content: "";
position: absolute;
right: -30px;
top: -30px;
width: 120px;
height: 120px;
background: rgba(212,175,55,.16);
transform: rotate(25deg);
border-radius: 22px;
}
/* hover lift */
.lv-find-city .lv-find-trust .lv-trust-card:hover{
transform: translateY(-4px);
border-color: rgba(212,175,55,.34);
box-shadow: 0 20px 48px rgba(0,0,0,.09);
}
/* icon bubble */
.lv-find-city .lv-find-trust .lv-trust-icon{
width: 40px;
height: 40px;
border-radius: 12px;
background: rgba(212,175,55,.12);
border: 1px solid rgba(212,175,55,.22);
margin-bottom: 10px;
position: relative;
z-index: 1;
}
/* small inner dot (premium vibe) */
.lv-find-city .lv-find-trust .lv-trust-icon:before{
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 10px;
height: 10px;
margin-left: -5px;
margin-top: -5px;
border-radius: 50%;
background: rgba(212,175,55,.92);
}
/* card title */
.lv-find-city .lv-find-trust .lv-trust-card-title{
margin: 0 0 6px 0;
font-size: 18px;
font-weight: 900;
color: #0b0b0b;
position: relative;
z-index: 1;
}
/* card text */
.lv-find-city .lv-find-trust .lv-trust-card-text{
margin: 0;
font-size: 14px;
line-height: 1.55;
color: rgba(0,0,0,.68);
position: relative;
z-index: 1;
}
/* mini tag bottom (gold pill) */
.lv-find-city .lv-find-trust .lv-trust-mini{
display: inline-block;
margin-top: 10px;
padding: 6px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 800;
letter-spacing: .02em;
background: rgba(212,175,55,.14);
border: 1px solid rgba(212,175,55,.24);
color: rgba(0,0,0,.74);
position: relative;
z-index: 1;
}
/* responsive */
@media (max-width: 991px){
.lv-find-city .lv-find-trust .lv-trust-title{
font-size: 32px;
}
.lv-find-city .lv-find-trust{
padding: 56px 0;
}
}
/* =========================================================
CITY INTRO (premium, SEO friendly, scoped)
File: lv-find-overrides.css
========================================================= */
.lv-find-city .lv-find-intro{
padding-top: 70px !important;
padding-bottom: 70px !important;
background: #ffffff;
}
/* Red subtitle like your screenshot */
.lv-find-city .lv-find-intro .lv-section-head .sub-title{
display: inline-block;
font-weight: 700 !important;
letter-spacing: .10em;
text-transform: uppercase;
font-size: 12px !important;
color: #d13b3b !important;
margin-bottom: 10px !important;
position: relative;
padding: 0 12px;
}
.lv-find-city .lv-find-intro .lv-section-head .sub-title:before,
.lv-find-city .lv-find-intro .lv-section-head .sub-title:after{
content: "";
display: inline-block;
width: 32px;
height: 1px;
background: rgba(209,59,59,.45);
vertical-align: middle;
margin: 0 10px;
}
/* Title */
.lv-find-city .lv-find-intro .lv-section-h2{
font-weight: 800 !important;
font-size: 44px !important;
line-height: 1.12 !important;
color: #0b0b0b !important;
margin: 0 0 10px 0 !important;
}
/* Kicker line under title */
.lv-find-city .lv-find-intro .lv-intro-kicker{
max-width: 860px;
margin: 0 auto;
font-size: 14px;
line-height: 1.8;
color: rgba(10,10,10,.72);
}
.lv-find-city .lv-find-intro .lv-intro-kicker strong{
color: #0b0b0b;
font-weight: 800;
}
/* Paragraph block */
.lv-find-city .lv-find-intro .lv-find-richtext{
max-width: 900px;
margin: 18px auto 0 auto;
padding: 18px 22px;
border-radius: 16px;
background: linear-gradient(180deg, rgba(212,175,55,.14) 0%, rgba(212,175,55,.05) 100%);
border: 1px solid rgba(212,175,55,.25);
box-shadow: 0 16px 45px rgba(0,0,0,.06);
}
.lv-find-city .lv-find-intro .lv-find-richtext p{
margin: 0 0 12px 0;
font-size: 15px;
line-height: 1.85;
color: rgba(10,10,10,.82);
}
.lv-find-city .lv-find-intro .lv-find-richtext p:last-child{
margin-bottom: 0;
}
/* Highlights row (flex, no grid) */
.lv-find-city .lv-find-intro .lv-intro-highlights{
max-width: 900px;
margin: 18px auto 0 auto;
display: flex;
gap: 14px;
flex-wrap: wrap;
justify-content: center;
}
.lv-find-city .lv-find-intro .lv-intro-hl{
flex: 1 1 220px;
min-width: 220px;
max-width: 320px;
padding: 16px 16px;
border-radius: 16px;
background: #0b0b0b;
border: 1px solid rgba(212,175,55,.28);
box-shadow: 0 18px 50px rgba(0,0,0,.10);
position: relative;
overflow: hidden;
}
.lv-find-city .lv-find-intro .lv-intro-hl:before{
content:"";
position:absolute;
top:-40px;
right:-40px;
width:120px;
height:120px;
border-radius: 999px;
background: rgba(212,175,55,.18);
}
.lv-find-city .lv-find-intro .lv-intro-hl-title{
font-weight: 800;
color: #d4af37;
font-size: 15px;
margin-bottom: 6px;
}
.lv-find-city .lv-find-intro .lv-intro-hl-desc{
color: rgba(255,255,255,.82);
font-size: 13px;
line-height: 1.7;
}
/* Responsive */
@media (max-width: 992px){
.lv-find-city .lv-find-intro .lv-section-h2{
font-size: 36px !important;
}
}
@media (max-width: 576px){
.lv-find-city .lv-find-intro .lv-section-h2{
font-size: 30px !important;
}
.lv-find-city .lv-find-intro .lv-find-richtext{
padding: 16px 16px;
}
}
/* =========================
SERVICES (City) — Premium
========================= */
.lv-find-services .lv-find-kicker{
text-align:center;
color:#d44;
font-weight:700;
letter-spacing:.22em;
text-transform:uppercase;
margin: 0 0 10px 0;
}
.lv-find-services .lv-section-h2{
text-align:center;
margin: 0 0 16px 0;
}
.lv-find-services .lv-find-services-intro{
max-width: 920px;
margin: 0 auto 22px auto;
text-align:center;
opacity:.92;
line-height: 1.75;
}
.lv-find-services .lv-find-services-intro p{
margin: 0 0 10px 0;
}
.lv-find-services .lv-services-grid{
margin-top: 10px;
}
.lv-find-services .lv-find-card-mini{
background: #fff;
border: 1px solid rgba(212,175,55,.22);
border-top: 4px solid rgba(212,175,55,.75);
border-radius: 18px;
padding: 22px 20px 20px;
box-shadow: 0 14px 34px rgba(0,0,0,.06);
height: 100%;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.lv-find-services .lv-find-card-mini:hover{
transform: translateY(-3px);
box-shadow: 0 22px 50px rgba(0,0,0,.10);
border-color: rgba(212,175,55,.40);
}
.lv-find-services .lv-find-mini-icon{
width: 56px;
height: 56px;
border-radius: 14px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(212,175,55,.12);
border: 1px solid rgba(212,175,55,.28);
margin-bottom: 14px;
}
.lv-find-services .lv-find-mini-icon svg{
width: 26px;
height: 26px;
fill: #D4AF37;
}
.lv-find-services .lv-find-mini-title{
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 800;
color: #111;
}
.lv-find-services .lv-find-mini-text{
margin: 0;
opacity: .9;
line-height: 1.65;
}
/* =========================
AIRPORTS / VENUES — Premium
========================= */
.lv-find-airports .lv-find-kicker{
text-align:center;
color:#d44;
font-weight:700;
letter-spacing:.22em;
text-transform:uppercase;
margin: 0 0 10px 0;
}
.lv-find-airports .lv-section-h2{
text-align:center;
margin: 0 0 12px 0;
}
.lv-find-airports .lv-airports-intro{
max-width: 980px;
margin: 0 auto 22px auto;
text-align:center;
opacity:.92;
line-height: 1.75;
}
.lv-find-airports .lv-airports-grid{
margin-top: 6px;
}
.lv-find-airports .lv-airports-card{
background: #fff;
border: 1px solid rgba(212,175,55,.20);
border-top: 4px solid rgba(212,175,55,.80);
border-radius: 18px;
padding: 22px 20px 20px;
box-shadow: 0 14px 34px rgba(0,0,0,.06);
height: 100%;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.lv-find-airports .lv-airports-card:hover{
transform: translateY(-3px);
box-shadow: 0 22px 50px rgba(0,0,0,.10);
border-color: rgba(212,175,55,.40);
}
.lv-find-airports .lv-airports-icon{
width: 56px;
height: 56px;
border-radius: 14px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(212,175,55,.12);
border: 1px solid rgba(212,175,55,.28);
margin-bottom: 14px;
}
.lv-find-airports .lv-airports-icon svg{
width: 26px;
height: 26px;
fill: #D4AF37;
}
.lv-find-airports .lv-airports-title{
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 850;
color: #111;
}
.lv-find-airports .lv-airports-text{
margin: 0 0 12px 0;
opacity: .9;
line-height: 1.65;
}
.lv-find-airports .lv-airports-bullets{
margin: 0;
padding-left: 18px;
opacity: .95;
line-height: 1.7;
}
.lv-find-airports .lv-airports-bullets li{
margin: 0 0 6px 0;
}
.lv-find-airports .lv-airports-footer{
margin-top: 18px;
text-align:center;
opacity:.85;
line-height: 1.75;
}
/* =========================
PRICING — Premium (Gold/Black)
========================= */
.lv-find-pricing .lv-find-kicker{
text-align:center;
color:#d44;
font-weight:700;
letter-spacing:.22em;
text-transform:uppercase;
margin: 0 0 10px 0;
}
.lv-find-pricing .lv-section-h2{
text-align:center;
margin: 0 0 12px 0;
}
.lv-find-pricing .lv-pricing-intro{
max-width: 980px;
margin: 0 auto 22px auto;
text-align:center;
opacity:.92;
line-height: 1.75;
}
.lv-find-pricing .lv-pricing-intro p{ margin: 0 0 10px 0; }
.lv-find-pricing .lv-pricing-grid{
margin-top: 6px;
}
.lv-find-pricing .lv-pricing-card{
background: #fff;
border: 1px solid rgba(212,175,55,.20);
border-top: 4px solid rgba(212,175,55,.85);
border-radius: 18px;
padding: 22px 20px 20px;
box-shadow: 0 14px 34px rgba(0,0,0,.06);
height: 100%;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.lv-find-pricing .lv-pricing-card:hover{
transform: translateY(-3px);
box-shadow: 0 22px 50px rgba(0,0,0,.10);
border-color: rgba(212,175,55,.40);
}
.lv-find-pricing .lv-pricing-icon{
width: 56px;
height: 56px;
border-radius: 14px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(212,175,55,.12);
border: 1px solid rgba(212,175,55,.28);
margin-bottom: 14px;
}
.lv-find-pricing .lv-pricing-icon svg{
width: 26px;
height: 26px;
fill: #D4AF37;
}
.lv-find-pricing .lv-pricing-title{
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 850;
color: #111;
}
.lv-find-pricing .lv-pricing-text{
margin: 0 0 12px 0;
opacity: .9;
line-height: 1.65;
}
.lv-find-pricing .lv-pricing-bullets{
margin: 0;
padding-left: 18px;
opacity: .95;
line-height: 1.7;
}
.lv-find-pricing .lv-pricing-bullets li{
margin: 0 0 6px 0;
}
.lv-find-pricing .lv-pricing-footer{
margin-top: 18px;
text-align:center;
opacity:.88;
line-height: 1.75;
}
/* =========================
ROUTES — Premium (Gold/Black)
========================= */
.lv-find-routes .lv-find-kicker{
text-align:center;
color:#d44;
font-weight:700;
letter-spacing:.22em;
text-transform:uppercase;
margin: 0 0 10px 0;
}
.lv-find-routes .lv-section-h2{
text-align:center;
margin: 0 0 10px 0;
}
.lv-find-routes .lv-routes-intro{
max-width: 980px;
margin: 0 auto 22px auto;
text-align:center;
opacity:.92;
line-height: 1.75;
}
.lv-find-routes .lv-routes-intro p{ margin: 0 0 10px 0; }
.lv-find-routes .lv-route-card{
background:#0e0e0e;
border: 1px solid rgba(212,175,55,.22);
border-radius: 20px;
padding: 18px 18px 16px;
box-shadow: 0 16px 42px rgba(0,0,0,.10);
height: 100%;
position: relative;
overflow: hidden;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
/* soft gold glow */
.lv-find-routes .lv-route-card:before{
content:"";
position:absolute;
inset:-2px;
background: radial-gradient(circle at 20% 10%, rgba(212,175,55,.18), transparent 55%),
radial-gradient(circle at 90% 30%, rgba(212,175,55,.10), transparent 55%);
pointer-events:none;
}
.lv-find-routes .lv-route-card:hover{
transform: translateY(-3px);
box-shadow: 0 26px 60px rgba(0,0,0,.16);
border-color: rgba(212,175,55,.38);
}
.lv-find-routes .lv-route-top{
display:flex;
gap: 12px;
align-items:flex-start;
position: relative;
z-index: 1;
}
.lv-find-routes .lv-route-ico{
width: 54px;
height: 54px;
border-radius: 16px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(212,175,55,.14);
border: 1px solid rgba(212,175,55,.35);
flex: 0 0 auto;
}
.lv-find-routes .lv-route-ico svg{
width: 26px;
height: 26px;
fill: #D4AF37;
}
.lv-find-routes .lv-route-title{
margin: 0;
font-size: 17px;
font-weight: 850;
color: #fff;
line-height: 1.3;
}
.lv-find-routes .lv-route-sub{
margin-top: 4px;
font-size: 13px;
opacity: .9;
color: rgba(255,255,255,.78);
}
.lv-find-routes .lv-route-body{
margin-top: 12px;
position: relative;
z-index: 1;
}
.lv-find-routes .lv-route-body p{
margin: 0;
color: rgba(255,255,255,.86);
line-height: 1.7;
}
.lv-find-routes .lv-route-foot{
margin-top: 14px;
display:flex;
flex-wrap:wrap;
gap: 8px;
position: relative;
z-index: 1;
}
.lv-find-routes .lv-route-chip{
display:inline-flex;
align-items:center;
padding: 7px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 750;
letter-spacing: .02em;
color:#111;
background: rgba(212,175,55,.92);
border: 1px solid rgba(212,175,55,1);
}
/* =========================
ROUTES — GOLD FADED PREMIUM OVERRIDE
========================= */
/* Grid spacing */
.lv-routes-grid{
row-gap: 28px; /* vertical spacing */
column-gap: 22px; /* horizontal spacing */
}
/* Card base */
.lv-find-routes .lv-route-card{
background:
linear-gradient(
180deg,
#fbf4dc 0%,
#f3e2b0 45%,
#edd79a 100%
);
border: 1px solid rgba(212,175,55,.45);
box-shadow: 0 18px 40px rgba(0,0,0,.10);
color: #111;
}
/* Remove dark glow */
.lv-find-routes .lv-route-card:before{
display:none;
}
/* Hover = subtle lift only */
.lv-find-routes .lv-route-card:hover{
transform: translateY(-4px);
box-shadow: 0 26px 55px rgba(0,0,0,.14);
}
/* Icon container */
.lv-find-routes .lv-route-ico{
background: #111;
border: 1px solid #111;
}
/* Icon itself = gold */
.lv-find-routes .lv-route-ico svg{
fill: #D4AF37;
}
/* Titles */
.lv-find-routes .lv-route-title{
color:#111;
}
/* Subtitle */
.lv-find-routes .lv-route-sub{
color: rgba(0,0,0,.70);
}
/* Body text */
.lv-find-routes .lv-route-body p{
color: rgba(0,0,0,.78);
}
/* Footer pills */
.lv-find-routes .lv-route-chip{
background:#111;
color:#D4AF37;
border:1px solid #111;
font-weight:800;
}
/* Optional: soften corners more */
.lv-find-routes .lv-route-card{
border-radius:22px;
}
/* Mobile spacing safety */
@media (max-width: 767px){
.lv-routes-grid{
row-gap: 22px;
}
}
/* =========================
ROUTES – GRID ALIGNMENT FIX
========================= */
/* Force grid behavior instead of loose Bootstrap flow */
.lv-find-routes .row{
display: flex;
flex-wrap: wrap;
justify-content: center; /* centers the whole group */
gap: 28px 22px; /* vertical | horizontal */
}
/* Each column behaves consistently */
.lv-find-routes .col-lg-4,
.lv-find-routes .col-md-6,
.lv-find-routes .col-sm-12{
display: flex;
justify-content: center;
}
/* Card itself */
.lv-find-routes .lv-route-card{
width: 100%;
max-width: 360px; /* keeps rows even */
display: flex;
flex-direction: column;
height: 100%; /* equal height */
}
/* Push buttons to bottom (prevents uneven height break) */
.lv-find-routes .lv-route-footer{
margin-top: auto;
}
/* Mobile: full width but centered */
@media (max-width: 767px){
.lv-find-routes .lv-route-card{
max-width: 100%;
}
}
/* =========================
ROUTES – FORCE 3 CARDS PER ROW (THEME OVERRIDE KILLER)
========================= */
/* Make sure the cards row is flex and wraps */
.lv-find-routes .row{
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
row-gap: 26px !important;
}
/* ✅ HARD FORCE: 3 columns on desktop */
@media (min-width: 992px){
.lv-find-routes .row > .col-lg-4{
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
width: 33.333333% !important;
}
}
/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 991.98px){
.lv-find-routes .row > .col-md-6{
flex: 0 0 50% !important;
max-width: 50% !important;
width: 50% !important;
}
}
/* Mobile: 1 column */
@media (max-width: 767.98px){
.lv-find-routes .row > .col-sm-12{
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
}
/* Remove “card max-width” that can cause wrapping */
.lv-find-routes .lv-route-card{
max-width: none !important;
width: 100% !important;
}
/* Center card inside column without shrinking layout */
.lv-find-routes .row > [class*="col-"]{
display:block !important;
}
/* =========================================================
ROUTES: FORCE 3 CARDS/ROW (fix overflow + wrapper width)
Works even if theme messes with Bootstrap
========================================================= */
/* 1) Your routes grid row */
.lv-find-routes .lv-routes-grid{
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
gap: 26px !important; /* ✅ real spacing between cards */
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 2) The “center wrapper” is limiting width (col-lg-10) — make it full */
.lv-find-routes .row.justify-content-center > .col-lg-10{
flex: 0 0 100% !important;
max-width: 1140px !important; /* desktop container size */
}
/* 3) Kill column padding that causes wrap, use gap instead */
.lv-find-routes .lv-routes-grid > .col-lg-4,
.lv-find-routes .lv-routes-grid > .col-md-6,
.lv-find-routes .lv-routes-grid > .col-sm-12{
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
/* 4) ✅ DESKTOP: 3 per row (gap-safe width) */
@media (min-width: 992px){
.lv-find-routes .lv-routes-grid > .col-lg-4{
flex: 0 0 calc(33.333333% - 18px) !important;
max-width: calc(33.333333% - 18px) !important;
width: calc(33.333333% - 18px) !important;
}
}
/* 5) TABLET: 2 per row */
@media (min-width: 768px) and (max-width: 991.98px){
.lv-find-routes .lv-routes-grid > .col-md-6{
flex: 0 0 calc(50% - 13px) !important;
max-width: calc(50% - 13px) !important;
width: calc(50% - 13px) !important;
}
}
/* 6) MOBILE: 1 per row */
@media (max-width: 767.98px){
.lv-find-routes .lv-routes-grid > .col-sm-12{
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
}
/* ROUTES: keep pills in ONE line */
.lv-find-routes .lv-route-foot{
display:flex !important;
flex-wrap: nowrap !important; /* ✅ no second line */
gap: 10px !important;
align-items:center !important;
}
/* make each pill slightly smaller so 3 fit in one row */
.lv-find-routes .lv-route-foot .lv-pill{
white-space: nowrap !important;
padding: 9px 12px !important;
font-size: 12px !important;
line-height: 1 !important;
}
/* if still tight on some screens, auto shrink pills */
.lv-find-routes .lv-route-foot .lv-pill{
flex: 0 1 auto !important;
}
/* tablet: allow wrap only if extremely needed */
@media (max-width: 768px){
.lv-find-routes .lv-route-foot{
flex-wrap: wrap !important; /* mobile ok to wrap */
}
}
/* ================================
NEARBY (Premium chip cloud)
================================ */
.lv-find-nearby{
background: #fff;
}
.lv-find-nearby .lv-find-kicker{
text-align:center;
color:#ff4d4d;
letter-spacing:.18em;
font-weight:700;
text-transform:uppercase;
margin:0 0 10px;
}
.lv-nearby-head{
text-align:center;
margin-bottom:12px;
}
.lv-nearby-sub{
max-width: 860px;
margin: 12px auto 0;
color: rgba(0,0,0,.68);
font-size: 16px;
line-height: 1.75;
}
.lv-nearby-sub p{
margin: 0 0 10px;
}
.lv-nearby-meta{
display:flex;
gap:10px;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin: 10px 0 22px;
font-size: 13px;
color: rgba(0,0,0,.58);
}
.lv-nearby-count{
font-weight:700;
color: rgba(0,0,0,.72);
}
.lv-nearby-dot{ opacity:.7; }
.lv-nearby-cloud{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
padding: 8px 0 0;
}
/* chip */
.lv-nearby-chip{
display:inline-flex;
align-items:center;
gap:10px;
padding: 10px 14px;
border-radius: 999px;
text-decoration:none !important;
background: linear-gradient(180deg, rgba(212,175,55,.20), rgba(212,175,55,.10));
border: 1px solid rgba(212,175,55,.30);
color:#111 !important;
font-weight:700;
box-shadow: 0 10px 30px rgba(0,0,0,.07);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.lv-nearby-chip:hover{
transform: translateY(-2px);
box-shadow: 0 18px 45px rgba(0,0,0,.10);
background: linear-gradient(180deg, rgba(212,175,55,.28), rgba(212,175,55,.16));
}
.lv-nearby-chip .lv-chip-arrow{
display:inline-flex;
align-items:center;
justify-content:center;
width: 22px;
height: 22px;
border-radius: 999px;
background:#111;
color:#D4AF37;
font-size: 12px;
line-height: 1;
}
/* responsive */
@media (max-width: 768px){
.lv-nearby-sub{ font-size: 15px; padding: 0 10px; }
.lv-nearby-chip{ padding: 9px 12px; font-size: 13px; }
}
/* ================================
FAQ (Premium accordion)
================================ */
.lv-find-faq .lv-find-kicker{
text-align:center;
color:#ff4d4d;
letter-spacing:.18em;
font-weight:700;
text-transform:uppercase;
margin:0 0 10px;
}
.lv-faq-lead{
max-width: 920px;
margin: 12px auto 0;
color: rgba(0,0,0,.68);
font-size: 16px;
line-height: 1.75;
}
.lv-faq{
display:grid;
gap:14px;
margin-top: 10px;
}
.lv-faq-item{
border-radius: 18px;
border: 1px solid rgba(212,175,55,.25);
background: linear-gradient(180deg, rgba(212,175,55,.10), rgba(212,175,55,.04));
box-shadow: 0 18px 40px rgba(0,0,0,.07);
overflow:hidden;
}
.lv-faq-q{
width:100%;
text-align:left;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding: 16px 18px;
border: 0;
background: transparent;
cursor: pointer;
}
.lv-faq-qtext{
font-weight: 800;
color:#111;
line-height: 1.35;
font-size: 16px;
}
.lv-faq-ico{
width: 34px;
height: 34px;
flex: 0 0 34px;
border-radius: 999px;
display:flex;
align-items:center;
justify-content:center;
background:#111;
color:#D4AF37;
font-size: 14px;
transition: transform .18s ease;
}
.lv-faq-a{
display:none;
padding: 0 18px 16px;
}
.lv-faq-a p{
margin: 0;
color: rgba(0,0,0,.70);
line-height: 1.75;
font-size: 15px;
}
/* open state (we'll toggle via small JS) */
.lv-faq-item.is-open .lv-faq-a{ display:block; }
.lv-faq-item.is-open .lv-faq-ico{ transform: rotate(180deg); }
@media (max-width: 768px){
.lv-faq-q{ padding: 14px 14px; }
.lv-faq-qtext{ font-size: 15px; }
.lv-faq-ico{ width: 32px; height: 32px; flex-basis:32px; }
}
/* ================================
CTA (Premium Gold/Black)
================================ */
.lv-find-cta .lv-find-cta-box{
border-radius: 22px;
border: 1px solid rgba(212,175,55,.28);
background: radial-gradient(1200px 260px at 15% 0%, rgba(212,175,55,.20), transparent 55%),
radial-gradient(900px 240px at 85% 100%, rgba(212,175,55,.12), transparent 55%),
linear-gradient(180deg, #0b0b0b, #111);
box-shadow: 0 22px 60px rgba(0,0,0,.22);
padding: 26px 26px;
display:flex;
align-items:center;
justify-content:space-between;
gap: 22px;
}
.lv-find-cta .lv-find-kicker{
color:#ff4d4d;
letter-spacing:.18em;
font-weight:800;
text-transform:uppercase;
margin:0 0 10px;
text-align:left;
}
.lv-find-cta-title{
margin: 0 0 10px 0;
color: #fff;
font-weight: 900;
letter-spacing: -0.02em;
line-height: 1.15;
font-size: 30px;
}
.lv-find-cta-sub{
margin: 0;
color: rgba(255,255,255,.78);
line-height: 1.75;
font-size: 16px;
max-width: 760px;
}
.lv-find-cta-note{
margin-top: 12px;
display:inline-block;
padding: 10px 14px;
border-radius: 999px;
border: 1px solid rgba(212,175,55,.25);
background: rgba(212,175,55,.08);
color: rgba(255,255,255,.78);
font-size: 13px;
}
/* Buttons */
.lv-find-cta-actions{
display:flex;
flex-wrap: wrap;
justify-content:flex-end;
gap: 10px;
min-width: 320px;
}
.lv-cta-btn{
display:inline-flex;
align-items:center;
gap: 10px;
padding: 11px 14px;
border-radius: 999px;
text-decoration:none !important;
font-weight: 800;
font-size: 13px;
letter-spacing: .02em;
border: 1px solid rgba(255,255,255,.12);
transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
white-space: nowrap;
}
.lv-cta-btn svg{
width: 18px;
height: 18px;
display:block;
}
.lv-cta-primary{
background: #D4AF37;
border-color: rgba(212,175,55,.55);
color: #111 !important;
box-shadow: 0 12px 30px rgba(212,175,55,.18);
}
.lv-cta-primary svg{ fill:#111; }
.lv-cta-ghost{
background: rgba(212,175,55,.10);
border-color: rgba(212,175,55,.30);
color: #fff !important;
}
.lv-cta-ghost svg{ fill:#D4AF37; }
.lv-cta-dark{
background: rgba(0,0,0,.45);
border-color: rgba(212,175,55,.20);
color: #fff !important;
}
.lv-cta-dark svg{ fill:#D4AF37; }
.lv-cta-btn:hover{
transform: translateY(-1px);
box-shadow: 0 18px 40px rgba(0,0,0,.28);
border-color: rgba(212,175,55,.40);
}
/* Responsive */
@media (max-width: 992px){
.lv-find-cta .lv-find-cta-box{
flex-direction: column;
align-items:flex-start;
}
.lv-find-cta-actions{
justify-content:flex-start;
min-width: 0;
}
.lv-find-cta-title{ font-size: 26px; }
}
/* =========================================================
* CTA buttons: FORCE hover colors (only inside lv-find-cta)
* ========================================================= */
/* normal state */
.lv-find-cta .lv-find-cta-actions a.main-btn.icon-btn{
border: 1px solid rgba(212,175,55,.55) !important;
background: rgba(0,0,0,.55) !important;
color: #fff !important;
transition: all .18s ease !important;
}
/* icon color inherit */
.lv-find-cta .lv-find-cta-actions a.main-btn.icon-btn i{
color: inherit !important;
}
/* hover / focus */
.lv-find-cta .lv-find-cta-actions a.main-btn.icon-btn:hover,
.lv-find-cta .lv-find-cta-actions a.main-btn.icon-btn:focus,
.lv-find-cta .lv-find-cta-actions a.main-btn.icon-btn:focus-visible{
background: #D4AF37 !important; /* gold */
border-color: #D4AF37 !important;
color: #0b0b0b !important; /* black text */
text-decoration: none !important;
box-shadow: 0 14px 34px rgba(212,175,55,.25) !important;
transform: translateY(-1px) !important;
}
/* if theme adds ::before overlay on hover, kill it */
.lv-find-cta .lv-find-cta-actions a.main-btn.icon-btn::before,
.lv-find-cta .lv-find-cta-actions a.main-btn.icon-btn::after{
opacity: 0 !important;
display: none !important;
}
/* =========================================================
* Tip pill: faded golden + whitish look with black text
* (use this class where you show "Tip:" pill)
* ========================================================= */
.lv-find-tip-pill{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(212,175,55,.18); /* faded gold */
border: 1px solid rgba(212,175,55,.40);
color: #0b0b0b;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
/* if tip pill is inside richbox and theme overrides */
.lv-find-richbox .lv-find-tip-pill{
background: rgba(212,175,55,.18) !important;
border-color: rgba(212,175,55,.40) !important;
color: #0b0b0b !important;
}
/* =========================================================
* CTA FIXES ONLY (NO STRUCTURE CHANGES)
* ========================================================= */
/* ---------- Tip / micro note pill ---------- */
.lv-find-cta-note{
display:inline-block;
margin-top:14px;
padding:10px 16px;
border-radius:999px;
background:rgba(212,175,55,.18); /* faded gold */
border:1px solid rgba(212,175,55,.45);
color:#fff; /* BLACK text */
font-weight:700;
letter-spacing:.2px;
}
/* ---------- Base CTA buttons ---------- */
.lv-find-cta-actions .lv-cta-btn{
position:relative;
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 22px;
border-radius:10px;
font-weight:800;
transition:all .18s ease !important;
}
/* Kill theme overlays that block hover */
.lv-find-cta-actions .lv-cta-btn::before,
.lv-find-cta-actions .lv-cta-btn::after{
display:none !important;
content:none !important;
}
/* SVG icons inherit color */
.lv-find-cta-actions .lv-cta-btn svg{
width:18px;
height:18px;
fill:currentColor !important;
}
/* ---------- PRIMARY (Get Quotes) HOVER FIX ---------- */
.lv-find-cta-actions .lv-cta-primary:hover,
.lv-find-cta-actions .lv-cta-primary:focus{
background:#D4AF37 !important; /* GOLD */
color:#000 !important; /* BLACK TEXT */
border-color:#D4AF37 !important;
box-shadow:0 14px 40px rgba(212,175,55,.35);
}
/* ---------- GHOST (Search Again) HOVER ---------- */
.lv-find-cta-actions .lv-cta-ghost:hover{
background:#D4AF37 !important;
color:#000 !important;
border-color:#D4AF37 !important;
}
/* ---------- DARK (List Company) HOVER ---------- */
.lv-find-cta-actions .lv-cta-dark:hover{
background:#D4AF37 !important;
color:#000 !important;
border-color:#D4AF37 !important;
}
/* =========================================================
HOW TO CHOOSE – CLEAN PREMIUM (NO BLACK)
========================================================= */
.lv-find-choose {
background: #ffffff;
}
/* Section heading */
.lv-find-choose .lv-section-head .sub-title {
color: #c92a2a; /* same red accent as "Top in City" */
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
}
.lv-find-choose .lv-section-h2 {
color: #1a1a1a;
}
/* Main content box */
.lv-choose-box {
background: linear-gradient(
145deg,
#fffaf0,
#ffffff
);
border-radius: 18px;
padding: 36px 38px;
border: 1px solid rgba(212,175,55,0.35);
box-shadow: 0 14px 40px rgba(0,0,0,0.08);
}
/* Intro paragraph */
.lv-choose-intro {
color: #444;
font-size: 17px;
line-height: 1.7;
margin-bottom: 24px;
}
/* Checklist */
.lv-choose-list {
list-style: none;
padding: 0;
margin: 0;
}
.lv-choose-list li {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 14px 0;
color: #333;
font-size: 15.5px;
line-height: 1.65;
border-bottom: 1px solid rgba(0,0,0,0.06);
}
.lv-choose-list li:last-child {
border-bottom: none;
}
/* Check icon */
.lv-choose-list i {
color: #d4af37;
font-size: 17px;
margin-top: 3px;
}
/* SEO / trust pills */
.lv-choose-foot {
margin-top: 26px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.lv-choose-pill {
background: rgba(212,175,55,0.18);
color: #2b2b2b;
padding: 8px 16px;
border-radius: 999px;
font-size: 12.5px;
font-weight: 600;
letter-spacing: .04em;
border: 1px solid rgba(212,175,55,0.45);
white-space: nowrap;
}
/* Hover – premium subtle */
.lv-choose-pill:hover {
background: rgba(212,175,55,0.32);
color: #000;
}
/* =========================================================
HUB LINKS – PREMIUM DIRECTORY HUB (WHITE + GOLD + BLACK)
========================================================= */
.lv-find-hub{
background:#fff;
}
.lv-hub-head{
text-align:center;
margin-bottom: 26px;
}
.lv-hub-head .lv-find-kicker{
color:#c92a2a; /* same red pattern */
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:10px;
}
.lv-hub-lead{
margin: 12px auto 0;
max-width: 780px;
font-size: 16.5px;
line-height: 1.75;
color:#444;
}
/* Box */
.lv-hub-box{
background:#fff;
border-radius: 18px;
padding: 10px 0;
border: 1px solid rgba(0,0,0,0.08);
box-shadow: 0 14px 45px rgba(0,0,0,0.08);
overflow:hidden;
}
/* Row */
.lv-hub-row{
display:flex;
align-items:center;
justify-content:space-between;
gap: 16px;
padding: 18px 22px;
border-bottom: 1px solid rgba(0,0,0,0.06);
}
.lv-hub-row:last-child{
border-bottom:none;
}
.lv-hub-left{
display:flex;
align-items:center;
gap: 12px;
min-width: 190px;
}
.lv-hub-dot{
width: 10px;
height: 10px;
border-radius: 999px;
background: rgba(212,175,55,0.45);
box-shadow: 0 0 0 6px rgba(212,175,55,0.12);
flex: 0 0 auto;
}
.lv-hub-dot-active{
background:#d4af37;
box-shadow: 0 0 0 7px rgba(212,175,55,0.18);
}
.lv-hub-label{
font-size: 13px;
font-weight: 700;
letter-spacing:.06em;
text-transform:uppercase;
color:#111;
opacity:.85;
}
.lv-hub-right{
display:flex;
align-items:center;
gap: 10px;
flex-wrap: wrap;
justify-content:flex-end;
}
/* Links */
.lv-hub-link{
display:inline-block;
padding: 10px 16px;
border-radius: 999px;
background: #111; /* black pill */
color:#fff;
font-weight:700;
font-size: 14px;
text-decoration:none;
border: 1px solid #111;
transition: all .22s ease;
}
.lv-hub-link:hover{
background: linear-gradient(135deg,#d4af37,#b8962e);
border-color:#d4af37;
color:#111;
text-decoration:none;
}
/* Plain */
.lv-hub-plain{
color:#666;
font-weight:600;
}
/* Current city */
.lv-hub-current{
font-weight:800;
color:#111;
font-size: 15px;
}
/* Hashtag pills */
.lv-hub-pill{
display:inline-block;
padding: 8px 14px;
border-radius: 999px;
background: rgba(212,175,55,0.16); /* faded gold */
border: 1px solid rgba(212,175,55,0.28);
color:#111;
font-weight:700;
font-size: 12px;
letter-spacing:.02em;
white-space:nowrap;
}
.lv-hub-pill-gold{
background: linear-gradient(135deg,#d4af37,#b8962e);
border-color:#d4af37;
color:#111;
}
/* Mobile */
@media (max-width: 767px){
.lv-hub-row{
flex-direction: column;
align-items:flex-start;
}
.lv-hub-right{
justify-content:flex-start;
}
}
/* Hub link hover must be black */
.lv-find-hub .lv-hub-link:hover,
.lv-find-hub .lv-hub-link:focus{
color:#000 !important;
}
/* Statewide picks section: keep same spacing, prevent weird narrow layout */
.lv-state-picks .row{
row-gap: 18px;
}
/* If any theme CSS tries to constrain listing card widths, force normal behavior */
.lv-state-picks .listing-item,
.lv-state-picks .listing-grid-one,
.lv-state-picks .lv-home-card{
width: 100% !important;
max-width: 100% !important;
}
/* =========================================
FIX: Excess vertical spacing between blocks
City listings → State listings → Overview
========================================= */
/* Reduce top padding for listing sections */
.listing-grid-area {
padding-top: 40px !important; /* was 115 */
padding-bottom: 40px !important; /* was 75 */
}
/* Reduce gap caused by section titles */
.listing-grid-area .section-title {
margin-bottom: 30px !important; /* was 75 */
}
/* If listing follows another section, tighten further */
section + .listing-grid-area {
padding-top: 40px !important;
}
/* If overview/content follows listing */
.listing-grid-area + section {
padding-top:40px !important;
}
/* Fix excessive gap between rows inside listing */
.listing-grid-area .row {
margin-top: 0 !important;
}
/* Prevent stacked padding on mobile */
@media (max-width: 768px) {
.listing-grid-area {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.listing-grid-area .section-title {
margin-bottom: 30px !important;
}
}
.listing-grid-area + .listing-grid-area {
padding-top: 35px !important;
}
.lv-find-city .lv-find-intro {
padding-top: 0px !important;
padding-bottom: 15px !important;
}
/* =========================================================
CITY HERO: reduce height + keep button perfect
(ONLY targets .hero-area so top/header untouched)
========================================================= */
/* 1) Reduce overall hero height */
.hero-area .hero-wrapper-one{
padding-top: 24px !important;
padding-bottom: 18px !important;
}
/* If theme has fixed min-height on hero, override it */
.hero-area .hero-wrapper-one,
.hero-area .hero-wrapper-one .row,
.hero-area .hero-wrapper-one .col-lg-8,
.hero-area .hero-wrapper-one .hero-content{
min-height: 0 !important;
}
/* 2) Tighten content spacing so "Popular:" sits closer (but still some breathing space) */
.hero-area .hero-content{
padding-top: 18px !important;
padding-bottom: 14px !important;
}
.hero-area .hero-content h1{
margin: 0 0 10px !important;
line-height: 1.05 !important;
}
.hero-area .hero-content h3{
margin: 0 0 14px !important;
}
/* 3) Add a little extra space AFTER Popular line (your request) */
.hero-area .hero-content .popular,
.hero-area .hero-content .popular-list,
.hero-area .hero-content .hero-popular,
.hero-area .hero-content .popular-searches{
margin-top: 8px !important;
margin-bottom: 12px !important; /* <-- extra space after popular */
}
/* 4) Make right-side hero image height match (reduce crop/height)
(covers common theme selectors) */
.hero-area .hero-wrapper-one .hero-bg,
.hero-area .hero-wrapper-one .hero-image,
.hero-area .hero-wrapper-one .hero-img,
.hero-area .hero-wrapper-one .hero-right,
.hero-area .hero-wrapper-one .col-lg-4,
.hero-area .hero-wrapper-one .col-lg-6{
height: auto !important;
}
/* If the right image is a background, limit its visible height */
.hero-area{
overflow: hidden;
}
/* Most themes set row as flex; keep both sides aligned but not tall */
.hero-area .hero-wrapper-one .row{
align-items: stretch !important;
}
/* 5) Fix hover text turning gold inside hero buttons/links (keep text black on hover) */
.hero-area a:hover,
.hero-area .btn:hover,
.hero-area button:hover,
.hero-area .hero-content a:hover{
color: #111 !important;
}
/* 6) Responsive: even shorter on mobile */
@media (max-width: 991px){
.hero-area .hero-wrapper-one{
padding-top: 18px !important;
padding-bottom: 14px !important;
}
.hero-area .hero-content{
padding-top: 14px !important;
padding-bottom: 10px !important;
}
}
/* =====================================================
EXTRA TOP BREATHING SPACE ABOVE CITY HERO
(does NOT touch header or buttons)
===================================================== */
/* Push hero content down from header */
.hero-area{
margin-top: 28px !important; /* 👈 increase to 32px or 40px if needed */
}
/* =========================================
HERO H1 — INLINE TEXT (NO FLEX)
========================================= */
.hero-area .hero-content h1{
display: block; /* normal text flow */
line-height: 1.15;
}
/* State stays inline with city */
.hero-area .hero-content h1 .lv-h1-state{
display: inline;
white-space: normal; /* wrap only if needed */
}
/* =========================================================
CITY HERO: FIX H1 WRAP + RESPONSIVE
Goal:
- "Artesia, California" stays on SAME LINE
- Only wraps when container is too small
- Responsive font + spacing
========================================================= */
/* 1) STOP theme flex/block rules from breaking the title */
.hero-area .hero-content h1{
display: block !important; /* kills flex */
white-space: normal !important;
line-height: 1.12 !important;
margin: 0 0 12px !important;
}
/* force the state span to behave like normal inline text */
.hero-area .hero-content h1 .lv-h1-state{
display: inline !important; /* kills block / inline-flex */
width: auto !important;
white-space: normal !important; /* allow wrap only if needed */
margin: 0 !important;
padding: 0 !important;
}
/* IMPORTANT:
If the theme is adding a gap/space weirdness, make sure comma+space stays tight */
.hero-area .hero-content h1 .lv-h1-state::before{
content: " " !important;
}
/* 2) More breathing space at top (inside hero only — not your top bar/header) */
.hero-area .hero-wrapper-one .hero-content{
padding-top: 48px !important; /* increase/decrease as needed */
padding-bottom: 26px !important;
}
/* 3) Keep "Popular:" line away from next section */
.hero-area .hero-content .hero-tags,
.hero-area .hero-content .popular-tags,
.hero-area .hero-content .hero-popular,
.hero-area .hero-content p:last-child{
margin-bottom: 18px !important;
}
/* 4) Image/hero height control (safer) */
.hero-area .hero-wrapper-one{
min-height: 0 !important;
}
/* =========================================================
RESPONSIVE BREAKPOINTS
========================================================= */
/* Large tablets / small laptops */
@media (max-width: 1199px){
.hero-area .hero-wrapper-one .hero-content{
padding-top: 40px !important;
}
.hero-area .hero-content h1{
font-size: clamp(34px, 4.2vw, 54px) !important;
}
}
/* Tablets */
@media (max-width: 991px){
.hero-area .hero-wrapper-one .hero-content{
padding-top: 34px !important;
padding-bottom: 22px !important;
}
.hero-area .hero-content h1{
font-size: clamp(30px, 6vw, 46px) !important;
line-height: 1.12 !important;
}
.hero-area .hero-content h3{
font-size: 16px !important;
margin: 0 0 14px !important;
}
}
/* Mobile */
@media (max-width: 767px){
.hero-area .hero-wrapper-one .hero-content{
padding-top: 26px !important;
padding-bottom: 18px !important;
}
.hero-area .hero-content h1{
font-size: clamp(28px, 8vw, 40px) !important;
line-height: 1.10 !important;
}
/* make the form not overflow */
.hero-area .hero-content form,
.hero-area .hero-content .hero-search,
.hero-area .hero-content .search-form{
width: 100% !important;
max-width: 100% !important;
}
/* popular spacing so it doesn't touch next section */
.hero-area .hero-content .hero-tags,
.hero-area .hero-content .popular-tags,
.hero-area .hero-content .hero-popular,
.hero-area .hero-content p:last-child{
margin-bottom: 22px !important;
}
}
/* Very small phones */
@media (max-width: 480px){
.hero-area .hero-wrapper-one .hero-content{
padding-top: 22px !important;
}
.hero-area .hero-content h1{
font-size: 30px !important;
}
}
/* =====================================================
SEARCH HERO → MATCH CITY HERO (CLEAN OVERRIDE)
NO GRID | NO FLEX | NO LAYOUT LOGIC
===================================================== */
/* 1️⃣ Treat search hero SAME AS city hero */
.lv-search .hero-area,
.lv-search .hero-wrapper-one,
.lv-search .hero-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* 2️⃣ H1 EXACT SAME BEHAVIOR AS CITY */
.lv-search .hero-content h1 {
font-size: 56px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
margin-bottom: 12px !important;
white-space: normal !important;
max-width: 100% !important;
}
/* Prevent any forced span / inline issues */
.lv-search .hero-content h1 span {
display: inline !important;
white-space: normal !important;
}
/* 3️⃣ Subtitle spacing = city */
.lv-search .hero-content h3 {
margin-bottom: 22px !important;
}
/* 4️⃣ Search bar spacing = city */
.lv-search .lv-fx-hero-search {
margin-top: 0 !important;
max-width: none !important;
}
/* 5️⃣ REMOVE search-only offsets (THIS WAS BREAKING IT) */
.page-id-335 .lv-fx-hero-search,
.lv-search .lv-fx-hero-search {
margin-top: 0 !important;
}
/* 6️⃣ MOBILE — same behavior as city */
@media (max-width: 991px) {
.lv-search .hero-content h1 {
font-size: 38px !important;
}
}
/* =========================================================
* SEARCH PAGE (page-id-335) — remove extra WP title + slider dots
* ======================================================= */
/* 1) Remove the extra page title that appears above/behind hero */
body.page-id-335 h1.lv-page-title{
display:none !important;
}
/* 2) Remove the 3-dot slider pagination (it’s outside hero-area) */
body.page-id-335 .slick-dots,
body.page-id-335 ul.slick-dots,
body.page-id-335 .owl-dots,
body.page-id-335 .swiper-pagination,
body.page-id-335 .tp-bullets,
body.page-id-335 .flex-control-nav,
body.page-id-335 .tns-nav,
body.page-id-335 .slides-pagination,
body.page-id-335 [class*="slick-dots"],
body.page-id-335 [class*="owl-dots"],
body.page-id-335 [class*="swiper-pagination"],
body.page-id-335 [class*="tp-bullets"],
body.page-id-335 [class*="pagination"],
body.page-id-335 [class*="bullets"],
body.page-id-335 [aria-label*="pagination" i],
body.page-id-335 [class*="dot"]{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
}
/* =========================================================
* SEARCH PAGE (page-id-335) — add breathing space below header
* ======================================================= */
/* give space so hero isn't hidden under sticky header */
body.page-id-335 main.lv-main{
padding-top: 40px !important; /* adjust 100–160 if needed */
}
/* if theme uses a different main wrapper, keep these too */
body.page-id-335 .lv-container{
padding-top: 0 !important;
}
/* optional: make hero not touch the very top even after padding */
body.page-id-335 .hero-area{
margin-top: 0 !important;
padding-top: 10px !important;
}
/* =========================
Pages / Posts Found — Premium GOLD (BIGGER + 33% layout + BIG ICON)
========================= */
.lv-pages-found { padding: 56px 0 22px; }
/* header */
.lv-pages-head { text-align: center; max-width: 1040px; margin: 0 auto 30px; }
.lv-pages-kicker {
font-weight: 900;
opacity: .80;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 12px;
}
.lv-pages-title { font-weight: 900; margin: 0; color: #111; letter-spacing: -0.02em; font-size: 44px; }
.lv-pages-sub { margin: 12px auto 0; max-width: 820px; opacity: .86; font-weight: 650; font-size: 16px; }
/* FLEX WRAP container (33% on desktop) */
.lv-pages-grid{
max-width: 1220px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 22px; /* more breathing space */
}
/* 1 col mobile, 2 col tablet, 3 col desktop */
.lv-pages-grid > .lv-pages-card{ width: 100%; }
@media (min-width: 768px){
.lv-pages-grid > .lv-pages-card{ width: calc(50% - 11px); }
}
@media (min-width: 1100px){
.lv-pages-grid > .lv-pages-card{ width: calc(33.333% - 14.7px); }
}
/* card (bigger size + no black bg) */
.lv-pages-card{
position: relative;
display: flex;
align-items: center;
gap: 18px;
padding: 22px 22px; /* bigger */
min-height: 104px; /* bigger height */
border-radius: 22px;
background: rgba(255,255,255,0.96);
border: 1px solid rgba(0,0,0,0.10);
box-shadow: 0 14px 34px rgba(0,0,0,0.08);
text-decoration: none !important;
color: inherit !important;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.lv-pages-card:hover{
transform: translateY(-3px);
background: #fff;
border-color: rgba(212,175,55,0.35);
box-shadow: 0 22px 58px rgba(0,0,0,0.14);
}
/* premium border ring */
.lv-pages-card:before{
content:"";
position:absolute;
inset: 0;
border-radius: 22px;
padding: 1px;
background: linear-gradient(135deg, rgba(212,175,55,0.08), rgba(212,175,55,0.40), rgba(0,0,0,0.08));
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events:none;
opacity: .60;
}
/* ✅ ICON (2x bigger + keep faded style) */
.lv-pages-ic{
width: 92px; /* 2x bigger */
height: 92px; /* 2x bigger */
border-radius: 22px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px; /* emoji bigger */
background: rgba(212,175,55,0.10); /* keep soft faded */
border: 1px solid rgba(212,175,55,0.30);
/* faded/glossy look */
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.9),
0 10px 22px rgba(0,0,0,0.08);
flex: 0 0 auto;
}
/* Body */
.lv-pages-body{ flex: 1 1 auto; min-width: 0; }
/* rows */
.lv-pages-row1,
.lv-pages-row2{
display: flex;
align-items: center;
gap: 12px;
}
.lv-pages-row1{ justify-content: space-between; }
.lv-pages-row2{ justify-content: space-between; margin-top: 8px; }
/* Title bigger */
.lv-pages-name{
flex: 1 1 auto;
min-width: 0;
font-weight: 900;
color: #111;
line-height: 1.18;
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Badge premium */
.lv-pages-pill{
flex: 0 0 auto;
font-size: 11px;
font-weight: 900;
letter-spacing: .12em;
padding: 8px 12px;
border-radius: 999px;
white-space: nowrap;
opacity: .96;
color: #2b2b2b;
background: rgba(212,175,55,0.12);
border: 1px solid rgba(212,175,55,0.28);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
/* URL stronger */
.lv-pages-url{
flex: 1 1 auto;
min-width: 0;
font-size: 13px;
opacity: .72;
font-weight: 850;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* View */
.lv-pages-go{
flex: 0 0 auto;
font-size: 13px;
font-weight: 950;
opacity: .85;
color: rgba(212,175,55,0.98);
transition: transform .18s ease, opacity .18s ease;
}
.lv-pages-card:hover .lv-pages-go{ opacity: 1; transform: translateX(3px); }
/* empty */
.lv-pages-empty{
max-width: 1020px;
margin: 0 auto;
border-radius: 22px;
padding: 18px 18px;
border: 1px dashed rgba(212,175,55,0.42);
background: rgba(255,255,255,0.86);
box-shadow: 0 14px 34px rgba(0,0,0,0.08);
display: flex;
gap: 14px;
align-items: center;
justify-content: center;
text-align: left;
}
.lv-pages-empty-ic{ font-size: 28px; }
.lv-pages-empty-txt strong{ display:block; font-weight: 900; color:#111; }
.lv-pages-empty-txt span{ display:block; opacity: .86; font-weight: 700; margin-top: 3px; }
/* kicker red helper (you already have this) */
.lv-pages-kicker.lv-kicker-red{
color: #e53935 !important;
font-weight: 900 !important;
letter-spacing: .10em;
text-transform: uppercase;
}
.lv-pages-found .lv-pages-kicker{
color:#e53935 !important;
}
.lv-pages-card{
border: 2px solid rgba(0,0,0,0.35) !important;
box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
}
.lv-pages-card:hover{
border-color: rgba(0,0,0,0.55) !important;
}
/* 3 cards per row on desktop (33%) */
@media (min-width: 992px){
.lv-pages-grid > .lv-pages-card{ width: calc(33.333% - 10.7px); }
}
/* BIGGER icon (2x) */
.lv-pages-ic{
width: 96px !important;
height: 96px !important;
border-radius: 20px !important;
font-size: 40px !important;
}
/* stronger blackish border */
.lv-pages-card{
border: 2px solid rgba(0,0,0,0.40) !important;
box-shadow: 0 16px 44px rgba(0,0,0,0.12) !important;
}
.lv-pages-card:hover{
border-color: rgba(0,0,0,0.55) !important;
}
/* =========================
Pages / Posts Found — 2 per row (always) + full title
========================= */
.lv-pages-grid{
max-width: 1180px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 18px;
}
/* mobile: 1 per row */
.lv-pages-grid > .lv-pages-card{
width: 100%;
}
/* tablet/desktop: ✅ only 2 per row */
@media (min-width: 768px){
.lv-pages-grid > .lv-pages-card{
width: calc(50% - 9px);
}
}
/* ✅ allow content to breathe so title can wrap */
.lv-pages-card{
align-items: flex-start; /* was center, this helps multi-line titles */
padding: 18px 18px;
min-height: 98px;
}
/* ✅ keep body flexible */
.lv-pages-body{
flex: 1 1 auto;
min-width: 0;
}
/* ✅ FULL TITLE DISPLAY (no ellipsis) */
.lv-pages-name{
flex: 1 1 auto;
min-width: 0;
font-weight: 900;
color: #111;
line-height: 1.25;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
/* optional: keep it clean (wrap up to 3 lines, no ugly overflow) */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
/* ✅ url can still ellipsis (good) */
.lv-pages-url{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* ✅ FULL TITLE (NO CLAMP, NO CUT, NO DOTS) */
.lv-pages-found .lv-pages-card .lv-pages-name{
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
display: block !important; /* important: cancels -webkit-box */
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
max-width: none !important;
word-break: break-word !important;
}
.lv-pages-found .lv-pages-card{
align-items: flex-start;
height: auto;
min-height: 110px;
}
/* =========================
Pages / Posts Found — PREMIUM GOLD + BLACK BORDER (2 per row)
========================= */
.lv-pages-found { padding: 46px 0 18px; }
/* header */
.lv-pages-head { text-align: center; max-width: 960px; margin: 0 auto 24px; }
.lv-pages-kicker { font-weight: 900; opacity: .78; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 10px; }
.lv-pages-title { font-weight: 900; margin: 0; color: #111; letter-spacing: -0.02em; }
.lv-pages-sub { margin: 10px auto 0; max-width: 740px; opacity: .86; font-weight: 650; }
/* red kicker */
.lv-pages-kicker.lv-kicker-red{
color: #e53935 !important;
font-weight: 900 !important;
letter-spacing: .10em;
text-transform: uppercase;
}
/* 2 per row always on desktop */
.lv-pages-grid{
max-width: 1160px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 18px;
}
.lv-pages-grid > .lv-pages-card{ width: 100%; }
@media (min-width: 900px){
.lv-pages-grid > .lv-pages-card{ width: calc(50% - 9px); }
}
/* card */
.lv-pages-card{
position: relative;
display: flex;
align-items: center;
gap: 16px;
padding: 18px 18px;
border-radius: 20px;
background: rgba(255,255,255,0.98);
border: 2px solid rgba(0,0,0,0.35); /* ✅ blackish border */
box-shadow: 0 14px 34px rgba(0,0,0,0.08);
text-decoration: none !important;
color: inherit !important;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.lv-pages-card:hover{
transform: translateY(-2px);
border-color: rgba(212,175,55,0.65);
box-shadow: 0 22px 56px rgba(0,0,0,0.14);
}
/* gold premium ring */
.lv-pages-card:before{
content:"";
position:absolute;
inset: -2px;
border-radius: 22px;
padding: 2px;
background: linear-gradient(135deg, rgba(212,175,55,0.18), rgba(212,175,55,0.55), rgba(0,0,0,0.10));
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events:none;
opacity: .55;
}
/* ✅ ICON 2x BIGGER */
.lv-pages-ic{
width: 96px;
height: 96px;
border-radius: 22px;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px; /* emoji bigger */
background: rgba(212,175,55,0.10);
border: 1px solid rgba(212,175,55,0.30);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
flex: 0 0 auto;
}
/* body */
.lv-pages-body{ flex: 1 1 auto; min-width: 0; }
/* rows */
.lv-pages-row1,
.lv-pages-row2{
display: flex;
align-items: center;
gap: 12px;
}
.lv-pages-row1{ justify-content: space-between; }
.lv-pages-row2{ justify-content: space-between; margin-top: 8px; }
/* ✅ FULL TITLE (no ellipsis) — allow 2 lines */
.lv-pages-name{
flex: 1 1 auto;
min-width: 0;
font-weight: 950;
color: #111;
line-height: 1.2;
font-size: 18px;
white-space: normal; /* ✅ allow wrap */
overflow: hidden;
display: -webkit-box; /* ✅ 2-line clamp */
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* badge */
.lv-pages-pill{
flex: 0 0 auto;
font-size: 11px;
font-weight: 900;
letter-spacing: .12em;
padding: 7px 12px;
border-radius: 999px;
white-space: nowrap;
color: #1a1a1a;
background: rgba(212,175,55,0.10);
border: 1px solid rgba(212,175,55,0.28);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.78);
}
/* url */
.lv-pages-url{
flex: 1 1 auto;
min-width: 0;
font-size: 12px;
opacity: .72;
font-weight: 800;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* go */
.lv-pages-go{
flex: 0 0 auto;
font-size: 12px;
font-weight: 950;
opacity: .85;
color: rgba(212,175,55,0.98);
}
.lv-pages-card:hover .lv-pages-go{ opacity: 1; transform: translateX(2px); }
/* empty */
.lv-pages-empty{
max-width: 900px;
margin: 0 auto;
border-radius: 18px;
padding: 16px 16px;
border: 1px dashed rgba(212,175,55,0.45);
background: rgba(255,255,255,0.88);
box-shadow: 0 12px 30px rgba(0,0,0,0.06);
display: flex;
gap: 12px;
align-items: center;
justify-content: center;
text-align: left;
}
.lv-pages-empty-ic{ font-size: 22px; }
.lv-pages-empty-txt strong{ display:block; font-weight: 900; color:#111; }
.lv-pages-empty-txt span{ display:block; opacity: .86; font-weight: 700; margin-top: 2px; }
/* Hide default WP page title on Find Limos + Search */
body.page-id-276 .lv-page-title,
body.page-id-335 .lv-page-title {
display: none !important;
}
/* ===========================
Nearby Luxury Cards (OLD SCHOOL)
no :root, no grid, no fr
=========================== */
.lv-nearby-lux .lv-nearby-grid{
text-align:center;
margin-top:24px;
}
/* 3 cards per row desktop, 2 tablet, 1 mobile (inline-block old school) */
.lv-nearby-lux .lv-nearby-card{
display:inline-block;
vertical-align:top;
width:320px; /* card size you liked */
max-width:92%;
margin:10px 10px;
text-decoration:none;
border-radius:16px;
background:#fff; /* NOT black background */
border:1px solid rgba(212,175,55,.55); /* gold border */
box-shadow: 0 10px 24px rgba(0,0,0,.08);
position:relative;
overflow:hidden;
}
/* subtle luxury top glow */
.lv-nearby-lux .lv-nearby-card:before{
content:"";
position:absolute;
left:0; top:0;
width:100%; height:72px;
background: linear-gradient(135deg, rgba(212,175,55,.16), rgba(0,0,0,0));
pointer-events:none;
}
/* hover */
.lv-nearby-lux .lv-nearby-card:hover{
transform: translateY(-2px);
box-shadow: 0 14px 32px rgba(0,0,0,.12);
border-color: rgba(212,175,55,.85);
}
/* top row */
.lv-nearby-lux .lv-nearby-card-top{
padding:14px 14px 6px;
text-align:left;
}
/* badge */
.lv-nearby-lux .lv-nearby-badge{
display:inline-block;
font-size:11px;
letter-spacing:.12em;
text-transform:uppercase;
padding:6px 10px;
border-radius:999px;
background:#111;
color:#d4af37;
border:1px solid rgba(212,175,55,.55);
}
/* small “open” icon */
.lv-nearby-lux .lv-nearby-go{
float:right;
display:inline-block;
width:28px;
height:28px;
line-height:28px;
text-align:center;
border-radius:8px;
background:#fff;
border:1px solid rgba(0,0,0,.12);
color:#111;
}
/* body */
.lv-nearby-lux .lv-nearby-card-body{
padding:10px 14px 12px;
text-align:left;
}
.lv-nearby-lux .lv-nearby-name{
font-size:18px;
font-weight:800;
color:#111;
margin:0 0 6px;
}
.lv-nearby-lux .lv-nearby-meta2{
font-size:13px;
color:rgba(0,0,0,.62);
line-height:1.35;
margin:0;
}
/* footer (fix overlap) */
.lv-nearby-lux .lv-nearby-card-footer{
padding:12px 14px 14px;
text-align:left;
/* IMPORTANT: keep footer items from overlapping */
overflow:hidden;
}
.lv-nearby-lux .lv-nearby-cta{
display:inline-block;
font-size:13px;
font-weight:700;
color:#fff;
background:#111;
border:1px solid rgba(212,175,55,.55);
padding:8px 12px;
border-radius:999px;
}
.lv-nearby-lux .lv-nearby-arrow{
float:right;
display:inline-block;
width:34px;
height:34px;
line-height:34px;
text-align:center;
border-radius:10px;
background:rgba(212,175,55,.14);
border:1px solid rgba(212,175,55,.55);
color:#111;
font-weight:900;
}
/* responsive (old school) */
@media (max-width: 992px){
.lv-nearby-lux .lv-nearby-card{ width:300px; }
}
@media (max-width: 640px){
.lv-nearby-lux .lv-nearby-card{
width:92%;
margin:10px 0;
}
.lv-nearby-lux .lv-nearby-go{ float:none; margin-left:10px; }
}
/* ============================================
Cities (County) — Luxury Gold/Black
Old-school layout: no :root, no grid
============================================ */
/* Center kicker like your other sections, with red dot line */
.lv-find-kicker.lv-kicker-center{
text-align:center;
margin: 0 auto 10px auto;
letter-spacing: 2px;
font-size: 12px;
text-transform: uppercase;
color: #c84545;
}
.lv-find-kicker.lv-kicker-center:before,
.lv-find-kicker.lv-kicker-center:after{
content:"";
display:inline-block;
width: 22px;
height: 1px;
background: rgba(200,69,69,.55);
vertical-align: middle;
margin: 0 10px;
}
/* meta spacing */
.lv-find-cities .lv-cities-intro{
margin-top: 10px;
}
.lv-find-cities .lv-cities-meta{
margin-top: 10px;
opacity: .92;
}
/* breathing space between cards */
.lv-city-row{
margin-top: 18px;
}
.lv-city-col{
padding-top: 12px !important;
padding-bottom: 12px !important;
}
/* card base */
.lv-cityhub-card{
display:block;
text-decoration:none !important;
background: #fff;
border: 1px solid rgba(198,165,92,.35);
border-radius: 16px;
padding: 16px 16px 14px 16px;
box-shadow: 0 10px 30px rgba(0,0,0,.06);
position: relative;
overflow: hidden;
min-height: 170px;
}
/* subtle luxury corner glow */
.lv-cityhub-card:before{
content:"";
position:absolute;
top:-40px;
right:-60px;
width: 160px;
height: 160px;
background: rgba(198,165,92,.16);
border-radius: 999px;
filter: blur(0px);
pointer-events:none;
}
/* top row */
.lv-cityhub-top{
overflow:hidden;
margin-bottom: 10px;
}
.lv-cityhub-badge{
float:left;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 6px 10px;
border-radius: 999px;
background: rgba(18,18,18,.92);
color: #d6b35c;
border: 1px solid rgba(214,179,92,.35);
}
.lv-cityhub-ext{
float:right;
width: 26px;
height: 26px;
line-height: 24px;
text-align:center;
border-radius: 8px;
background: rgba(214,179,92,.12);
border: 1px solid rgba(214,179,92,.35);
color: #111;
font-weight: 800;
}
/* title + sub */
.lv-cityhub-name{
font-size: 18px;
font-weight: 800;
color: #121212;
margin-bottom: 4px;
}
.lv-cityhub-sub{
font-size: 12px;
color: rgba(18,18,18,.65);
margin-bottom: 10px;
}
/* description */
.lv-cityhub-desc{
font-size: 13px;
line-height: 1.55;
color: rgba(18,18,18,.78);
margin-bottom: 12px;
}
/* CTA row */
.lv-cityhub-cta-row{
margin-top: 6px;
overflow:hidden;
}
.lv-cityhub-cta{
float:left;
display:inline-block;
background: #121212;
color: #f2d27b;
border: 1px solid rgba(214,179,92,.40);
border-radius: 999px;
padding: 8px 12px;
font-size: 12px;
font-weight: 800;
letter-spacing: .2px;
}
.lv-cityhub-cta.muted{
background: rgba(0,0,0,.04);
color: rgba(18,18,18,.55);
border: 1px dashed rgba(0,0,0,.15);
}
.lv-cityhub-arrow{
float:right;
width: 30px;
height: 30px;
line-height: 28px;
text-align:center;
border-radius: 10px;
background: rgba(214,179,92,.14);
border: 1px solid rgba(214,179,92,.35);
color: #111;
font-weight: 900;
}
/* link hover */
.lv-cityhub-card.is-link{
cursor:pointer;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.lv-cityhub-card.is-link:hover{
transform: translateY(-3px);
box-shadow: 0 16px 40px rgba(0,0,0,.10);
border-color: rgba(214,179,92,.55);
}
.lv-cityhub-card.is-link:hover .lv-cityhub-cta{
background: #d6b35c;
color: #111;
border-color: rgba(17,17,17,.35);
}
.lv-cityhub-card.is-link:hover .lv-cityhub-arrow{
background: rgba(18,18,18,.92);
color: #f2d27b;
border-color: rgba(214,179,92,.45);
}
.lv-cityhub-card.is-link:hover .lv-cityhub-ext{
background: rgba(18,18,18,.92);
color: #f2d27b;
border-color: rgba(214,179,92,.45);
}
/* active link state (when clicked) */
.lv-cityhub-card.is-link:active{
transform: translateY(-1px);
box-shadow: 0 12px 28px rgba(0,0,0,.10);
}
/* focus outline for keyboard */
.lv-cityhub-card.is-link:focus{
outline: none;
}
.lv-cityhub-card.is-link:focus{
box-shadow: 0 0 0 3px rgba(214,179,92,.30), 0 16px 40px rgba(0,0,0,.10);
border-color: rgba(214,179,92,.65);
}
/* disabled card */
.lv-cityhub-card.is-disabled{
opacity: .72;
cursor:not-allowed;
box-shadow: 0 6px 16px rgba(0,0,0,.05);
}
/* Load more buttons */
.lv-cities-more-wrap{
text-align:center;
margin-top: 20px;
}
.lv-cities-more-btn{
display:inline-block;
border: 1px solid rgba(214,179,92,.55);
background: #121212;
color: #f2d27b;
border-radius: 999px;
padding: 12px 18px;
font-weight: 900;
letter-spacing: .3px;
font-size: 13px;
cursor: pointer;
margin: 0 6px;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.lv-cities-more-btn:hover{
background: #d6b35c;
color: #111;
box-shadow: 0 14px 34px rgba(0,0,0,.12);
transform: translateY(-2px);
}
.lv-cities-more-btn:active{
transform: translateY(0px);
}
.lv-cities-more-btn.is-ghost{
background: rgba(214,179,92,.10);
color: #111;
border-color: rgba(214,179,92,.45);
}
.lv-cities-more-btn.is-ghost:hover{
background: rgba(18,18,18,.92);
color: #f2d27b;
}
/* responsive breathing */
@media (max-width: 767px){
.lv-cityhub-card{ padding: 14px; border-radius: 14px; }
.lv-cityhub-name{ font-size: 17px; }
.lv-city-col{ padding-top: 10px !important; padding-bottom: 10px !important; }
}
/* Centered red kicker (same vibe everywhere) */
.lv-find-kicker.lv-kicker-center{
text-align:center;
color:#c21f2a;
letter-spacing:.18em;
text-transform:uppercase;
font-weight:700;
font-size:12px;
margin-bottom:10px;
position:relative;
}
.lv-find-kicker.lv-kicker-center:before,
.lv-find-kicker.lv-kicker-center:after{
content:"..";
color:#c21f2a;
margin:0 6px;
opacity:.9;
}
/* Overview cards: luxury, breathing space, subtle gold border */
.lv-overview-card{
background:#fff;
border:1px solid rgba(180,150,80,.35);
border-radius:16px;
padding:18px 18px 16px;
box-shadow:0 10px 22px rgba(0,0,0,.06);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.lv-overview-card:hover{
transform:translateY(-2px);
border-color:rgba(180,150,80,.65);
box-shadow:0 16px 34px rgba(0,0,0,.10);
}
/* Title / desc */
.lv-overview-card-title{
font-weight:800;
font-size:15px;
line-height:1.25;
margin-bottom:8px;
color:#111;
}
.lv-overview-card-desc{
font-size:13px;
line-height:1.55;
color:rgba(0,0,0,.75);
margin-bottom:10px;
}
/* Bullet list */
.lv-overview-card-bullets{
margin:0;
padding-left:18px;
color:rgba(0,0,0,.74);
font-size:13px;
line-height:1.5;
}
.lv-overview-card-bullets li{ margin:4px 0; }
/* ================================
* FIX: Overview title size
* ================================ */
.lv-find-overview .lv-section-h2 {
font-size: 42px !important;
line-height: 1.2 !important;
max-width: 900px;
margin: 0 auto 20px auto;
}
/* mobile */
@media (max-width: 768px) {
.lv-find-overview .lv-section-h2 {
font-size: 30px !important;
}
}
.lv-find-airports .sub-title { letter-spacing: .12em; }
.lv-find-airports .lv-airports-title { font-weight: 800; }
.lv-find-airports .lv-airports-box li { margin: 8px 0; }
/* =========================================================
LV FIND – AIRPORTS (Premium Gold/Black)
Targets ONLY the airport section + its new classes
Safe to paste into: lv-find-overrides.css (or your main overrides)
========================================================= */
/* section spacing harmony */
.lv-find-airports{
padding-top: 60px;
padding-bottom: 60px;
}
/* --- kicker: centered + premium dots (like your good sections) --- */
.lv-find-airports .lv-find-kicker.lv-kicker-center{
text-align: center;
display: block;
margin: 0 auto 10px auto;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
opacity: .95;
position: relative;
color: #b4202a; /* deep premium red */
}
/* thin lines left/right of kicker */
.lv-find-airports .lv-find-kicker.lv-kicker-center:before,
.lv-find-airports .lv-find-kicker.lv-kicker-center:after{
content: "";
display: inline-block;
width: 44px;
height: 1px;
background: rgba(180,32,42,.35);
vertical-align: middle;
margin: 0 10px;
transform: translateY(-2px);
}
/* --- title: match Popular sections sizing (avoid giant H2 look) --- */
.lv-find-airports .lv-section-h2{
text-align: center !important;
margin: 0 auto 12px auto !important;
width: 100%;
max-width: 980px;
font-weight: 900;
letter-spacing: -0.02em;
line-height: 1.08;
/* key: keep it same vibe as popular options, not huge */
font-size: clamp(30px, 4.2vw, 44px);
}
/* intro paragraphs: tighter + premium readability */
.lv-find-airports .lv-find-richtext.lv-airports-intro{
text-align: center;
max-width: 880px;
margin: 0 auto 22px auto;
}
.lv-find-airports .lv-find-richtext.lv-airports-intro p{
margin: 10px 0;
font-size: 14px;
line-height: 1.65;
opacity: .92;
}
/* --- layout row spacing --- */
.lv-find-airports .lv-airports-layout{
margin-top: 8px;
row-gap: 18px;
}
/* --- premium card base --- */
.lv-find-airports .lv-airports-card{
background: #ffffff;
border-radius: 16px;
padding: 18px 18px;
border: 1px solid rgba(0,0,0,.08);
box-shadow: 0 10px 30px rgba(0,0,0,.06);
/* premium gold line */
position: relative;
}
.lv-find-airports .lv-airports-card:before{
content:"";
position:absolute;
left: 12px;
right: 12px;
top: -1px;
height: 2px;
background: rgba(193,150,68,.65); /* gold */
border-radius: 2px;
}
/* center version (when no airports/venues) */
.lv-find-airports .lv-airports-checklist.is-center{
max-width: 900px;
margin: 0 auto;
}
/* --- card titles --- */
.lv-find-airports .lv-airports-title{
margin: 0 0 10px 0;
font-weight: 900;
font-size: 16px;
letter-spacing: -0.01em;
}
/* --- checklist bullets --- */
.lv-find-airports .lv-airports-bullets{
margin: 0;
padding-left: 18px;
}
.lv-find-airports .lv-airports-bullets li{
margin: 8px 0;
line-height: 1.65;
font-size: 13px;
opacity: .95;
}
/* stronger emphasis color for inside bullets */
.lv-find-airports .lv-airports-bullets strong{
color: #111;
font-weight: 900;
}
/* CTA divider (premium dashed gold) */
.lv-find-airports .lv-airports-cta{
margin-top: 14px;
padding-top: 12px;
border-top: 1px dashed rgba(193,150,68,.45);
}
.lv-find-airports .lv-airports-cta p{
margin: 0;
font-size: 13px;
line-height: 1.6;
}
/* --- right stack spacing (airports + venues) --- */
.lv-find-airports .lv-airports-stack{
display: grid;
gap: 18px;
}
/* list styling inside list cards */
.lv-find-airports .lv-airports-list{
margin: 0;
padding-left: 18px;
}
.lv-find-airports .lv-airports-list li{
margin: 8px 0;
line-height: 1.65;
font-size: 13px;
}
.lv-find-airports .lv-airports-name{
font-weight: 900;
}
.lv-find-airports .lv-airports-note{
opacity: .85;
}
/* --- responsive tightening --- */
@media (max-width: 767px){
.lv-find-airports .lv-find-kicker.lv-kicker-center:before,
.lv-find-airports .lv-find-kicker.lv-kicker-center:after{
width: 26px;
}
.lv-find-airports .lv-airports-card{
border-radius: 14px;
padding: 16px;
}
.lv-find-airports .lv-airports-title{
font-size: 15px;
}
}
/* =========================================
ROUTES SECTION — PREMIUM GOLD / BLACK
Targets only .lv-find-routes area
========================================= */
/* Section spacing + subtle luxury background */
.lv-find-routes{
padding-top: 70px !important;
padding-bottom: 70px !important;
background:
radial-gradient(1200px 600px at 50% 0%, rgba(197,164,92,.10), transparent 60%),
linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
}
/* Center header rhythm like your other sections */
.lv-find-routes .row.justify-content-center{
text-align: center;
}
/* Kicker line (the small red text in your design) */
.lv-find-routes .lv-find-kicker{
display: inline-block;
margin: 0 auto 10px auto;
font-size: 12px;
letter-spacing: .20em;
text-transform: uppercase;
color: rgba(197,164,92,.95);
position: relative;
padding: 0 14px;
}
.lv-find-routes .lv-find-kicker:before,
.lv-find-routes .lv-find-kicker:after{
content: "";
position: absolute;
top: 50%;
width: 42px;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(197,164,92,.65), transparent);
}
.lv-find-routes .lv-find-kicker:before{ right: 100%; margin-right: 10px; }
.lv-find-routes .lv-find-kicker:after{ left: 100%; margin-left: 10px; }
/* H2 size like “Popular options” (not too huge) */
.lv-find-routes .lv-section-h2{
text-align: center !important;
margin: 0 auto 14px auto !important;
max-width: 980px;
font-size: 40px;
line-height: 1.12;
font-weight: 900;
letter-spacing: -.01em;
}
/* Intro text: clean + premium */
.lv-find-routes .lv-routes-intro{
max-width: 860px;
margin: 0 auto 28px auto;
opacity: .9;
}
.lv-find-routes .lv-routes-intro p{
margin: 0 0 10px 0;
line-height: 1.7;
font-size: 14px;
color: rgba(0,0,0,.72);
}
.lv-find-routes .lv-routes-intro strong{
color: rgba(0,0,0,.85);
}
/* Grid spacing */
.lv-find-routes .lv-routes-grid{
row-gap: 18px;
}
/* Card = luxury */
.lv-find-routes .lv-route-card{
background: linear-gradient(180deg, #ffffff, #fbfaf7);
border: 1px solid rgba(197,164,92,.45);
border-radius: 18px;
padding: 18px 18px 14px 18px;
box-shadow: 0 14px 26px rgba(0,0,0,.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
position: relative;
overflow: hidden;
min-height: 240px;
}
/* Soft premium glow at top-right */
.lv-find-routes .lv-route-card:before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:240px;
height:240px;
background: radial-gradient(circle, rgba(197,164,92,.20), transparent 60%);
pointer-events:none;
}
/* Hover: slight lift */
.lv-find-routes .lv-route-card:hover{
transform: translateY(-3px);
box-shadow: 0 18px 32px rgba(0,0,0,.09);
border-color: rgba(197,164,92,.70);
}
/* Top row layout */
.lv-find-routes .lv-route-top{
display:flex;
gap: 12px;
align-items:flex-start;
margin-bottom: 10px;
}
/* Icon = gold badge */
.lv-find-routes .lv-route-ico{
width: 42px;
height: 42px;
border-radius: 12px;
background: linear-gradient(180deg, rgba(197,164,92,.20), rgba(197,164,92,.08));
border: 1px solid rgba(197,164,92,.50);
display:flex;
align-items:center;
justify-content:center;
flex: 0 0 42px;
}
.lv-find-routes .lv-route-ico svg{
width: 22px;
height: 22px;
fill: rgba(197,164,92,.95);
}
/* Title/subtitle */
.lv-find-routes .lv-route-title{
font-size: 16px;
line-height: 1.25;
font-weight: 900;
color: rgba(0,0,0,.90);
margin-bottom: 4px;
}
.lv-find-routes .lv-route-sub{
font-size: 12px;
color: rgba(0,0,0,.60);
}
/* Body text */
.lv-find-routes .lv-route-body p{
margin: 0;
font-size: 13px;
line-height: 1.65;
color: rgba(0,0,0,.70);
}
/* Chips */
.lv-find-routes .lv-route-foot{
margin-top: 12px;
display:flex;
gap: 8px;
flex-wrap: wrap;
}
.lv-find-routes .lv-route-chip{
display:inline-flex;
align-items:center;
padding: 6px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
letter-spacing: .02em;
color: rgba(0,0,0,.78);
background: rgba(197,164,92,.12);
border: 1px solid rgba(197,164,92,.40);
}
/* Responsive sizing */
@media (max-width: 991px){
.lv-find-routes .lv-section-h2{ font-size: 34px; }
}
@media (max-width: 575px){
.lv-find-routes .lv-section-h2{ font-size: 30px; }
}
/* =========================================
CHOOSE SECTION — PREMIUM GOLD / BLACK
(No PHP changes; overrides inline "plain" look)
========================================= */
.lv-find-choose{
padding-top: 70px !important;
padding-bottom: 70px !important;
background:
radial-gradient(1100px 520px at 50% 0%, rgba(197,164,92,.10), transparent 60%),
linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,0));
}
/* Center header rhythm */
.lv-find-choose .row.justify-content-center{
text-align: center;
}
/* Kicker (premium like Popular Options) */
.lv-find-choose .lv-find-kicker{
display: inline-block;
margin: 0 auto 10px auto;
font-size: 12px;
letter-spacing: .20em;
text-transform: uppercase;
color: rgba(197,164,92,.95);
position: relative;
padding: 0 14px;
}
.lv-find-choose .lv-find-kicker:before,
.lv-find-choose .lv-find-kicker:after{
content: "";
position: absolute;
top: 50%;
width: 42px;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(197,164,92,.65), transparent);
}
.lv-find-choose .lv-find-kicker:before{ right: 100%; margin-right: 10px; }
.lv-find-choose .lv-find-kicker:after { left: 100%; margin-left: 10px; }
/* H2: match Popular Options sizing (not huge) */
.lv-find-choose .lv-section-h2{
text-align: center !important;
margin: 0 auto 14px auto !important;
max-width: 980px;
font-size: 40px;
line-height: 1.12;
font-weight: 900;
letter-spacing: -.01em;
}
/* Intro */
.lv-find-choose .lv-choose-intro{
max-width: 860px;
margin: 0 auto 28px auto;
opacity: .92;
}
.lv-find-choose .lv-choose-intro p{
margin: 0 0 10px 0;
line-height: 1.7;
font-size: 14px;
color: rgba(0,0,0,.72);
}
/* Grid spacing */
.lv-find-choose .lv-choose-grid{
row-gap: 18px;
}
/* Cards: override your inline "plain white box" into premium */
.lv-find-choose .lv-choose-card{
background: linear-gradient(180deg, #ffffff, #fbfaf7) !important;
border: 1px solid rgba(197,164,92,.45) !important;
border-radius: 18px !important;
padding: 18px 18px 14px 18px !important;
box-shadow: 0 14px 26px rgba(0,0,0,.06) !important;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
position: relative;
overflow: hidden;
min-height: 230px;
}
.lv-find-choose .lv-choose-card:before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:240px;
height:240px;
background: radial-gradient(circle, rgba(197,164,92,.20), transparent 60%);
pointer-events:none;
}
.lv-find-choose .lv-choose-card:hover{
transform: translateY(-3px);
box-shadow: 0 18px 32px rgba(0,0,0,.09) !important;
border-color: rgba(197,164,92,.70) !important;
}
/* Card typography */
.lv-find-choose .lv-choose-title{
font-size: 16px !important;
line-height: 1.25 !important;
font-weight: 900 !important;
margin: 0 0 10px 0 !important;
color: rgba(0,0,0,.90);
}
.lv-find-choose .lv-choose-text{
margin: 0 0 12px 0 !important;
opacity: .92 !important;
line-height: 1.65 !important;
font-size: 13px !important;
color: rgba(0,0,0,.70);
}
.lv-find-choose .lv-choose-bullets{
margin: 0 !important;
padding-left: 18px !important;
line-height: 1.6 !important;
color: rgba(0,0,0,.72);
}
.lv-find-choose .lv-choose-bullets li{
margin: 7px 0;
}
/* Footer checklist: premium instead of basic dashed box */
.lv-find-choose .lv-choose-footer{
margin-top: 22px !important;
background: linear-gradient(180deg, #ffffff, #fbfaf7) !important;
border: 1px dashed rgba(197,164,92,.65) !important;
border-radius: 18px !important;
padding: 18px !important;
box-shadow: 0 10px 22px rgba(0,0,0,.05) !important;
}
.lv-find-choose .lv-choose-footer strong{
color: rgba(0,0,0,.85);
}
.lv-find-choose .lv-choose-footer ul{
margin: 0 !important;
padding-left: 18px !important;
}
.lv-find-choose .lv-choose-footer li{
margin: 7px 0;
line-height: 1.65;
color: rgba(0,0,0,.72);
}
/* Responsive */
@media (max-width: 991px){
.lv-find-choose .lv-section-h2{ font-size: 34px; }
}
@media (max-width: 575px){
.lv-find-choose .lv-section-h2{ font-size: 30px; }
}
/* =========================================
CHOOSE → QUICK CHECKLIST (FOOTER) — ULTRA PREMIUM
Paste below your current .lv-choose-footer rules
========================================= */
.lv-find-choose .lv-choose-footer{
position: relative;
overflow: hidden;
/* richer premium surface */
background:
radial-gradient(900px 380px at 20% -20%, rgba(197,164,92,.22), transparent 60%),
radial-gradient(700px 320px at 110% 40%, rgba(0,0,0,.06), transparent 55%),
linear-gradient(180deg, #ffffff, #fbfaf7) !important;
border: 1px solid rgba(197,164,92,.62) !important; /* replace dashed */
border-radius: 20px !important;
padding: 20px 20px 18px 20px !important;
box-shadow:
0 18px 36px rgba(0,0,0,.08),
0 2px 0 rgba(197,164,92,.20) inset !important;
}
/* subtle gold corner flare */
.lv-find-choose .lv-choose-footer:before{
content:"";
position:absolute;
top:-140px;
right:-140px;
width:280px;
height:280px;
background: radial-gradient(circle, rgba(197,164,92,.25), transparent 62%);
pointer-events:none;
}
/* top title line inside footer */
.lv-find-choose .lv-choose-footer > p{
margin: 0 0 12px 0 !important;
padding-bottom: 12px;
border-bottom: 1px dashed rgba(197,164,92,.45);
}
/* make the pop like premium */
.lv-find-choose .lv-choose-footer strong{
font-weight: 900 !important;
letter-spacing: .01em;
color: rgba(0,0,0,.88) !important;
}
/* premium bullet list layout */
.lv-find-choose .lv-choose-footer ul{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: grid;
grid-template-columns: 1fr 1fr; /* 2 columns desktop */
gap: 10px 18px; /* row / column gap */
}
/* each bullet = mini row with gold icon */
.lv-find-choose .lv-choose-footer ul li{
position: relative;
margin: 0 !important;
padding: 10px 12px 10px 38px !important;
border: 1px solid rgba(197,164,92,.18);
border-radius: 14px;
background: rgba(255,255,255,.72);
color: rgba(0,0,0,.74) !important;
line-height: 1.55;
font-size: 13px;
box-shadow: 0 10px 18px rgba(0,0,0,.05);
}
/* gold dot icon */
.lv-find-choose .lv-choose-footer ul li:before{
content:"";
position:absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
border-radius: 999px;
background: radial-gradient(circle at 30% 30%, #fff, rgba(197,164,92,.95) 55%, rgba(0,0,0,.15) 100%);
box-shadow:
0 0 0 4px rgba(197,164,92,.15),
0 6px 14px rgba(0,0,0,.10);
}
/* optional: hover polish */
.lv-find-choose .lv-choose-footer ul li:hover{
border-color: rgba(197,164,92,.45);
box-shadow: 0 14px 26px rgba(0,0,0,.08);
}
/* responsive: 1 column on mobile */
@media (max-width: 767px){
.lv-find-choose .lv-choose-footer ul{
grid-template-columns: 1fr;
}
}
/* ==========================================================
LV FAQ — ULTRA PREMIUM (GOLD FADE + BLACK)
Bentley / Rolex level
========================================================== */
.lv-find-faq{
background:
linear-gradient(180deg,
rgba(197,164,92,.08) 0%,
rgba(255,255,255,1) 45%,
rgba(197,164,92,.06) 100%);
border-top: 1px solid rgba(0,0,0,.06);
border-bottom: 1px solid rgba(0,0,0,.06);
}
/* kicker — subtle gold, NOT shouting */
.lv-find-faq .lv-find-kicker{
display:inline-block;
padding:6px 16px;
border-radius:999px;
background: linear-gradient(90deg,
rgba(197,164,92,.25),
rgba(197,164,92,.10));
border:1px solid rgba(197,164,92,.45);
color:#111 !important;
font-size:11px;
letter-spacing:.18em;
text-transform:uppercase;
}
/* headline */
.lv-find-faq .lv-section-h2{
color:#111 !important;
font-weight:900;
margin-top:14px;
}
/* lead text */
.lv-find-faq .lv-faq-lead p{
color:rgba(0,0,0,.72);
}
/* container — invisible, no box feeling */
.lv-find-faq .lv-faq-box{
margin-top:22px;
}
/* FAQ item — floating luxury card */
.lv-find-faq .lv-faq-item{
position:relative;
background:
linear-gradient(135deg,
#ffffff 0%,
#fbf9f3 100%);
border-radius:18px;
padding:18px 22px;
margin-bottom:16px;
border:1px solid rgba(0,0,0,.08);
box-shadow:
0 14px 28px rgba(0,0,0,.08),
inset 0 1px 0 rgba(255,255,255,.8);
}
/* gold fade edge (NOT solid bar) */
.lv-find-faq .lv-faq-item:before{
content:"";
position:absolute;
inset:0;
border-radius:18px;
padding:1px;
background:linear-gradient(180deg,
rgba(197,164,92,.65),
rgba(0,0,0,.15),
rgba(197,164,92,.55));
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
pointer-events:none;
}
/* question — black authority */
.lv-find-faq .lv-faq-q{
font-weight:800;
color:#111;
font-size:16px;
line-height:1.35;
}
/* answer — calm black */
.lv-find-faq .lv-faq-a{
margin-top:8px;
color:rgba(0,0,0,.70);
font-size:14px;
line-height:1.65;
}
/* separator — gold → transparent */
.lv-find-faq .lv-faq-a:before{
content:"";
display:block;
height:1px;
margin:10px 0;
background:linear-gradient(90deg,
rgba(197,164,92,.6),
rgba(0,0,0,.05),
transparent);
}
/* footer tip — subtle gold glass */
.lv-find-faq .lv-faq-foot{
margin-top:22px;
padding:14px 18px;
border-radius:16px;
background:
linear-gradient(135deg,
rgba(197,164,92,.18),
rgba(255,255,255,.9));
border:1px solid rgba(197,164,92,.45);
color:#111;
font-size:14px;
}
/* mobile */
@media (max-width:767px){
.lv-find-faq .lv-faq-item{
padding:16px;
}
}
/* clean meta spacing (no bullet look) */
.lv-cities-meta { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.lv-cities-meta-clean .lv-cities-meta-sep{
display:inline-block;
margin:0 10px;
opacity:.55;
}