/* --- inline block 2 --- */ button:focus, button:hover, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination .active a, .button:focus, .button:hover, .sidebar .enews-widget input[type="submit"] { background-color: #e20414; color: #ffffff; } /*# sourceURL=thor-inline-css */ /* --- inline block 8 --- */ .site-title a { background: url(/img/getphound-logo-300x106-1.png) no-repeat !important; } /* --- inline block 9 --- */ .section-2 .cta-button, .section-1 input[type=submit], .section-1-button, .top-cta, .top-strip, .bottom-cta, #menu-item-cta, .menu-item-cta, .accordion-toggle, .home .section-1 .button, .footer-section .button { background: #e20414 -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); } .transform-active input#input_1_1, .section-1 input[type=text]:focus, .section-1 textarea:focus { box-shadow: 0 0 5px #e20414; border-color:#e20414; } .location .one-fourth { background: #050704 -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); } .section-1:before, .top-bar:before, .footer-section:before { background: #05070499; } .gallery-section:before { background: #00000052; } .company-info { background: #050704e6; } .static-reviews, .faqs-section { background: #050704d6 -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.3 )));} .service-title { box-shadow: inset 0px -70px 35px -35px #050704 } .service-box:before { background: #e20414BF; } /* --- inline block 10 --- */ #callnowbutton {display:none;} @media screen and (max-width:650px){#callnowbutton {display:block; position:fixed; text-decoration:none; z-index:2147483647;width:100%;left:0;bottom:0;height:60px;border-top:1px solid #2dc62d; border-bottom:1px solid #006700;width:100%;left:0;bottom:0;height:60px;border-top:1px solid #2dc62d; border-bottom:1px solid #006700;text-shadow: 0 1px #006700; text-align:center;color:#fff; font-weight:600; font-size:120%; padding-right:27px; overflow: hidden;background:#009900;display: flex; justify-content: center; align-items: center;}body {padding-bottom:60px;}} /* --- inline block 12 --- */ :root{--gp-navy:#031D59;--gp-red:#E20414;--gp-blue:#0540F5;--gp-border:#DADDE6;--gp-hover:#F1F3F9;} /* Matches production's exact global typography rule (generate-style-inline-css: "body, button, input, select, textarea" at weight 500, "h1..h6" at weight 600, both Poppins) -- not just the family, the weights too, since 400-vs-500/600 reads as a real difference up close. */ body, button, input, select, textarea{font-family:Poppins,Arial,sans-serif;font-weight:500;} h1, h2, h3, h4, h5, h6{font-family:Poppins,Arial,sans-serif;font-weight:600;color:var(--gp-navy);} h1{font-size:42px !important;} @media (max-width:767px){h1{font-size:30px !important;line-height:1.3 !important;}} @media (max-width:1024px) and (min-width:768px){h1{font-size:36px !important;line-height:1.25 !important;}} /* GetPhound's reusable eyebrow-label style (production's .small_heading): small bold red uppercase tag above a heading. */ .gp-sync-eyebrow{color:var(--gp-red);font-size:20px;font-weight:600;margin-bottom:10px;text-transform:uppercase;display:block;} /* GetPhound's reusable CTA-button style (production's .btnstyle). */ .gp-sync-btn{background-color:var(--gp-red);color:#fff !important;display:inline-flex;font-weight:600;text-decoration:none !important;border-radius:10px;padding:15px 30px;} .gp-sync-btn:hover,.gp-sync-btn:focus{background-color:var(--gp-navy);color:#fff !important;} @media (max-width:1024px){.gp-sync-btn{font-size:15px;padding:15px 20px;}} @media (max-width:767px){.gp-sync-btn{font-size:15px;padding:10px 15px;}} /* GetPhound's content container width (production's .wp-block-group__inner-container). */ .gp-sync-container{max-width:1200px;margin-left:auto;margin-right:auto;padding:40px;} @media (max-width:767px){.gp-sync-container{padding:30px;}} /* Global fix: the theme's own base .wrap container (used by nearly every section site-wide: home-services, reviews, video-section, etc. per thor/style.css line ~808) is max-width:1280px with ZERO horizontal padding -- vs. production's actual content container (.wp-block-group__inner-container) at 1200px WITH 40px padding. That gap (both the 80px narrower width and the missing gutter) was affecting every single section's width and breathing room sitewide, not just one spot -- this is likely the single biggest contributor to the page feeling "off" everywhere at once. */ .wrap{max-width:1200px !important;box-sizing:border-box;} /* Padding deliberately has NO !important: .gp-sync-topbar .wrap and .header-bottom .wrap already carry their own exact padding values (matched to production's real computed CSS earlier) and must keep winning via specificity; this is just the default for every other, not-yet-specifically-tuned .wrap instance across the rest of the page. */ .wrap{padding-left:40px;padding-right:40px;} @media (max-width:767px){.wrap{padding-left:30px;padding-right:30px;}} /* Wire the real selectors this page's content actually uses (found via live DOM inspection, not guessed) to the shared eyebrow/button rules above, instead of requiring a content/markup rewrite. */ .hero_inner p.large-text{color:var(--gp-red);font-size:20px;font-weight:600;margin-bottom:10px;text-transform:uppercase;} a.button{background-color:var(--gp-red) !important;color:#fff !important;display:inline-flex;font-weight:600;text-decoration:none !important;border-radius:10px !important;padding:15px 30px;} a.button:hover,a.button:focus{background-color:var(--gp-navy) !important;color:#fff !important;} @media (max-width:1024px){a.button{font-size:15px;padding:15px 20px;}} @media (max-width:767px){a.button{font-size:15px;padding:10px 15px;}} /* Top bar */ /* Production wraps its top bar AND logo/nav row in ONE #gp-sticky-header container (position:sticky;top:0) that shrinks on scroll (adds .is-scrolled: smaller top-bar padding, logo scaled to 0.73). This theme's topbar and .site-header are separate top-level elements (no shared wrapper to target), so both get their own position:sticky instead, stacked via a JS-measured offset (see gp_sync_sticky_shrink_js below) and the is-scrolled class applied to both via the same scroll listener. */ .gp-sync-topbar{background:var(--gp-navy);color:#fff;padding:8px 20px;position:sticky;top:0;z-index:9999;transition:padding .25s ease;} .gp-sync-topbar.is-scrolled{padding-top:5px;padding-bottom:5px;} .site-header{position:sticky;z-index:9998;} .gp-sync-logo-img{transition:transform .25s ease;transform-origin:left center;} .is-scrolled .gp-sync-logo-img{transform:scale(0.73);} .gp-sync-topbar .wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:20px;} .gp-sync-topbar-contact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .gp-sync-topbar-contact a{color:#fff;text-decoration:none;font-size:16px;display:inline-flex;align-items:center;gap:8px;} .gp-sync-topbar-contact a:hover{color:var(--gp-border);} .gp-sync-topbar-btn{background:var(--gp-red);color:#fff !important;padding:7px 15px;border-radius:10px;font-weight:600;text-decoration:none !important;white-space:nowrap;font-size:16px;} .gp-sync-topbar-btn:hover{background:#b80310;} @media (max-width:600px){ .gp-sync-topbar .wrap{gap:6px;} .gp-sync-topbar-contact{gap:8px;} .gp-sync-topbar-contact a{font-size:11px;} .gp-sync-topbar-btn{padding:8px 12px;font-size:12px;} } /* The page's "+ Sitemap" expandable toggle is a real, working component (not a bug) -- but its base style (35px font, full-width block) plus a shared sitewide red-CTA-background rule combine to render it as a huge jarring red bar, totally inconsistent with the rest of the page. Restyle it as a small, tasteful centered pill instead; the underlying expand/ collapse behavior (toggling the adjacent .accordion.open) is untouched. */ .accordion-toggle{ display:table !important;width:auto !important;margin:30px auto !important; font-size:13px !important;font-weight:700 !important;letter-spacing:.04em; padding:10px 24px !important;border:1px solid var(--gp-navy) !important; border-radius:20px !important;background:#fff !important;color:var(--gp-navy) !important; text-align:center; } .accordion-toggle:hover{background:var(--gp-navy) !important;color:#fff !important;transform:none !important;} /* Header / logo */ .site-header{background:#FAFBFA;padding:0;} /* Logo/nav row = 74px like the main site (was 126px: 15px header padding + 8px title-area padding + taller wrap). */ .site-header .title-area{padding:2px 0 !important;margin:0 !important;max-width:none !important;width:auto !important;flex:0 0 auto !important;} .site-header .site-description{display:none !important;} .site-header .site-title{height:70px !important;margin:0 !important;padding:0 !important;line-height:0 !important;font-size:0 !important;} .site-header .site-title a{display:block;min-height:0 !important;height:70px;} .site-header .wrap{min-height:74px;box-sizing:border-box;align-items:center;} .site-header.is-scrolled .title-area{padding:0 !important;} .site-title a{background:none !important;} .gp-sync-logo-img{height:70px;width:auto;display:block;} .site-description{display:none;} @media (max-width:600px){.gp-sync-logo-img{height:46px;}} /* Nav. Genesis's own responsive-menu breakpoint for this theme is max-width:1023px (thor/style.css line ~2841) -- above that, the