.gaby-hero-cover .wp-block-cover__image-background { filter: saturate(1.08) contrast(0.96) brightness(1.02); transform: scale(1.02); image-rendering: -webkit-optimize-contrast; will-change: filter; }
.gaby-hero-cover::after { content: ""; position: absolute; inset: 0px; background: radial-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); pointer-events: none; mix-blend-mode: multiply; }
.wp-block-column:hover h3 { transition: color 0.25s; color: rgb(198, 40, 40) !important; }
.wp-block-column h3 { transition: color 0.25s; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1200px; margin: 40px auto 30px; padding: 0px 20px; }
.services-grid .svc-box { background: rgb(255, 255, 255); border-radius: 10px; padding: 28px 22px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 12px; transition: transform 0.2s, box-shadow 0.2s; border-top: 3px solid rgb(255, 82, 82); }
.services-grid .svc-box:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.13) 0px 6px 20px; }
.services-grid .svc-box h4 { margin: 0px 0px 10px; font-size: 17px; font-weight: 700; color: rgb(15, 23, 42); }
.services-grid .svc-box p { margin: 0px; font-size: 13.5px; color: rgb(100, 116, 139); line-height: 1.55; }
@media (max-width: 768px) {
.services-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
.services-grid .svc-box { padding: 20px 16px; }
}
@media (max-width: 480px) {
.services-grid { grid-template-columns: 1fr; }
}
.gaby-reviews-section { background: linear-gradient(rgb(240, 247, 255) 0%, rgb(225, 237, 248) 100%); padding: 60px 20px; text-align: center; }
.gaby-reviews-header { margin-bottom: 36px; }
.gaby-reviews-header .gaby-r-stars { color: rgb(245, 158, 11); font-size: 28px; letter-spacing: 2px; }
.gaby-reviews-header h3 { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 22px; color: rgb(30, 41, 59); margin: 10px 0px 6px; font-weight: 700; }
.gaby-reviews-header h3 img { width: 28px; height: 28px; border-radius: 4px; }
.gaby-reviews-header p { color: rgb(100, 116, 139); font-size: 15px; margin: 0px; }
.gaby-r-page { display: none; }
.gaby-r-page.is-active { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1100px; margin: 0px auto; cursor: pointer; }
.gaby-r-card { background: rgb(255, 255, 255); border-radius: 12px; padding: 28px 24px 24px; text-align: left; box-shadow: rgba(15, 23, 42, 0.07) 0px 4px 16px; transition: transform 0.3s, box-shadow 0.3s; position: relative; border-top: 3px solid rgb(255, 82, 82); }
.gaby-r-card:hover { transform: translateY(-3px); box-shadow: rgba(15, 23, 42, 0.12) 0px 8px 28px; }
.gaby-r-card::before { content: "“"; position: absolute; top: 14px; right: 20px; font-size: 44px; color: rgba(255, 82, 82, 0.1); font-family: Georgia, serif; line-height: 1; }
.gaby-r-card .r-stars { color: rgb(245, 158, 11); font-size: 16px; margin-bottom: 10px; }
.gaby-r-card .r-text { color: rgb(51, 65, 85); font-size: 14.5px; line-height: 1.6; margin-bottom: 16px; min-height: 90px; }
.gaby-r-card .r-meta { display: flex; align-items: center; gap: 10px; border-top: 1px solid rgb(241, 245, 249); padding-top: 14px; }
.gaby-r-card .r-avatar { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-weight: 700; font-size: 15px; flex-shrink: 0; }
.gaby-r-card .r-name { font-weight: 700; font-size: 14px; color: rgb(30, 41, 59); }
.gaby-r-card .r-src { font-size: 11px; color: rgb(148, 163, 184); }
.gaby-reviews-dots { display: flex; justify-content: center; gap: 10px; margin-top: 24px; }
.gaby-reviews-dots button { width: 10px; height: 10px; border-radius: 50%; border: 2px solid rgb(148, 163, 184); background: transparent; cursor: pointer; padding: 0px; transition: 0.3s; }
.gaby-reviews-dots button.is-active { background: rgb(255, 82, 82); border-color: rgb(255, 82, 82); transform: scale(1.3); }
@media (max-width: 900px) {
.gaby-r-page.is-active { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.gaby-r-page.is-active { grid-template-columns: 1fr; }
}
.gaby-r-page.is-active .gaby-r-card { animation: 0.4s ease 0s 1 normal none running fadeIn; }
.hero-main-heading { display: block; max-width: 1100px; margin: 0px auto 24px; padding: 28px 32px; background: rgb(26, 37, 64); border-top: 4px solid rgb(200, 16, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 24px; color: rgb(255, 255, 255); font-family: Oswald, "Arial Narrow", sans-serif; font-weight: 700; font-size: 34px; line-height: 1.2; letter-spacing: 0.01em; text-transform: uppercase; text-align: center; }
.hero-main-heading .gh-l1, .hero-main-heading .gh-l2, .hero-main-heading .gh-l3, .hero-main-heading .gh-dash { display: inline; }
@media (max-width: 768px) {
.hero-main-heading { font-size: clamp(18px, 5.6vw, 26px); padding: 18px 14px; max-width: 96%; }
.hero-main-heading .gh-l1, .hero-main-heading .gh-l2, .hero-main-heading .gh-l3 { display: block; white-space: nowrap; }
.hero-main-heading .gh-dash { display: block; color: rgb(200, 16, 46); font-weight: 700; margin: 4px 0px; white-space: nowrap; }
.hero-main-heading .gh-pipe { display: none; }
}
@media (min-width: 769px) {
.hero-main-heading { white-space: nowrap; font-size: 30px; max-width: fit-content; width: auto; padding-left: 40px; padding-right: 40px; }
.hero-main-heading .gh-dash { display: none; }
.hero-main-heading .gh-pipe { display: inline; color: rgb(200, 16, 46); margin: 0px 10px; font-weight: 700; }
.hero-main-heading .gh-l1, .hero-main-heading .gh-l2, .hero-main-heading .gh-l3 { white-space: nowrap; display: inline-block; }
}
.gaby-hero-cover { position: relative; }
.gaby-hero-cover::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 2px; background: linear-gradient(to right, rgb(207, 229, 247) 0%, rgb(127, 181, 224) 50%, rgb(207, 229, 247) 100%); z-index: 5; pointer-events: none; }
p.gaby-banner-card { display: block; max-width: 560px; padding: 16px 24px; background: rgb(26, 37, 64); border-top: 3px solid rgb(200, 16, 46); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 18px; font-family: "Barlow Condensed", Oswald, sans-serif; font-weight: 400; line-height: 1.5; letter-spacing: 0.02em; text-align: center; margin: 14px auto !important; color: rgb(255, 255, 255) !important; }
p.gaby-banner-card a { text-decoration: underline; color: rgb(255, 179, 189) !important; }
p.gaby-banner-card strong { color: rgb(255, 255, 255); }
@media (max-width: 768px) {
p.gaby-banner-card { max-width: 92%; padding: 14px 18px; font-size: 15px !important; }
.gaby-hero-cover h2, .gaby-hero-cover .wp-block-heading { white-space: nowrap; line-height: 1.15; font-size: 24px !important; }
}
@media (max-width: 420px) {
.gaby-hero-cover h2, .gaby-hero-cover .wp-block-heading { font-size: 20px !important; }
}
h2.gaby-h2-banner { background: linear-gradient(rgb(15, 30, 53) 0%, rgb(10, 22, 40) 100%) !important; color: rgb(255, 255, 255) !important; font-family: Oswald, "Barlow Condensed", Arial, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-align: center !important; border-top: 4px solid rgb(193, 39, 45) !important; padding: 18px 28px !important; margin: 32px auto !important; max-width: fit-content !important; white-space: nowrap !important; display: block !important; font-size: clamp(20px, 3vw, 32px) !important; line-height: 1.15 !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 18px !important; }
@media (max-width: 768px) {
h2.gaby-h2-banner { max-width: none !important; width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 14px 6px !important; font-size: clamp(15px, 4.4vw, 20px) !important; letter-spacing: 0.5px !important; white-space: nowrap !important; border-radius: 0px !important; }
}
.gaby-lic-banner { background: linear-gradient(rgb(15, 30, 53) 0%, rgb(10, 22, 40) 100%) !important; border-top: 3px solid rgb(193, 39, 45) !important; padding: 18px 28px !important; margin: 18px auto !important; max-width: fit-content !important; width: auto !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 16px !important; position: relative !important; text-align: center !important; display: table !important; }
.gaby-lic-banner::before, .gaby-lic-banner::after { content: "" !important; display: block !important; width: 60px !important; height: 1px !important; background: rgba(212, 175, 55, 0.5) !important; margin: 8px auto !important; }
.gaby-lic-banner .gaby-lic-line { font-family: Cinzel, Georgia, serif !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: rgb(255, 255, 255) !important; font-size: clamp(13px, 1.5vw, 17px) !important; display: block !important; line-height: 1.6 !important; white-space: nowrap !important; }
.gaby-lic-banner .gaby-lic-line:nth-of-type(2) { font-weight: 500 !important; color: rgb(233, 216, 166) !important; letter-spacing: 1.5px !important; font-size: clamp(12px, 1.35vw, 15px) !important; }
.gaby-lic-banner .gaby-lic-njhic { font-family: "Barlow Condensed", Oswald, Arial, sans-serif !important; font-weight: 600 !important; letter-spacing: 2px !important; color: rgb(212, 175, 55) !important; font-size: clamp(11px, 1.2vw, 13px) !important; display: block !important; margin-top: 2px !important; text-transform: uppercase !important; white-space: nowrap !important; }
@media (max-width: 768px) {
.gaby-lic-banner { padding: 14px 18px !important; max-width: fit-content !important; width: auto !important; margin: 16px auto !important; border-radius: 4px !important; }
.gaby-lic-banner::before, .gaby-lic-banner::after { width: 44px !important; margin: 6px auto !important; }
.gaby-lic-banner .gaby-lic-line { letter-spacing: 1.2px !important; font-size: clamp(11px, 3vw, 14px) !important; }
.gaby-lic-banner .gaby-lic-line:nth-of-type(2) { letter-spacing: 0.8px !important; font-size: clamp(10px, 2.7vw, 13px) !important; }
.gaby-lic-banner .gaby-lic-njhic { font-size: 10px !important; letter-spacing: 1.2px !important; }
}
body .gaby-lic-banner::before, body .gaby-lic-banner::after, html body .gaby-lic-banner::before, html body .gaby-lic-banner::after { content: none !important; display: none !important; width: 0px !important; height: 0px !important; margin: 0px !important; background: transparent !important; }
@media (max-width: 768px) {
body .gaby-hero-cover .wp-block-buttons, body section.gaby-hero-cover .wp-block-buttons, body .wp-block-buttons.is-content-justification-center { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
body .gaby-hero-cover .wp-block-button, body section.gaby-hero-cover .wp-block-button { width: 92% !important; max-width: 360px !important; margin: 0px auto !important; display: flex !important; justify-content: center !important; }
body .gaby-hero-cover .wp-block-button__link, body section.gaby-hero-cover .wp-block-button__link { display: block !important; width: 100% !important; padding: 16px 22px !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; border-radius: 6px !important; text-align: center !important; line-height: 1.2 !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px !important; }
}
@media (max-width: 480px) {
body .gaby-hero-cover .wp-block-button__link, body section.gaby-hero-cover .wp-block-button__link { font-size: 17px !important; padding: 15px 18px !important; }
}
body .gaby-hero-cover, body .wp-block-cover.gaby-hero-cover { min-height: 520px !important; padding-top: 14px !important; padding-bottom: 60px !important; }
body .gaby-hero-cover .hero-main-heading { margin-top: 0px !important; padding-top: 0px !important; }
@media (max-width: 768px) {
body .gaby-hero-cover { min-height: 380px !important; padding-top: 20px !important; padding-bottom: 48px !important; }
}
body .hero-main-heading, html body h1.hero-main-heading { text-align: center !important; margin-left: auto !important; margin-right: auto !important; display: flex !important; flex-flow: wrap !important; align-items: center !important; justify-content: center !important; padding-top: 10px !important; padding-bottom: 22px !important; line-height: 1.25 !important; gap: 2px 10px !important; }
body .hero-main-heading > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; white-space: nowrap !important; }
@media (min-width: 769px) {
html body .hero-main-heading .gh-dash { display: none !important; visibility: hidden !important; width: 0px !important; height: 0px !important; font-size: 0px !important; padding: 0px !important; margin: 0px !important; }
html body .hero-main-heading .gh-pipe { display: inline-flex !important; color: rgb(193, 39, 45) !important; font-weight: 700 !important; padding: 0px 4px !important; }
}
@media (max-width: 768px) {
body .hero-main-heading { flex-direction: column !important; padding-top: 8px !important; padding-bottom: 18px !important; gap: 4px 0px !important; }
body .hero-main-heading > span { display: block !important; width: 100% !important; }
html body .hero-main-heading .gh-pipe { display: none !important; visibility: hidden !important; width: 0px !important; height: 0px !important; font-size: 0px !important; padding: 0px !important; margin: 0px !important; }
html body .hero-main-heading .gh-dash { display: block !important; visibility: visible !important; width: auto !important; height: auto !important; font-size: inherit !important; color: rgb(193, 39, 45) !important; font-weight: 700 !important; text-align: center !important; line-height: 1 !important; margin: 6px auto !important; padding: 0px !important; }
}
body .gaby-lic-banner, body .gaby-lic-banner *, html body .gaby-lic-banner .gaby-lic-line, html body .gaby-lic-banner .gaby-lic-line:nth-of-type(2), html body .gaby-lic-banner .gaby-lic-njhic { color: rgb(255, 255, 255) !important; }
body .gaby-hero-cover, body .wp-block-cover.gaby-hero-cover { min-height: 520px !important; padding-top: 48px !important; padding-bottom: 48px !important; }
body .gaby-hero-cover .hero-main-heading { margin-top: 0px !important; }
@media (max-width: 768px) {
body .gaby-hero-cover, body .wp-block-cover.gaby-hero-cover { min-height: 340px !important; padding-top: 0px !important; padding-bottom: 40px !important; }
}
html body .gaby-hero-cover, html body .wp-block-cover.gaby-hero-cover { min-height: 560px !important; padding-top: 60px !important; padding-bottom: 60px !important; }
@media (max-width: 921px) {
html body .gaby-hero-cover, html body .wp-block-cover.gaby-hero-cover { min-height: auto !important; padding-top: 14px !important; padding-bottom: 50px !important; }
}
@media (max-width: 480px) {
html body .gaby-hero-cover, html body .wp-block-cover.gaby-hero-cover { padding-top: 10px !important; padding-bottom: 40px !important; }
}
html body .hero-main-heading { background: linear-gradient(rgb(15, 30, 53) 0%, rgb(10, 22, 40) 100%) !important; color: rgb(255, 255, 255) !important; border-top: 4px solid rgb(193, 39, 45) !important; border-radius: 4px !important; font-family: Oswald, "Barlow Condensed", Arial, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-align: center !important; padding: 24px 28px !important; margin: 0px auto !important; max-width: fit-content !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 4px 14px !important; line-height: 1.15 !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 22px !important; position: relative !important; top: auto !important; }
html body .hero-main-heading > span { display: inline-block !important; white-space: nowrap !important; color: rgb(255, 255, 255) !important; }
html body .hero-main-heading .gh-pipe { color: rgb(193, 39, 45) !important; font-weight: 700 !important; }
html body .hero-main-heading .gh-dash { color: rgb(193, 39, 45) !important; font-weight: 700 !important; }
@media (min-width: 922px) {
html body .hero-main-heading { margin-top: 48px !important; }
html body .hero-main-heading .gh-dash { display: none !important; width: 0px !important; height: 0px !important; font-size: 0px !important; margin: 0px !important; }
html body .hero-main-heading .gh-pipe { display: inline-block !important; padding: 0px 2px !important; }
}
@media (max-width: 921px) {
html body .hero-main-heading { flex-direction: column !important; padding: 22px 18px !important; gap: 6px 0px !important; margin-top: 2px !important; }
html body .hero-main-heading > span { display: block !important; width: 100% !important; text-align: center !important; }
html body .hero-main-heading .gh-pipe { display: none !important; width: 0px !important; height: 0px !important; font-size: 0px !important; margin: 0px !important; }
html body .hero-main-heading .gh-dash { display: block !important; margin: 2px auto !important; }
}
@media (max-width: 480px) {
html body .hero-main-heading { margin-top: 2px !important; padding: 20px 16px !important; }
}
@media (max-width: 921px) {
html body .gaby-hero-cover, html body .wp-block-cover.gaby-hero-cover { align-items: flex-start !important; justify-content: flex-start !important; }
html body .gaby-hero-cover .wp-block-cover__inner-container { width: 100% !important; margin-top: 0px !important; padding-top: 0px !important; }
}
html body .hero-main-heading { padding: 32px 28px 26px !important; margin-block: 0px !important; line-height: 1.2 !important; }
html body .hero-main-heading > span { line-height: 1.2 !important; vertical-align: middle !important; }
@media (max-width: 921px) {
html body .hero-main-heading { padding: 28px 18px 22px !important; }
}
html body .hero-main-heading::before { content: "" !important; display: block !important; width: 100% !important; height: 0.5em !important; flex-basis: 100% !important; }
@media (max-width: 921px) {
html body .gaby-hero-cover, html body .wp-block-cover.gaby-hero-cover { padding-bottom: 24px !important; min-height: auto !important; }
html body .gaby-hero-cover .wp-block-cover__inner-container > * { margin-top: 10px !important; margin-bottom: 10px !important; }
html body .gaby-hero-cover .hero-main-heading { margin-top: 2px !important; margin-bottom: 14px !important; }
html body .gaby-hero-cover + .wp-block-group { padding-top: 6px !important; margin-top: 0px !important; }
html body .gaby-hero-cover h2.wp-block-heading { margin-top: 6px !important; margin-bottom: 6px !important; }
html body .gaby-hero-cover .wp-block-buttons { margin-top: 8px !important; margin-bottom: 6px !important; }
}
@media (max-width: 480px) {
html body .gaby-hero-cover, html body .wp-block-cover.gaby-hero-cover { padding-bottom: 20px !important; }
}
html body .gaby-hero-cover { padding-bottom: 4px !important; }
html body .gaby-hero-cover + .wp-block-group, html body .gaby-hero-cover + .wp-block-group.has-background { margin-top: -8px !important; padding-top: 12px !important; padding-bottom: 18px !important; }
html body .gaby-hero-cover + .wp-block-group > :first-child { margin-top: 0px !important; }
html body .gaby-hero-cover h2.wp-block-heading { margin: 0px 0px 2px !important; padding: 0px !important; }
@media (max-width: 921px) {
html body .gaby-hero-cover + .wp-block-group { margin-top: -6px !important; padding-top: 10px !important; }
}
@media (min-width: 922px) {
html body .gaby-hero-cover .wp-block-button__link { padding: 20px 44px !important; font-size: 22px !important; font-weight: 800 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; border-radius: 8px !important; min-width: 260px !important; text-align: center !important; }
html body .gaby-hero-cover .wp-block-buttons { gap: 20px !important; }
html body .gaby-hero-cover .wp-block-button { margin: 0px !important; }
html body .gaby-hero-cover, html body .wp-block-cover.gaby-hero-cover { padding-top: 20px !important; padding-bottom: 24px !important; min-height: auto !important; }
html body .hero-main-heading { margin-top: 10px !important; }
html body .gaby-hero-cover .wp-block-cover__inner-container > * { margin-top: 14px !important; margin-bottom: 14px !important; }
html body .gaby-hero-cover .wp-block-buttons { margin-top: 14px !important; margin-bottom: 8px !important; }
html body .gaby-hero-cover h2.wp-block-heading { margin-top: 6px !important; margin-bottom: 4px !important; }
}
html body .gaby-hero-cover p.gaby-banner-card, html body .gaby-hero-cover p.gaby-banner-card a, html body p.gaby-banner-card, html body p.gaby-banner-card a, html body .gaby-hero-cover + .wp-block-group p, html body .gaby-hero-cover + .wp-block-group p a { text-transform: uppercase !important; }
html body h2.gaby-h2-banner { max-width: none !important; width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; white-space: normal !important; padding: 22px 28px !important; border-radius: 0px !important; }
@media (min-width: 922px) {
html body h2.gaby-h2-banner + .wp-block-columns, html body h2.gaby-h2-banner + .services-grid, html body .wp-block-group:has(h2.gaby-h2-banner) > .wp-block-columns, html body .wp-block-group:has(h2.gaby-h2-banner) > .services-grid { max-width: none !important; width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box !important; }
html body .services-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 18px !important; }
html body .gaby-hero-cover .wp-block-buttons, html body .gaby-hero-cover .wp-block-buttons.is-content-justification-center { margin-top: 40px !important; }
html body .gaby-hero-cover .wp-block-cover__inner-container > p, html body .gaby-hero-cover .wp-block-cover__inner-container > .wp-block-paragraph, html body .gaby-hero-cover p.gaby-banner-card { margin-top: -8px !important; margin-bottom: 6px !important; }
html body .gaby-hero-cover .wp-block-cover__inner-container > p:first-of-type { margin-top: -14px !important; }
html body .gaby-hero-cover p.gaby-banner-card + p.gaby-banner-card, html body p.gaby-banner-card + p.gaby-banner-card { margin-top: 28px !important; }
html body .gaby-hero-cover .hero-main-heading { margin-bottom: 28px !important; }
html body .gaby-hero-cover .gaby-lic-banner, html body .gaby-lic-banner { margin-top: 28px !important; }
}
@media (max-width: 921px) {
html body .gaby-hero-cover .hero-main-heading { margin-bottom: 18px !important; }
html body .gaby-lic-banner { margin-top: 16px !important; }
}
html body .gaby-warning-cols { display: flex !important; flex-wrap: wrap !important; gap: 24px !important; justify-content: center !important; max-width: 1100px !important; margin: 28px auto !important; padding: 0px 16px !important; }
html body .gaby-warning-card { background: linear-gradient(rgb(15, 30, 53) 0%, rgb(10, 22, 40) 100%) !important; color: rgb(255, 255, 255) !important; border-top: 4px solid rgb(255, 183, 3) !important; border-radius: 10px !important; padding: 28px 26px !important; flex: 1 1 320px !important; max-width: 520px !important; min-width: 280px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-align: center !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 30px !important; }
html body .gaby-warning-icon { display: flex !important; justify-content: center !important; align-items: center !important; width: 72px !important; height: 72px !important; margin: 0px auto 12px !important; background: rgb(255, 243, 209) !important; border-radius: 50% !important; box-shadow: rgba(255, 183, 3, 0.35) 0px 4px 12px !important; }
html body .gaby-warning-icon svg { width: 44px !important; height: 44px !important; display: block !important; }
html body h3.gaby-warning-title { color: rgb(255, 82, 82) !important; font-family: Oswald, "Barlow Condensed", Arial, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; font-size: clamp(20px, 2.2vw, 26px) !important; margin: 0px 0px 14px !important; text-align: center !important; line-height: 1.15 !important; }
html body ul.gaby-warning-list { list-style: none !important; padding: 0px !important; margin: 0px auto !important; width: 100% !important; max-width: 420px !important; text-align: left !important; }
html body ul.gaby-warning-list li { position: relative !important; padding: 8px 0px 8px 32px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; font-size: 15.5px !important; line-height: 1.45 !important; color: rgb(232, 238, 247) !important; list-style: none !important; }
html body ul.gaby-warning-list li:last-child { border-bottom: 0px !important; }
html body ul.gaby-warning-list li::before { content: "⚠" !important; position: absolute !important; left: 4px !important; top: 8px !important; color: rgb(255, 183, 3) !important; font-size: 16px !important; font-weight: 700 !important; }
@media (max-width: 768px) {
html body .gaby-warning-cols { gap: 18px !important; margin: 18px auto !important; }
html body .gaby-warning-card { padding: 22px 18px !important; }
html body ul.gaby-warning-list li { font-size: 14.5px !important; }
}
html body .gaby-hero-cover h2.wp-block-heading::before, html body .gaby-hero-cover h2.wp-block-heading::after, html body .gaby-hero-cover h2::before, html body .gaby-hero-cover h2::after { content: none !important; display: none !important; background: none !important; border: 0px !important; }
html body .gaby-warning-card h3, html body .gaby-warning-card .gaby-warning-title { white-space: nowrap !important; font-size: clamp(16px, 2vw, 22px) !important; letter-spacing: 0.3px !important; }
@media (max-width: 600px) {
html body .gaby-warning-card h3, html body .gaby-warning-card .gaby-warning-title { white-space: normal !important; }
}
html body .gaby-hero-cover h2, html body .gaby-hero-cover h2.wp-block-heading { background: none transparent !important; box-shadow: none !important; border: 0px !important; padding: 0px !important; backdrop-filter: none !important; border-radius: 0px !important; max-width: none !important; margin: 10px auto !important; text-align: center !important; display: block !important; }
html body p.gaby-lic-banner { text-align: center !important; }
html body p.gaby-lic-banner .gaby-lic-line { display: block !important; text-align: center !important; margin: 4px auto !important; }
html body .gaby-lic-banner .gaby-lic-line:nth-of-type(2), html body p.gaby-lic-banner .gaby-lic-line:nth-of-type(2), html body .gaby-hero-cover .gaby-lic-banner .gaby-lic-line:nth-of-type(2) { font-size: clamp(12px, 1.3vw, 15px) !important; font-weight: 900 !important; letter-spacing: 2px !important; font-family: Cinzel, Georgia, serif !important; text-transform: uppercase !important; color: rgb(255, 255, 255) !important; }
html body .gaby-hero-cover, html body section.gaby-hero-cover { border-top: 0px !important; box-shadow: none !important; }
html body .gaby-hero-cover::before, html body section.gaby-hero-cover::before { border-top: 0px !important; background: transparent !important; }
html body .gaby-lic-banner .gaby-lic-njhic { font-size: 17px !important; }
html body .gaby-hero-cover h2.wp-block-heading.has-white-color { margin-top: 0px !important; margin-bottom: 12px !important; }
@media (max-width: 921px) {
html body .gaby-hero-cover h2.wp-block-heading.has-white-color { margin-top: 8px !important; margin-bottom: 8px !important; }
}
html body .entry-content > div:nth-of-type(3) { position: relative !important; padding-top: 84px !important; }
html body .entry-content > div:nth-of-type(3)::before { content: "TRUSTED NORTH JERSEY ROOFER • EST. 2003" !important; position: absolute !important; top: 18px !important; left: 50% !important; transform: translateX(-50%) !important; background: linear-gradient(90deg, rgb(193, 39, 45), rgb(232, 78, 78)) !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 2px !important; padding: 9px 26px !important; border-radius: 999px !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px !important; white-space: nowrap !important; z-index: 2 !important; font-family: inherit !important; }
@media (max-width: 921px) {
html body .entry-content > div:nth-of-type(3) { padding-top: 72px !important; }
html body .entry-content > div:nth-of-type(3)::before { font-size: 11px !important; letter-spacing: 1.5px !important; padding: 7px 18px !important; top: 14px !important; }
html body p.gaby-banner-card { font-size: 10px !important; line-height: 1.55 !important; letter-spacing: -0.01em !important; text-wrap: balance !important; }
}
html body p.gaby-lic-banner .gaby-lic-line:nth-of-type(2), html body p.gaby-lic-banner .gaby-lic-njhic { font-family: Rubik, sans-serif !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 1px !important; }
html body.page-id-9 #content, html body.home #content, html body.page-id-9 .site-content, html body.home .site-content { padding-top: 0px !important; }
html body.page-id-9 .ast-container, html body.home .ast-container { padding-top: 0px !important; }
html body.page-id-9 #primary, html body.home #primary, html body.page-id-9 .content-area, html body.home .content-area { padding-top: 0px !important; margin-top: 0px !important; }
html body.page-id-9 .site-main, html body.home .site-main { padding-top: 0px !important; margin-top: 0px !important; }
html body.page-id-9 .site-main > article, html body.home .site-main > article, html body.page-id-9 .ast-article-single, html body.home .ast-article-single { padding-top: 0px !important; margin-top: 0px !important; }
html body.page-id-9 .entry-content, html body.home .entry-content { padding-top: 0px !important; margin-top: 0px !important; }
html body.page-id-9 .entry-content > .gaby-hero-cover:first-child, html body.home .entry-content > .gaby-hero-cover:first-child { margin-top: 0px !important; }
html body .gaby-hero-cover span.wp-block-cover__background { opacity: 0.6 !important; }
@media (max-width: 921px) {
html body .gaby-hero-cover .wp-block-cover__inner-container p { font-size: 13px !important; letter-spacing: -0.3px !important; line-height: 1.3 !important; }
}
@media (max-width: 420px) {
html body .gaby-hero-cover .wp-block-cover__inner-container p { font-size: 11px !important; letter-spacing: -0.4px !important; }
}
@media (max-width: 921px) {
html body .gaby-hero-cover { min-height: 0px !important; padding-top: 12px !important; padding-bottom: 12px !important; }
html body .gaby-hero-cover h2.wp-block-heading { margin-top: 0px !important; margin-bottom: 6px !important; padding: 0px !important; }
html body .gaby-hero-cover .wp-block-cover__inner-container { padding-top: 0px !important; padding-bottom: 0px !important; }
html body .gaby-hero-cover h2.wp-block-heading { margin-top: 0px !important; margin-bottom: 4px !important; }
html body .gaby-hero-cover .wp-block-cover__inner-container > .wp-block-spacer { height: 6px !important; margin: 0px !important; }
}
html body #page .entry-content > .gaby-hero-cover:first-child { margin-top: -40px !important; }
@media (max-width: 921px) {
html body.home #content, html body.page-id-9 #content, html body.home .site-content, html body.page-id-9 .site-content { padding-top: 0px !important; }
html body.home .site-main, html body.page-id-9 .site-main { padding-top: 0px !important; margin-top: 0px !important; }
html body.home .ast-container, html body.page-id-9 .ast-container { padding-top: 0px !important; }
html body.home article.post-9, html body.page-id-9 article.post-9 { padding-top: 0px !important; margin-top: 0px !important; }
html body.home .entry-content, html body.page-id-9 .entry-content { padding-top: 0px !important; margin-top: 0px !important; }
html body #page .entry-content > .gaby-hero-cover:first-child { margin-top: 0px !important; }
html body #page .gaby-hero-cover h1.hero-main-heading { margin-top: 10px !important; margin-block-start: 10px !important; padding-top: 0px !important; }
html body #page .gaby-hero-cover .wp-block-cover__inner-container { padding-top: 4px !important; }
html body.home #content, html body.page-id-9 #content { background-color: transparent !important; }
html body.home, html body.page-id-9 { background-color: rgb(17, 17, 17) !important; }
html body.home .site-content, html body.page-id-9 .site-content { background-color: rgb(17, 17, 17) !important; }
html body #page .entry-content > .gaby-hero-cover:first-child { margin-top: -30px !important; }
}
.gaby-hero-cover .wp-block-cover__image-background, .wp-block-cover .wp-block-cover__image-background { will-change: auto !important; transform: none !important; filter: none !important; }
.gaby-hero-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__background.has-background-dim-60 { opacity: 1 !important; background-color: rgba(0, 0, 0, 0.6) !important; }
.gaby-hero-cover .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { position: relative; z-index: 1; }
.gaby-hero-cover > .wp-block-cover__background.has-background-dim-60.has-background-dim { background-color: rgba(0, 0, 0, 0.45) !important; }
.entry-content .wp-block-columns svg[width="110"][height="110"][viewbox="0 0 64 64"] { width: 100px !important; height: 100px !important; }
body.home a.wp-block-button__link[href^="tel:"] { transform: translateY(0px); transition: transform 0.15s, box-shadow 0.15s; position: relative; z-index: 2; box-shadow: rgba(26, 37, 64, 0.95) 0px 0px 0px 2.25px, rgba(207, 46, 46, 0.5) 0px 8px 22px !important; font-size: 18px !important; letter-spacing: 0.35px !important; padding: 12px 26px !important; }
body.home a.wp-block-button__link[href^="tel:"]:hover { transform: translateY(-2px); box-shadow: rgb(26, 37, 64) 0px 0px 0px 2.75px, rgba(207, 46, 46, 0.65) 0px 12px 28px !important; }
@media (prefers-reduced-motion: reduce) {
body.home a.wp-block-button__link[href^="tel:"] { animation: auto ease 0s 1 normal none running none; }
}
body.home a.wp-block-button__link[href*="newroofcontact"].has-border-color { transition: transform 0.15s, box-shadow 0.15s; border: 0px !important; box-shadow: rgba(255, 255, 255, 0.95) 0px 0px 0px 2.25px, rgba(255, 255, 255, 0.12) 0px 8px 22px !important; }
body.home a.wp-block-button__link[href*="newroofcontact"].has-border-color:hover { transform: translateY(-2px); border: 0px !important; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2.75px, rgba(255, 255, 255, 0.18) 0px 12px 28px !important; }
body.home .entry-content .wp-block-columns svg[width="110"][height="110"][viewbox="0 0 64 64"] { width: 112px !important; height: 112px !important; }
html body .entry-content > div:nth-of-type(4) { position: relative !important; background: linear-gradient(135deg, rgb(26, 53, 86) 0%, rgb(42, 74, 115) 50%, rgb(26, 53, 86) 100%) !important; border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-image: linear-gradient(90deg, rgb(193, 39, 45), rgb(232, 78, 78), rgb(193, 39, 45)) 1 / 1 / 0 stretch !important; }
html body .entry-content > div:nth-of-type(4) > h2 { font-size: 44px !important; letter-spacing: 0.5px !important; margin-bottom: 6px !important; }
html body .entry-content > div:nth-of-type(4) > h2::after { content: "" !important; display: block !important; width: 96px !important; height: 3px !important; background: linear-gradient(90deg, rgb(193, 39, 45), rgb(232, 78, 78)) !important; margin: 14px auto 0px !important; border-radius: 2px !important; }
html body .entry-content > div:nth-of-type(4) > p { font-size: 19px !important; letter-spacing: 0.3px !important; line-height: 1.7 !important; max-width: 900px !important; margin: 0px auto 28px !important; }
html body .entry-content > div:nth-of-type(4) .wp-block-button__link { font-size: 18px !important; padding: 14px 32px !important; border-radius: 999px !important; letter-spacing: 1.2px !important; box-shadow: rgba(193, 39, 45, 0.4) 0px 6px 20px, rgba(0, 0, 0, 0.3) 0px 2px 6px !important; transition: transform 0.18s, box-shadow 0.18s !important; }
html body .entry-content > div:nth-of-type(4) .wp-block-button__link:hover { transform: translateY(-2px) !important; box-shadow: rgba(193, 39, 45, 0.55) 0px 10px 26px, rgba(0, 0, 0, 0.35) 0px 3px 8px !important; }
@media (max-width: 921px) {
html body .entry-content > div:nth-of-type(4) > h2 { font-size: 32px !important; }
html body .entry-content > div:nth-of-type(4) > p { font-size: 16px !important; line-height: 1.6 !important; }
html body .entry-content > div:nth-of-type(4) .wp-block-button__link { font-size: 16px !important; padding: 12px 26px !important; }
}
html body .entry-content > div:nth-of-type(3) { background: radial-gradient(circle, rgba(255, 255, 255, 0.02) 1px, transparent 1px) 0px 0px / 26px 26px, radial-gradient(70% 55% at 50% 38%, rgba(193, 39, 45, 0.06) 0%, transparent 70%), linear-gradient(rgb(13, 28, 51) 0%, rgb(20, 42, 74) 30%, rgb(20, 42, 74) 70%, rgb(13, 28, 51) 100%) !important; }
@media (min-width: 922px) {
html body.page-id-9 .services-grid { grid-template-columns: repeat(4, 1fr) !important; max-width: 1200px !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; }
html body.page-id-9 .gaby-reviews-section .gaby-r-page.is-active { grid-template-columns: repeat(5, 1fr) !important; width: 100% !important; max-width: none !important; margin: 0px auto !important; display: grid !important; }
html body.page-id-9 .gaby-reviews-section .gaby-reviews-dots, html body.page-id-9 .gaby-reviews-section > .gaby-reviews-dots { display: flex !important; justify-content: center !important; gap: 10px !important; margin: 32px auto 0px !important; flex-wrap: wrap !important; }
}
html body .hero-main-heading { font-family: Oswald, "Oswald Fallback", "Barlow Condensed", "Barlow Condensed Fallback", Arial, sans-serif !important; }

/* PERF 2026-07-10: pulse re-implemented as composited opacity fade (was box-shadow keyframes = constant repaint) */
body.home a.wp-block-button__link[href^="tel:"]::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:rgb(26,37,64) 0px 0px 0px 3.25px, rgba(207,46,46,0.7) 0px 10px 28px;opacity:0;pointer-events:none;animation:gabyCallPulseFade 2.2s ease-in-out infinite;}
body.home a.wp-block-button__link[href^="tel:"]:hover::after{animation-play-state:paused;opacity:0;}
@keyframes gabyCallPulseFade{0%{opacity:0}50%{opacity:1}100%{opacity:0}}