Development

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#79AB37 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #79AB37 !important; border-color: #79AB37 !important; } .text-primary, .filters_col .distance span { color: #79AB37 !important; } .btn-outline-primary { color: #79AB37 !important; border-color: #79AB37 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #79AB37 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #79AB37!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#6E6E6E !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #6E6E6E !important; border-color: #6E6E6E !important; } .text-secondary { color: #6E6E6E !important; } .text-secondary a { color: #6E6E6E !important; } .btn-outline-secondary { color: #6E6E6E !important; border-color: #6E6E6E !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #6E6E6E !important; background-color: #6E6E6E !important; } /* ============================= */ /* GLOBAL DIRECTORY HOMEPAGE FIX */ /* ============================= */ body { overflow-x: hidden; font-family: Inter, Arial, sans-serif; } /* ----------------------------- */ /* KEEP PREMIUMPRESS HEADER CLEAN */ /* ----------------------------- */ .home header, .home #header, .home .header, .home .pp-header, .home .navbar { background: #fff !important; border-bottom: 1px solid #e5e7eb !important; margin-bottom: 0 !important; padding: 10px 20px; } /* NAV LINKS */ header a { font-weight: 600; color: #0b1b3f !important; } /* ADD LISTING BUTTON */ header .btn, header .add-listing { border: 1px solid #2563eb !important; color: #2563eb !important; background: white !important; } /* ----------------------------- */ /* HERO FULL WIDTH */ /* ----------------------------- */ .home .gdp-hero { width: 100vw; position: relative; left: 50%; margin-left: -50vw; margin-right: -50vw; border-radius: 0; } /* HERO DESIGN */ .gdp-hero { min-height: 520px; text-align: center; color: #fff; padding: 120px 20px 60px; background: linear-gradient(rgba(5,20,55,.72), rgba(5,20,55,.72)), url("https://globaldirectorypages.com/wp-content/uploads/2026/04/hero.jpg"); background-size: cover; background-position: center; } .gdp-hero h1 { font-size: 52px; line-height: 1.08; margin: 0 0 18px; font-weight: 900; color: #fff; } .gdp-hero p { font-size: 19px; margin-bottom: 30px; color: #fff; } /* ----------------------------- */ /* SEARCH BAR */ /* ----------------------------- */ .gdp-search { max-width: 930px; margin: 0 auto; background: #fff; border-radius: 10px; display: grid; grid-template-columns: 1.5fr 1.3fr 1fr auto; overflow: hidden; box-shadow: 0 18px 45px rgba(0,0,0,.25); } .gdp-search input, .gdp-search select { padding: 20px; border: 0; border-right: 1px solid #e5e7eb; font-size: 15px; color: #111827; } .gdp-search button { background: #0757d8; color: #fff; border: 0; padding: 0 34px; font-weight: 900; } /* ----------------------------- */ /* SECTIONS */ /* ----------------------------- */ .gdp-home { background: #fff; color: #0b1b3f; } .gdp-container { max-width: 1180px; margin: auto; padding: 0 20px; } .gdp-section { padding: 70px 0; text-align: center; } .gdp-section h2 { font-size: 31px; font-weight: 900; margin-bottom: 10px; } .gdp-section p { color: #64748b; margin-bottom: 30px; } /* ----------------------------- */ /* CATEGORY GRID */ /* ----------------------------- */ .gdp-cats { display: grid; grid-template-columns: repeat(6,1fr); gap: 16px; } .gdp-cat { border: 1px solid #e5e7eb; border-radius: 12px; padding: 25px; background: #fff; } .gdp-cat h3 { font-size: 15px; margin: 10px 0; } /* ----------------------------- */ /* LISTINGS */ /* ----------------------------- */ .gdp-listings { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; text-align: left; } .gdp-card { border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; background: #fff; } .gdp-card img { width: 100%; height: 150px; object-fit: cover; } .gdp-card-body { padding: 15px; } .gdp-badge { background: #0757d8; color: #fff; font-size: 11px; padding: 5px 8px; border-radius: 5px; font-weight: 800; } /* ----------------------------- */ /* BUSINESS CTA */ /* ----------------------------- */ .gdp-business { background: #eef6ff; border-radius: 18px; padding: 40px; display: grid; grid-template-columns: 1fr 1.5fr; gap: 30px; align-items: center; } .gdp-business img { width: 100%; border-radius: 12px; } .gdp-feature { background: white; padding: 15px; border-radius: 10px; } /* ----------------------------- */ /* CITIES */ /* ----------------------------- */ .gdp-cities { display: grid; grid-template-columns: repeat(6,1fr); gap: 12px; } .gdp-city { height: 130px; border-radius: 10px; background: #111; color: white; padding: 15px; } /* ----------------------------- */ /* STATS */ /* ----------------------------- */ .gdp-stats { background: #06245c; color: white; padding: 40px 0; } .gdp-stats-grid { display: grid; grid-template-columns: repeat(4,1fr); text-align: center; } .gdp-stat strong { font-size: 28px; } /* ----------------------------- */ /* MOBILE */ /* ----------------------------- */ @media(max-width:900px){ .gdp-search, .gdp-cats, .gdp-listings, .gdp-business, .gdp-cities, .gdp-stats-grid { grid-template-columns: 1fr; } .gdp-hero h1 { font-size: 34px; } }