/* ######################################################################################################################## BUCHANAN WEBSITE OVERRIDES - STYLE - BODY Note: comments will be deleted in DevTools when HubSpot minifies the code once live ########################################################################################################################### */ /* ======================================================================================================================== FILE | VERSION CONTROL - Body =========================================================================================================================== */ :root { --wow-overrides--body-version: "v20251104.1-cr"; } /* ======================================================================================================================== GLOBAL | MODULE HELPER DEFINITIONS =========================================================================================================================== */ /* SLDR slider FW full width CW content width IL image left ST single testimonial MT multiple testimonials SI single images MI multiple images NTL notch top left NTR notch top right NBL notch bottom left NBR notch bottom right RP repeating pattern GB gradient blocker AB accent bottom HI has icon BR border BX boxed CL custom link LT light DK dark */ /* ======================================================================================================================== GLOBAL | BACKGROUND REPEATING PATTERN =========================================================================================================================== */ body main { background-color: transparent !important; } /* setup for repeating "background" pattern */ html { position: relative !important; } /* repeating "background" pattern (services detail template) */ html::before { content: "" !important; position: absolute !important; /* 'fixed' to stay put while scrolling */ inset: 0 !important; background-image: url("https://2497333.fs1.hubspotusercontent-na1.net/hubfs/2497333/Whereoware/Website%20Assets/2025/_Global/patterns/20251017_patterns_dots_1920x345_E0E0E0.png") !important; background-repeat: repeat-y !important; background-size: auto !important; opacity: 0.60 !important; pointer-events: none !important; z-index: 0 !important; /* keep at 0 */ } /* raise body */ body { position: relative !important; z-index: 1 !important; background: transparent !important; /* ensure it doesn't cover the pattern */ } /* ======================================================================================================================== GLOBAL | HIDE HUBSPOT SPROCKET BUTTON =========================================================================================================================== */ body .hs-tools-menu { display: none !important; } /* ======================================================================================================================== GLOBAL | SUPERSCRIPT =========================================================================================================================== */ sup { font-size: 0.4em !important; top: -1em !important; position: relative; line-height: 1 !important; left: 0.2em !important; } /* ======================================================================================================================== GLOBAL | BUTTONS =========================================================================================================================== */ /* font weight */ .pwr-cta--custom-01 > .pwr-cta_button { font-weight: 700 !important; } /* fix background color leak of ::before on hover when ::after takes over */ .pwr-cta--custom-01 > .pwr-cta_button:hover::before { background-color: var(--pwr-cta-hover-bg, #85E13A) !important; } /* ======================================================================================================================== GLOBAL | SOLO LINKS =========================================================================================================================== */ /* font weight - static */ .pwr-cta--link > .pwr-cta_button { font-weight: 500 !important; } /* font weight - hover */ .pwr-cta--link > .pwr-cta_button:hover { font-weight: 500 !important; } /* adjust post cta - static */ .pwr-cta--link > .pwr-cta_button { position: relative; display: inline-flex !important; align-items: baseline !important; gap: 0em !important; vertical-align: middle !important; } /* link - underline (only text) - static */ .pwr--dark .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):after { content: '' !important; position: absolute; top: auto !important; left: 0 !important; bottom: 0px !important; height: 2px !important; background-color: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 0px !important; transform: none !important; } /* link underline (only text) - hover */ .pwr--dark .pwr-cta--link [class*="cta_button"]:not(.pwr-cta):not(.pwr-cta--hubspot-style):hover::after { background-color: #FFFFFF !important; } /* ======================================================================================================================== GLOBAL | INLINE LINKS =========================================================================================================================== */ /* kill text decoration */ a { text-decoration: none !important; } /* hover */ p a:hover, div a:hover, span a:hover, a:hover { } /* ======================================================================================================================== GLOBAL | INLINE LINKS W/ UNDERLINE =========================================================================================================================== */ /* link 1 & 2 setup for underline - static */ .WOW--INLINE-LINK--3B7C0F, .WOW--INLINE-LINK--FFFFFF { position: relative; display: inline-flex !important; align-items: baseline !important; gap: 0em !important; text-decoration: none !important; } /* link 1 - static */ .WOW--INLINE-LINK--3B7C0F { color: #3B7C0F !important; } /* link 2 - static */ .WOW--INLINE-LINK--FFFFFF { color: #FFFFFF !important; } /* link 1 - hover */ .WOW--INLINE-LINK--3B7C0F:hover { color: #244A0A !important; } /* link 2 - hover */ .WOW--INLINE-LINK--FFFFFF:hover { color: #FFFFFF !important; } /* link 1 & 2 - underline (only text) - static */ .WOW--INLINE-LINK--3B7C0F:after, .WOW--INLINE-LINK--FFFFFF:after { content: '' !important; position: absolute; top: auto !important; left: 0 !important; bottom: 1px !important; height: 2px !important; background-color: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 0px !important; transform: none !important; } /* link 1 underline (only text) - hover */ .WOW--INLINE-LINK--3B7C0F:hover::after { background-color: #244A0A !important; } /* link 2 underline (only text) - hover */ .WOW--INLINE-LINK--FFFFFF:hover::after { background-color: #FFFFFF !important; } /* ======================================================================================================================== GLOBAL | CUSTOM ANIMATED INDICATOR (WOW--NAV-INDICATOR) - Homepage (HP-04) =========================================================================================================================== */ /* base container */ .WOW--NAV-INDICATOR .pwr-tabs__item-wrapper, .WOW--NAV-INDICATOR .pwr-filter__list, .WOW--NAV-INDICATOR .pwr-tags__list, .WOW--NAV-INDICATOR .WOW--nav-wrapper { position: relative; } /* the moving underline */ .WOW--NAV-INDICATOR .WOW--nav-indicator { position: absolute; bottom: 0; height: 2px; background: #3B7C0F; left: var(--indi-left, 0); width: var(--indi-width, 0); transition: left 250ms ease, width 250ms ease; pointer-events: none; } /* optional: disable per-item underline if you had one */ .WOW--NAV-INDICATOR .has-indicator .pwr-tabs__item::after, .WOW--NAV-INDICATOR .has-indicator .pwr-filter__list > li::after { display: none !important; } /* ======================================================================================================================== MODULE HELPERS | MISC =========================================================================================================================== */ .WOW--BOTTOM--AUTO { bottom: auto !important; } .WOW--TOP--50P { top: 50% !important; } .WOW--TRANSFORM-TRANSLATE-Y-N50P { transform: translateY(-50%); } .WOW--BORDER-RADIUS--B-R-64 { border-bottom-right-radius: 64px !important; } .WOW--BORDER--B-2-S-D8D8DC { border-bottom: 2px solid #D8D8DC !important; } .WOW--PAD--B-14 { padding-bottom: 14px !important; } .WOW--COLOR--023B5A { color: #023B5A !important; } .WOW--POS--REL { position: relative !important; } .WOW--COLOR--85E13A { color: #85E13A !important; } .WOW--LINE-HEIGHT--1-30 { line-height: 1.30 !important; } .WOW--BG-COLOR--F2F2F2 { background-color: #F2F2F2 !important; } .WOW--MAR-LR--AUTO { margin-left: auto !important; margin-right: auto !important; } .WOW--TEXT-ALIGN--RIGHT { text-align: right !important; } .WOW--TEXT-ALIGN--LEFT { text-align: left !important; } .WOW--BORDER-RADIUS--4 { border-radius: 4px !important; } .WOW--COLOR--FFFFFF { color: #FFFFFF !important; } .WOW--SLDR--DK-FFFFFF { /* */ } .WOW--BLOG--HEADING { color: #06638F !important; } .WOW--CTA-LINK--SHOW { /* */ } .WOW--HIDE { /* */ } /* ======================================================================================================================== MODULE HELPER | WOW GRADIENT BLOCKER [GB] [30] [FFFFFF] (WOW--GB-30-FFFFFF) - Homepage (HP-02) (HP-08) - Services Detail Template (SD-03) =========================================================================================================================== */ /* setup */ body.homepage .WOW--MODULE-ROW--02, body.homepage .WOW--MODULE-ROW--08, body.services-detail .WOW--MODULE-ROW--03 { position: relative; overflow: hidden; } /* top blocker */ body.homepage .WOW--MODULE-ROW--08::before, body.services-detail .WOW--MODULE-ROW--03::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100vw; height: 40px; background: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0%, #ffffff 100%); pointer-events: none; z-index: 2; } /* bottom blocker */ body.homepage .WOW--MODULE-ROW--02::after, body.homepage .WOW--MODULE-ROW--08::after, body.services-detail .WOW--MODULE-ROW--03::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 40px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0%, #ffffff 100%); pointer-events: none; z-index: 2; } /* ======================================================================================================================== MODULE HELPER | WOW ACCENT BOTTOM [AB] [60] [F2F2F2] (WOW--AB-60-F2F2F2) - Homepage (HP-04A through HP-04F) - Services Detail Template (SD-) =========================================================================================================================== */ /* setup for accent */ .WOW--AB-60-F2F2F2 { position: relative; /* do not add '!important' to position - it will break */ z-index: 0 !important; overflow: visible !important; } /* kill theme animations to avoid pops */ .WOW--AB-60-F2F2F2 .pwr-sec-split *, .WOW--AB-60-F2F2F2 .pwr-sec-split *::before, .WOW--AB-60-F2F2F2 .pwr-sec-split *::after { animation: none !important; transition: none !important; } /* neutralize background for light modules */ .WOW--AB-60-F2F2F2 .pwr--light { background-color: transparent !important; } /* gray accent at bottom spanning gutters */ .WOW--AB-60-F2F2F2::before { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -1px !important; height: 60px !important; background: #F2F2F2 !important; /* center area */ /* paint the gutters w/out affecting layout */ box-shadow: 0 0 0 100vmax #F2F2F2 !important; /* ensure the paint extends to viewport edges only */ clip-path: inset(0 calc(50% - 50vw) 0 calc(50% - 50vw)) !important; z-index: -1 !important; } /* Fallback for browsers that don’t like clip-path calc() */ @supports not (clip-path: inset(0 calc(50% - 50vw))) { .WOW--AB-60-F2F2F2::before { /* Slightly overpaint the edges to dodge subpixel gaps */ left: -1px !important; right: -1px !important; clip-path: none !important; } } /* Print: some engines drop shadows, so draw a full-bleed bar */ @media print { .WOW--AB-60-F2F2F2::before { box-shadow: none !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: 100vw !important; } } /* ======================================================================================================================== GLOBAL | CUSTOM CTA LINK (WOW--CTA-LINK--3B7C0F-16px) (WOW--CTA-ARROW--3B7C0F-16px) - Contact Us (CU-05) - Landing Page (LP-06) =========================================================================================================================== */ /* link */ .WOW--CTA-LINK--3B7C0F-16px { position: relative; display: inline-flex !important; align-items: baseline !important; color: #3B7C0F !important; font-size: 16px !important; gap: 0em !important; vertical-align: middle !important; line-height: 1.6 !important; font-weight: 700 !important; font-family: 'Roboto', sans-serif !important; transition: all calc(.4s * var(--ts-duration-factor, 1)) ease-in-out !important; } /* link - underline only text */ .WOW--CTA-LINK--3B7C0F-16px::after { content: '' !important; position: absolute; left: 0 !important; bottom: 0 !important; height: 2px !important; background: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 0px !important; } /* link - hover */ .WOW--CTA-LINK--3B7C0F-16px:hover { color: #244A0A !important; } /* link underline - hover */ .WOW--CTA-LINK--3B7C0F-16px:hover::after { background: #244A0A !important; } /* arrow - transition */ .WOW--CTA-ARROW--3B7C0F-16px span svg { transition: fill 0.3s ease !important; } /* arrow - color svg on static */ .WOW--CTA-ARROW--3B7C0F-16px span svg { fill: #3B7C0F !important; } /* arrow - static */ .WOW--CTA-ARROW--3B7C0F-16px span { transition: transform calc(.4s * var(--ts-duration-factor, 1)) ease-in-out !important; position: relative !important; transform: translateX(0) !important; } /* arrow - movement on hover */ .WOW--CTA-LINK--3B7C0F-16px:hover + .WOW--CTA-ARROW--3B7C0F-16px { transform: translateX(4px) !important; } /* arrow - color on hover */ .WOW--CTA-LINK--3B7C0F-16px:hover + .WOW--CTA-ARROW--3B7C0F-16px span svg { fill: #244A0A !important; } /* arrow - padding from text */ .WOW--CTA-ARROW--3B7C0F-16px { padding-left: 6px !important; } /* ========================================================================================== GLOBAL | FORMS - HIDE FORM RECAPTCHA BADGE ============================================================================================= */ /* hide recaptcha */ main .hs_recaptcha { width: 0 !important; min-width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; flex: 0 0 0 !important; border: 0 !important; position: absolute !important; pointer-events: none !important; } /* hide badge */ main .grecaptcha-badge { visibility: hidden !important; pointer-events: none !important; position: absolute !important; right: -9999px !important; } /* remove height */ main [data-hsfc-id="Row"]:has([data-hsfc-id="ReCaptchaV2"]) { margin-bottom: 0 !important; margin-top: 0 !important; } main [data-hsfc-id="ReCaptchaV2"] { display: none !important; } /* ========================================================================================== GLOBAL | FORMS - STYLE DEFAULTS ============================================================================================= */ /* main form padding */ main .pwr-form { padding: 24px 28px 36px 28px !important; } /* main form */ main form { font-family: 'Roboto', sans-serif !important; } /* button - static */ main form button { font-size: 16px !important; padding: 21px 32px !important; background-color: #85E13A !important; color: #0A1F2E !important; transition: color 0.3s ease, background-color 0.3s ease !important; line-height: 1.0 !important; font-weight: 800 !important; } /* button - hover */ main form button:hover { background-color: #3B7C0F !important; color: #FFFFFF !important; transform: translateY(0px) !important; } /* fields */ main form input, main form textarea { color: #3B7C0F !important; font-size: 14px !important; font-weight: 500 !important; padding: 16px !important; background-color: #E6E6E6 !important; line-height: 1.3 !important; border: 0 !important; } /* fields - hover */ main form input:hover, main form textarea:hover { border: 0 !important; box-shadow: none !important; } /* remove focus style */ main form input:focus, main form textarea:focus { outline: 0 !important; border: 0 !important; box-shadow: none !important; } /* autofill - Chrome / Safari / Edge (WebKit) */ main form input:-webkit-autofill, main form input:-webkit-autofill:hover, main form input:-webkit-autofill:focus, main form textarea:-webkit-autofill, main form textarea:-webkit-autofill:hover, main form textarea:-webkit-autofill:focus { -webkit-text-fill-color: #3B7C0F !important; /* text color */ caret-color: #3B7C0F !important; font-size: 14px !important; font-weight: 500 !important; /* wipe yellow background */ -webkit-box-shadow: 0 0 0 1000px #fff inset !important; /* use your field bg color here */ box-shadow: 0 0 0 1000px #E6E6E6 inset !important; /* keep it from flashing back to yellow */ transition: background-color 9999s ease-in-out 0s !important; } /* autofill - Firefox */ main form input:-moz-autofill, main form textarea:-moz-autofill { box-shadow: 0 0 0 1000px #E6E6E6 inset !important; /* use your field bg color */ -moz-text-fill-color: #3B7C0F !important; caret-color: #3B7C0F !important; font-size: 14px !important; font-weight: 500 !important; } /* border/radius */ main form input:-webkit-autofill, main form textarea:-webkit-autofill, main form input:-moz-autofill, main form textarea:-moz-autofill { border-color: transparent !important; border-radius: 4px !important; } /* placeholders */ main form ::placeholder { color: #999999 !important; } /* space between label and asterisk */ main form .hsfc-FieldLabel__RequiredIndicator { padding-left: 2px !important; } /* make textarea increase height as you type */ main form textarea { box-sizing: border-box !important; height: 50px !important; /* initial */ resize: none !important; transition: height 0.2s ease !important; /* ensure it wins */ overflow-y: hidden !important; /* hidden unless capped */ transition-property: height !important; /* only height animates */ transition-duration: .2s !important; transition-timing-function: ease !important; will-change: height !important; overflow-anchor: none !important; /* prevent page autoscroll adjustments */ line-height: 1.5 !important; /* make sure line-height is not animating */ } /* Only when capped do we want scrollbars */ main form textarea.is-capped { overflow-y: auto !important; scrollbar-gutter: stable; /* NOT "both-edges" */ } /* Optional Safari fallback: add right padding equal to scrollbar width only when capped */ main form textarea.is-capped.sb-fallback { padding-right: calc(16px + var(--sbw, 16px)); } /* form labels */ main form label { margin-bottom: 4px !important; } /* form field rows */ main form .hsfc-Row { margin-bottom: 12px !important; gap: 16px !important; } /* form button wrapper */ main form .hsfc-NavigationRow { margin-top: 12px !important; } /* telephone country picker */ main form .hsfc-PhoneInput__FlagAndCaret { padding: 8px 16px !important; } /* form button */ main form button { padding: 14px 32px !important; font-size: 14px !important; } /* phone picker separator */ main form .hsfc-PhoneInput:not(.hsfc-PhoneInput--rtl) .hsfc-PhoneInput__FlagAndCaret { border-right-color: #FFFFFF !important; border-right-width: 2px !important; } /* ========================================================================================== GLOBAL | FORMS - STYLE OF DEFAULT DISCLAIMER ============================================================================================= */ /* margin */ main [data-hsfc-id="DataPrivacyField"] > div { margin-bottom: 0 !important; margin-top: 0px !important; } /* style of 1st disclaimer */ main [data-hsfc-id="DataPrivacyField"] { color: #474747 !important; font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; font-size: 12px !important; line-height: 1.6 !important; letter-spacing: 0 !important; text-align: left !important; } /* link - static */ main [data-hsfc-id="DataPrivacyField"] a { text-decoration: underline !important; text-decoration-color: transparent !important; /* hidden at rest */ text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; /* gap below text */ transition: text-decoration-color .25s ease, color .25s ease !important; font-weight: 600 !important; } /* link - hover */ main [data-hsfc-id="DataPrivacyField"] a:hover { color: #023B5A !important; text-decoration-color: #023B5A !important; /* fades in/out */ } /* ========================================================================================== GLOBAL | FORMS - STYLE OF CUSTOM DISCLAIMER (INJECTED VIA JS) ============================================================================================= */ /* custom disclaimer */ main .WOW--form-disclaimer { display: block; width: 100% !important; grid-column: 1 / -1 !important; padding: 0 !important; margin-top: 10px !important; color: #474747 !important; font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; font-size: 10px !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-align: left !important; } /* link static */ main .WOW--form-disclaimer a { text-decoration: underline !important; text-decoration-color: transparent !important; /* hidden at rest */ text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; transition: text-decoration-color .25s ease, color .25s ease !important; font-weight: 600 !important; } /* link - hover */ main .WOW--form-disclaimer a:hover { color: #023B5A !important; text-decoration-color: #023B5A !important; /* fades in/out */ } /* ========================================================================================== GLOBAL | FORMS - PLACEHOLDER STYLE ============================================================================================= */ /* Safari, Google Chrome, Konqueror */ main ::-webkit-input-placeholder { font-family: 'Roboto', sans-serif !important; color: #BFBFBF !important; font-size: 12px !important; line-height: inherit !important; font-style: normal !important; font-weight: 400 !important; opacity: 1 !important; text-transform: none !important; } /* Firefox 18- line-height = input height */ main :-moz-placeholder { font-family: 'Roboto', sans-serif !important; color: #BFBFBF !important; font-size: 12px !important; line-height: 1.3 !important; font-style: normal !important; font-weight: 400 !important; opacity: 1 !important; text-transform: none !important; } /* Firefox 19+ line-height = input height */ main ::-moz-placeholder { font-family: 'Roboto', sans-serif !important; color: #BFBFBF !important; font-size: 12px !important; line-height: 1.3 !important; font-style: normal !important; font-weight: 400 !important; opacity: 1 !important; text-transform: none !important; } /* IE */ main :-ms-input-placeholder { font-family: 'Roboto', sans-serif; color: #BFBFBF !important; font-size: 12px !important; line-height: inherit !important; font-style: normal !important; font-weight: 400 !important; opacity: 1 !important; text-transform: none !important; } /* ========================================================================================== GLOBAL | FORM - ERROR MESSAGES - Services Detail Template (SD-08) [PWR--SEC-TEST--SLDR-FW-MT-LT] - Contact Us (CS-01) [PWR--SEC-FORM--CW-RP-DK] ============================================================================================= */ main form .hsfc-TextInput, main form .hsfc-PhoneInput { margin-bottom: 0px !important; } main form .hsfc-NavigationRow { margin-top: 24px !important; } main form .hsfc-NavigationRow__Alerts { margin-bottom: 8px !important; margin-top: 16px !important; } /* main form .WOW--ERROR-TRIANGLE { color: #EF7279 !important; } */ main form .hsfc-ErrorAlert { font-size: 10px !important; } /* ========================================================================================== GLOBAL | FORM - POST SUBMIT THANK YOU - Services Detail Template (SD-08) [PWR--SEC-TEST--SLDR-FW-MT-LT] - Contact Us (CS-01) [PWR--SEC-FORM--CW-RP-DK] ============================================================================================= */ /* title */ main .pwr-form .hsfc-PostSubmit .hsfc-RichText > p:first-of-type { color: #023B5A !important; font-size: 28px !important; line-height: 1.4 !important; font-weight: 500 !important; margin-top: 8px !important; margin-bottom: 16px !important; } /* text */ main .pwr-form .hsfc-PostSubmit .hsfc-RichText > p + p { color: #474747 !important; font-size: 14px !important; line-height: 1.6 !important; font-weight: 400 !important; margin-top: 0px !important; margin-bottom: 16px !important; } /* last paragraph */ main .pwr-form .hsfc-PostSubmit .hsfc-RichText > p:last-of-type { margin-bottom: 12px !important; } /* ========================================================================================== GLOBAL | SLIDERS - LIGHT - Services Detail Template (SD-08) (PWR--SEC-TEST--SLDR-FW-MT-LT) ============================================================================================= */ /* prev/next buttons - static */ [class*="SLDR"][class*="LT"] .swiper-button-prev, [class*="SLDR"][class*="LT"] .swiper-button-next { color: #85E13A !important; } /* prev/next buttons - hover */ [class*="SLDR"][class*="LT"] .swiper-button-prev:hover, [class*="SLDR"][class*="LT"] .swiper-button-next:hover { color: #3B7C0F !important; opacity: 1 !important; } /* pagination - active - static */ [class*="SLDR"][class*="LT"] .swiper-pagination-bullet-active { background-color: #3B7C0F !important; } /* pagination - active - hover */ [class*="SLDR"][class*="LT"] .swiper-pagination-bullet-active:hover { background-color: #244A0A !important; opacity: 1 !important; } /* pagination - inactive - hover */ [class*="SLDR"][class*="LT"] .swiper-pagination-bullet:hover { background-color: #244A0A !important; opacity: 1 !important; } /* ========================================================================================== GLOBAL | SLIDERS - DARK - Homepage (HP-06) (PWR--SEC-TEST--SLDR-CW-ST-NBR-DK) ============================================================================================= */ /* prev/next buttons - static */ [class*="SLDR"][class*="DK"] .swiper-button-prev, [class*="SLDR"][class*="DK"] .swiper-button-next { color: #85E13A !important; } /* prev/next buttons - hover */ [class*="SLDR"][class*="DK"] .swiper-button-prev:hover, [class*="SLDR"][class*="DK"] .swiper-button-next:hover { color: #3B7C0F !important; opacity: 1 !important; } /* pagination - active - static */ [class*="SLDR"][class*="DK"] .swiper-pagination-bullet-active { background-color: #85E13A !important; } /* pagination - active - hover */ [class*="SLDR"][class*="DK"] .swiper-pagination-bullet-active:hover { background-color: #3B7C0F !important; opacity: 1 !important; } /* pagination - inactive - hover */ [class*="SLDR"][class*="DK"] .swiper-pagination-bullet:hover { background-color: #3B7C0F !important; opacity: 1 !important; } /* ======================================================================================================================== MODULE | TESTIMONIAL [SEC] [SLIDER] [CONTENT WIDTH] [SINGLE TESTIMONIAL] [NOTCH BOTTOM RIGHT] [DARK] (PWR--SEC-TEST--SLDR-CW-ST-NBR-DK) - Homepage (HP-06) =========================================================================================================================== */ /* wrapper bottom right notch */ .PWR--SEC-TEST--SLDR-CW-ST-NBR-DK { border-bottom-right-radius: 64px !important; } /* name */ .pwr-testimonial__name { color: #54C8E7 !important; } /* adjust heading */ .PWR--SEC-TEST--SLDR-CW-ST-NBR-DK .pwr-sec-testimonials__intro-sec { margin-bottom: 48px !important; } /* adjust text */ .PWR--SEC-TEST--SLDR-CW-ST-NBR-DK .pwr-testimonial__quote { font-weight: 300 !important; font-size: 24px !important; } /* adjust name */ .PWR--SEC-TEST--SLDR-CW-ST-NBR-DK .pwr-testimonial__name { font-size: 14px !important; font-weight: 500 !important; } /* adjust title */ .PWR--SEC-TEST--SLDR-CW-ST-NBR-DK .pwr-testimonial__job-title { font-size: 14px !important; font-weight: 300 !important; } /* ========================================================================================== GLOBAL | SLIDERS - DARK - MODIFIED COLOR (FFFFFF) - Landing Page Template (LP-01) (PWR--SEC-HERO--SLDR-FW-SI-DK) (WOW--SLDR--DK-FFFFFF) ============================================================================================= */ /* prev/next buttons - static */ [class*="SLDR"][class*="DK"].WOW--SLDR--DK-FFFFFF .swiper-button-prev, [class*="SLDR"][class*="DK"].WOW--SLDR--DK-FFFFFF .swiper-button-next { color: #FFFFFF !important; } /* prev/next buttons - hover */ [class*="SLDR"][class*="DK"].WOW--SLDR--DK-FFFFFF .swiper-button-prev:hover, [class*="SLDR"][class*="DK"].WOW--SLDR--DK-FFFFFF .swiper-button-next:hover { color: #3B7C0F !important; opacity: 1 !important; } /* pagination - active - static */ [class*="SLDR"][class*="DK"].WOW--SLDR--DK-FFFFFF .swiper-pagination-bullet-active { background-color: #FFFFFF !important; } /* pagination - active - hover */ [class*="SLDR"][class*="DK"].WOW--SLDR--DK-FFFFFF .swiper-pagination-bullet-active:hover { background-color: #3B7C0F !important; opacity: 1 !important; } /* pagination - inactive - hover */ [class*="SLDR"][class*="DK"].WOW--SLDR--DK-FFFFFF .swiper-pagination-bullet:hover { background-color: #3B7C0F !important; opacity: 1 !important; } /* make transparent so border radius (if used) renders correctly */ [class*="SLDR"][class*="DK"].WOW--SLDR--DK-FFFFFF { background-color: transparent !important; } /* vertically center hero text/button against background image */ [class*="SLDR"][class*="DK"].WOW--SLDR--DK-FFFFFF .pwr-hero__info-box { bottom: auto !important; top: 50% !important; transform: translateY(-50%) !important; } /* move prev button for this module */ .PWR--SEC-HERO--SLDR-FW-SI-DK.WOW--SLDR--DK-FFFFFF .swiper-button-prev { left: 40px !important; } /* move next button for this module */ .PWR--SEC-HERO--SLDR-FW-SI-DK.WOW--SLDR--DK-FFFFFF .swiper-button-next { right: 40px !important; } /* ========================================================================================== GLOBAL | ACCORDIONS - LT - Services Detail Template (SD-13) (PWR--SEC-ACCO--CW-LT) ============================================================================================= */ /* recolor '+' icon - closed - static */ [class*="ACCO"][class*="LT"] .pwr-accordion__icon::before, [class*="ACCO"][class*="LT"] .pwr-accordion__icon::after { background-color: #3B7C0F !important; } /* recolor '+' icon - closed - hover */ [class*="ACCO"][class*="LT"] .pwr-accordion:hover .pwr-accordion__icon::before, [class*="ACCO"][class*="LT"] .pwr-accordion:hover .pwr-accordion__icon::after { background-color: #FFFFFF !important; } /* recolor '-' icon - opened - hover */ [class*="ACCO"][class*="LT"] .pwr-accordion.active:hover .pwr-accordion__icon::before, [class*="ACCO"][class*="LT"] .pwr-accordion.active:hover .pwr-accordion__icon::after { background-color: #244A0A !important; } /* accordion item title font style - opened - static */ [class*="ACCO"][class*="LT"] .pwr-accordion__title { color: #023B5A !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.60 !important; } /* accordion item text font style - opened - static */ [class*="ACCO"][class*="LT"] .pwr-accordion__desc { font-size: 16px !important; font-weight: 400 !important; line-height: 1.60 !important; } /* recolor active sections - opened - static */ [class*="ACCO"][class*="LT"] .pwr-accordion.active > span, [class*="ACCO"][class*="LT"] .pwr-accordion.active > span + span { background-color: #F2F2F2 !important; color: #023B5A !important; } /* text - opened - hover */ [class*="ACCO"][class*="LT"] .pwr-accordion.active:not(.pwr-accordion--text-only):hover > span, [class*="ACCO"][class*="LT"] .pwr-accordion.active:not(.pwr-accordion--text-only):hover > span + span { background-color: #F2F2F2 !important; color: #023B5A !important; } /* adjust eyebrow */ [class*="ACCO"][class*="LT"] .pwr-sec__title-intro { margin-bottom: 8px !important; } /* adjust heading */ [class*="ACCO"][class*="LT"] .pwr-sec-accordion__intro-sec { margin-bottom: 40px !important; } /* ========================================================================================== GLOBAL | ACCORDIONS - DK - ============================================================================================= */ [class*="ACCO"][class*="DK"] { /* */ } /* ======================================================================================================================== MODULE | HERO [SEC] [FULL WIDTH] [NOTCH BOTTOM RIGHT] [DARK] (PWR--SEC-HERO--FW-NBR-DK) - Homepage (HP-01) =========================================================================================================================== */ /* make transparent so border radius (if used) renders correctly */ .PWR--SEC-HERO--FW-NBR-DK { background-color: transparent !important; } /* vertically center hero text/button against background image */ .PWR--SEC-HERO--FW-NBR-DK .pwr-hero__info-box { bottom: auto !important; top: 50% !important; transform: translateY(-50%) !important; } /* add border radius to bottom right corner */ .PWR--SEC-HERO--FW-NBR-DK img { border-bottom-right-radius: 64px !important; } /* adjust text */ .PWR--SEC-HERO--FW-NBR-DK .pwr-hero__desc { margin: 24px 0px 34px 0px !important; } /* ======================================================================================================================== MODULE | HERO [SEC] [FULL WIDTH] [DARK] (PWR--SEC-HERO--FW-DK) - Services Detail Template (SD-01) - Case Studies (CS-01) - Press Releases (PR-01) =========================================================================================================================== */ /* make transparent so border radius (if used) renders correctly */ .PWR--SEC-HERO--FW-DK { background-color: transparent !important; } /* vertically center hero text/button against background image */ .PWR--SEC-HERO--FW-DK .pwr-hero__info-box { bottom: auto !important; top: 50% !important; transform: translateY(-50%) !important; } /* ======================================================================================================================== GLOBAL | BREADCRUMBS [SEC] [CONTENT WIDTH] [LIGHT] (PWR--SEC-BRDC--CW-LT) - Services Detail Template (SD-02) - Contact Us (CU-02) - Video Listing (VL-02) - Case Studies (CS-02) - Press Releases (PR-02) =========================================================================================================================== */ /* breadcrumb item setup for overrides */ body:not(.homepage) .WOW--MODULE-ROW--02:has(.pwr-sec-breadcrumbs__list-item) { padding-top: 0px !important; padding-bottom: 0px !important; border-bottom: 2px solid #D8D8DC !important; /* transition: padding 0.2s ease !important; */ } /* breadcrumb item */ body:not(.homepage) .WOW--MODULE-ROW--02 .pwr-sec-breadcrumbs__list-item a { color: #023B5A !important; position: relative; } /* breadcrumb item on hover */ body:not(.homepage) .WOW--MODULE-ROW--02 .pwr-sec-breadcrumbs__list-item a:hover { /* color: #85E13A !important */ } /* underline - static */ body:not(.homepage) .WOW--MODULE-ROW--02 .pwr-sec-breadcrumbs__list-item a::after { content: '' !important; position: absolute; left: 0px !important; bottom: -1px !important; width: calc(100% - 0px) !important; height: 1px !important; background: transparent !important; pointer-events: none !important; transition: background .3s ease !important; } /* underline - hover */ body:not(.homepage) .WOW--MODULE-ROW--02 .pwr-sec-breadcrumbs__list-item a:hover::after { background: #023B5A !important; } /* change "/" to "›" */ body:not(.homepage) .WOW--MODULE-ROW--02 .pwr-sec-breadcrumbs__list-item:not(:last-child):after { content: '›' !important; color: #023B5A !important; opacity: 1 !important; font-weight: 200 !important; } /* STUCK - sticky breadcrumb styles */ body:not(.homepage) .WOW--MODULE-ROW--02.is-stuck-breadcrumb { position: fixed !important; left: 0 !important; right: 0 !important; top: var(--header-height, 0px) !important; z-index: 9 !important; /* above body content */ transform: translateZ(0) !important; background-image: linear-gradient(rgba(216, 216, 220, 1), rgba(216, 216, 220, 1)) !important; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); /* padding-top: 0 !important; */ /* padding-bottom: 0 !important; */ } /* STUCK - spacer used to avoid layout jump with breadcrumb */ body:not(.homepage) .breadcrumb-spacer { width: 100% !important; height: 0 !important; pointer-events: none !important; } /* STUCK - remove box shadow from header */ body:not(.homepage).header-stuck .pwr-header-fixed.scroll { box-shadow: none !important; } /* ======================================================================================================================== MODULE | CTA [SEC] [CONTENT WIDTH] [LIGHT] (PWR--SEC-CTA--CW-LT) - Homepage (HP-02) (HP-09) - Services Detail Template (SD-03) - Landing Page Template (LP-02) (LP-04) (LP-06) =========================================================================================================================== */ .PWR--SEC-CTA--CW-LT .pwr-sec-cta__title--vertical + .pwr-sec-cta__desc--vertical { margin-top: 16px !important; } /* ========================================================================================== MODULE | CTA [SEC] [CONTENT WIDTH] [DARK] (PWR--SEC-CTA--CW-DK) - Homepage (HP-03) (HP-10) ============================================================================================= */ /* background transparent */ .PWR--SEC-CTA--CW-DK { background-color: transparent !important; } /* title line-height */ .PWR--SEC-CTA--CW-DK .pwr-sec-cta__title { line-height: 1.30 !important; } /* PAGE SPECIFIC */ body.homepage .WOW--MODULE-ROW--03 > .row-fluid > .span12 { border-radius: 4px !important; } /* center solo text link */ .PWR--SEC-CTA--CW-DK.WOW--MAR-LR--AUTO .pwr-sec-cta__cta--right { margin-left: auto !important; margin-right: auto !important; } /* adjust text */ .PWR--SEC-CTA--CW-DK .pwr-sec-cta__title+.pwr-sec-cta__desc { margin-top: 8px !important; } /* adjust cta gap */ .PWR--SEC-CTA--CW-DK .pwr-sec-cta__cta-wrapper { gap: 24px !important; } /* ========================================================================================== MODULE | CTA [SEC] [FULL WIDTH] [NOTCH TOP RIGHT] [DARK] (PWR--SEC-CTA--FW-NTR-DK) - Services Detail Template (SD-11) ============================================================================================= */ .PWR--SEC-CTA--FW-NTR-DK { background-color: #F2F2F2 !important } .PWR--SEC-CTA--FW-NTR-DK picture img { border-top-right-radius: 64px !important; } .PWR--SEC-CTA--FW-NTR-DK .pwr-sec-cta__title { line-height: 1.30 !important; } /* ========================================================================================== MODULE | CTA [SEC] [FULL WIDTH] [REPEATING PATTERN] [DARK] (PWR--SEC-CTA--FW-RP-DK) - Services Detail Template (SD-12) - Contact Us (CU-04) - Landing Page Template (LP-07) - Blog Listing (BL-03) - Video Listing (VL-06) - Case Studies (CS-06) ============================================================================================= */ /* setup for repeating "background" pattern */ [class*="WOW--MODULE-ROW--"]:has(.PWR--SEC-CTA--FW-RP-DK) { position: relative; overflow: hidden !important; } /* repeating "background" pattern (services detail template) */ [class*="WOW--MODULE-ROW--"]:has(.PWR--SEC-CTA--FW-RP-DK)::before { content: "" !important; position: absolute !important; inset: 0 !important; background-image: url("https://2497333.fs1.hubspotusercontent-na1.net/hubfs/2497333/Whereoware/Website%20Assets/2025/_Global/patterns/20251017_patterns_dots_1920x345_E0E0E0.png") !important; background-repeat: repeat-y !important; background-size: auto !important; opacity: 0.05 !important; /* fade as needed */ pointer-events: none !important; } /* notch top right */ .PWR--SEC-CTA--FW-RP-DK picture img { border-top-right-radius: 64px !important; } /* line height */ .PWR--SEC-CTA--FW-RP-DK .pwr-sec-cta__title { line-height: 1.30 !important; font-weight: 400 !important; } .PWR--SEC-CTA--FW-RP-DK .pwr-sec-cta__desc { margin-top: 8px !important; font-weight: 300 !important; } /* ======================================================================================================================== MODULE | SERVICES [SUB] [NOTCH TOP RIGHT] [NO ICON] [LIGHT] (PWR--SUB-SVCS--NTR-NI-LT) - Services Detail Template (SD-03) =========================================================================================================================== */ /* cards (4 rows of 3 columns supported) */ body.services-detail .WOW--MODULE-ROW--03B--COL-01, body.services-detail .WOW--MODULE-ROW--03B--COL-02, body.services-detail .WOW--MODULE-ROW--03B--COL-03, body.services-detail .WOW--MODULE-ROW--03C--COL-01, body.services-detail .WOW--MODULE-ROW--03C--COL-02, body.services-detail .WOW--MODULE-ROW--03C--COL-03, body.services-detail .WOW--MODULE-ROW--03D--COL-01, body.services-detail .WOW--MODULE-ROW--03D--COL-02, body.services-detail .WOW--MODULE-ROW--03D--COL-03, body.services-detail .WOW--MODULE-ROW--03E--COL-01, body.services-detail .WOW--MODULE-ROW--03E--COL-02, body.services-detail .WOW--MODULE-ROW--03E--COL-03 { border-radius: 4px !important; border-top-right-radius: 24px !important; justify-content: flex-end !important; } /* card padding for no icon */ .PWR--SUB-SVCS--NTR-NI-LT .pwr-services a { padding-left: 0 !important; } /* card title */ .PWR--SUB-SVCS--NTR-NI-LT .pwr-services-item__title { color: #023B5A !important; font-size: 24px !important; line-height: 1.6 !important; font-weight: 500 !important; } /* card description */ .PWR--SUB-SVCS--NTR-NI-LT .pwr-services-item__desc { line-height: 1.6 !important; } /* card link/icon - static */ .PWR--SUB-SVCS--NTR-NI-LT .pwr-services-item__more-link { position: relative; display: inline-flex !important; align-items: baseline !important; color: #3B7C0F !important; font-size: 16px !important; gap: 0em !important; vertical-align: middle !important; line-height: 1.6 !important; } /* card link - underline only text */ .PWR--SUB-SVCS--NTR-NI-LT .pwr-services-item__more-link::after { content: '' !important; position: absolute; left: 0 !important; bottom: 0 !important; height: 2px !important; background: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 25px !important; } /* card link/icon - hover */ .PWR--SUB-SVCS--NTR-NI-LT .pwr-services-item__more-link:hover { color: #244A0A !important; } /* card link underline - hover */ .PWR--SUB-SVCS--NTR-NI-LT .pwr-services-item__more-link:hover::after { background: #244A0A !important; } /* icon margin */ .PWR--SUB-SVCS--NTR-NI-LT img { margin-top: 0px !important; } /* ======================================================================================================================== MODULE | SERVICES [SUB] [BOXED] [LIGHT] (PWR--SUB-SVCS--BX-LT) - Contact Us (CU-03) - Blog Listing (BL-02) - Video Listing (VL-05) - Case Studies (CS-05) - Press Releases (PR-05) =========================================================================================================================== */ /* cards (4 rows of 3 columns supported) */ body.contact-us .WOW--MODULE-ROW--03B--COL-01, body.contact-us .WOW--MODULE-ROW--03B--COL-02, body.contact-us .WOW--MODULE-ROW--03B--COL-03, body.contact-us .WOW--MODULE-ROW--03C--COL-01, body.contact-us .WOW--MODULE-ROW--03C--COL-02, body.contact-us .WOW--MODULE-ROW--03C--COL-03, body.contact-us .WOW--MODULE-ROW--03D--COL-01, body.contact-us .WOW--MODULE-ROW--03D--COL-02, body.contact-us .WOW--MODULE-ROW--03D--COL-03, body.contact-us .WOW--MODULE-ROW--03E--COL-01, body.contact-us .WOW--MODULE-ROW--03E--COL-02, body.contact-us .WOW--MODULE-ROW--03E--COL-03 { justify-content: flex-start !important; padding: 16px 24px !important; margin-left: 0px !important; border-right: 2px solid #D8D8DC !important; } /* cards - last columns */ body.contact-us .WOW--MODULE-ROW--03B--COL-03, body.contact-us .WOW--MODULE-ROW--03C--COL-03, body.contact-us .WOW--MODULE-ROW--03C--COL-03, body.contact-us .WOW--MODULE-ROW--03C--COL-03 { border-width: 0px !important; } /* card title */ .PWR--SUB-SVCS--BX-LT .pwr-services-item__title { color: #023B5A !important; font-size: 24px !important; line-height: 1.5 !important; font-weight: 500 !important; margin-top: 16px !important; } /* card title - contact us */ body.contact-us .PWR--SUB-SVCS--BX-LT .pwr-services-item__title { font-size: 32px !important; line-height: 1.3 !important; margin-top: 24px !important; } /* card description */ .PWR--SUB-SVCS--BX-LT .pwr-services-item__desc { line-height: 1.6 !important; margin-top: 8px !important; } /* card link/icon - static */ .PWR--SUB-SVCS--BX-LT .pwr-services-item__more-link { position: relative; display: inline-flex !important; align-items: baseline !important; color: #3B7C0F !important; font-size: 16px !important; gap: 0em !important; vertical-align: middle !important; line-height: 1.6 !important; } /* card link - underline only text */ .PWR--SUB-SVCS--BX-LT .pwr-services-item__more-link::after { content: '' !important; position: absolute; left: 0 !important; bottom: 0 !important; height: 2px !important; background: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 25px !important; } /* card link/icon - hover */ .PWR--SUB-SVCS--BX-LT .pwr-services-item__more-link:hover { color: #244A0A !important; } /* card link underline - hover */ .PWR--SUB-SVCS--BX-LT .pwr-services-item__more-link:hover::after { background: #244A0A !important; } /* icon margin */ .PWR--SUB-SVCS--BX-LT img { margin-top: 0px !important; } /* */ .PWR--SUB-SVCS--BX-LT.WOW--TEXT-ALIGN--LEFT .pwr--align-c { text-align: left !important; } /* related content group - video listing/case studies/press releases */ .WOW--MODULE-ROW--05B:has(.PWR--SUB-SVCS--BX-LT) { margin-top: 8px !important; } /* related content group - blog listing */ .WOW--MODULE-ROW--02B:has(.PWR--SUB-SVCS--BX-LT) { margin-top: 8px !important; } /* ======================================================================================================================== MODULE | CONTENT SPLIT [SEC] [IMAGE LEFT] [NOTCH TOP LEFT] [LIGHT] (PWR--SEC-CSPLT--CW-IL-NTL-LT) - Services Detail Template (SD-04) =========================================================================================================================== */ /* border radius */ .PWR--SEC-CSPLT--CW-IL-NTL-LT img { border-top-left-radius: 64px !important; } /* padding */ .PWR--SEC-CSPLT--CW-IL-NTL-LT .pwr-sec-split__content { padding-top: 40px !important; padding-bottom: 96px !important; padding-left: 40px !important; padding-right: 40px !important; } /* remove padding below paragraphs */ .PWR--SEC-CSPLT--CW-IL-NTL-LT .pwr-sec-split__content .pwr-rich-text p { margin-bottom: 0px !important; } /* ======================================================================================================================== MODULE | CONTENT SPLIT [IMAGE RIGHT] [NOTCH TOP RIGHT] [ACCENT BOTTOM] [LIGHT] (PWR--SEC-CSPLT--CW-IR-NTR-AB-LT) - Homepage (HP-04A through HP-04F) - Services Detail Template (SD-05) =========================================================================================================================== */ /* notch */ .PWR--SEC-CSPLT--CW-IR-NTR-AB-LT img { border-top-right-radius: 64px !important; } /* padding */ .PWR--SEC-CSPLT--CW-IR-NTR-AB-LT .pwr-sec-split__content { padding-top: 40px !important; padding-bottom: 96px !important; padding-left: 40px !important; padding-right: 40px !important; } /* remove padding below paragraphs */ .PWR--SEC-CSPLT--CW-IR-NTR-AB-LT .pwr-sec-split__content .pwr-rich-text p { margin-bottom: 0px !important; } /* adjust eyebrow */ .PWR--SEC-CSPLT--CW-IR-NTR-AB-LT .pwr-sec__title-intro { margin-bottom: 8px !important; } /* adjust text */ .PWR--SEC-CSPLT--CW-IR-NTR-AB-LT .pwr-sec-split__title + .pwr-sec-split__desc { margin-top: 16px !important; } /* adjust button */ .PWR--SEC-CSPLT--CW-IR-NTR-AB-LT .pwr-sec-split__cta-container { margin-top: 56px !important; } /* ======================================================================================================================== MODULE | CONTENT SPLIT [SEC] [IMAGE RIGHT] [NOTCH TOP RIGHT] [LIGHT] (PWR--SEC-CSPLT--CW-IR-NTR-DK) - Homepage (HP-08) =========================================================================================================================== */ /* notch */ .PWR--SEC-CSPLT--CW-IR-NTR-DK img { border-top-right-radius: 64px !important; } /* padding */ .PWR--SEC-CSPLT--CW-IR-NTR-DK .pwr-sec-split__content { padding-top: 40px !important; padding-bottom: 40px !important; padding-left: 40px !important; padding-right: 40px !important; background-color: #0A1F2E !important; } /* remove padding below paragraphs */ .PWR--SEC-CSPLT--CW-IR-NTR-DK .pwr-sec-split__content .pwr-rich-text p { margin-bottom: 0px !important; } .PWR--SEC-CSPLT--CW-IR-NTR-DK .pwr-sec-split__title+.pwr-sec-split__desc { margin-top: 16px !important; font-weight: 400 !important; } /* adjust button */ .PWR--SEC-CSPLT--CW-IR-NTR-DK .pwr-sec-split__cta-container { margin-top: 56px !important; } /* ======================================================================================================================== MODULE | IMAGES [SEC] [SLIDER] [MULTIPLE IMAGES] [LIGHT] (PWR--SEC-IMGS--SLDR-CW-MI-LT) - Homepage (HP-07) - Services Detail (SD-06) (SD-11) =========================================================================================================================== */ /* remove margin under title */ .PWR--SEC-IMGS--SLDR-CW-MI-LT .pwr-sec-images__intro-sec { margin-bottom: 24px !important; } /* ======================================================================================================================== MODULE | TESTIMONIAL [SEC] [SLIDER] [FULL WIDTH] [MULTIPLE TESTIMONIALS] [LIGHT] (PWR--SEC-TEST--SLDR-FW-MT-LT) - Services Detail Template (SD-08) =========================================================================================================================== */ /* card */ .PWR--SEC-TEST--SLDR-FW-MT-LT .pwr-testimonial { border-radius: 4px !important; border-top-right-radius: 64px !important; border: 1px solid #D8D8DC !important; } /* name */ .PWR--SEC-TEST--SLDR-FW-MT-LT .pwr-testimonial__name { color: #023B5A !important; } /* title */ .PWR--SEC-TEST--SLDR-FW-MT-LT .pwr-testimonial__job-title { color: #023B5A !important; } /* quote */ .PWR--SEC-TEST--SLDR-FW-MT-LT .pwr-testimonial__quote { color: #023B5A !important; } /* intro margin */ .PWR--SEC-TEST--SLDR-FW-MT-LT .pwr-sec-testimonials__intro-sec { margin-bottom: 80px !important; } /* ======================================================================================================================== MODULE | STATS [SEC] [LIGHT] (PWR--SEC-STAT--CW-LT) - Homepage (HP-05) - Services Detail Template (SD-09) =========================================================================================================================== */ /* style of stat number */ .PWR--SEC-STAT--CW-LT .pwr-stat__number { font-size: 80px !important; color: #06638F !important; } /* color of stat suffix */ .PWR--SEC-STAT--CW-LT .pwr-stat__suffix { color: #06638F !important; } /* color of stat title */ .PWR--SEC-STAT--CW-LT .pwr-stat__title { color: #023B5A !important; font-weight: 700 !important; padding-top: 8px !important; } /* heading */ .PWR--SEC-STAT--CW-LT .pwr-sec-stats__intro-sec { margin-bottom: 40px !important; } /* ======================================================================================================================== MODULE | FORM [SEC] [CONTENT WIDTH] [DARK] (PWR--SEC-FORM--CW-RP-DK) - Services Detail Template (SD-14) - Contact Us (CU-01) =========================================================================================================================== */ /* setup for repeating "background" pattern */ body.services-detail .WOW--MODULE-ROW--14:has(.PWR--SEC-FORM--CW-RP-DK) { position: relative; overflow: hidden !important; } /* repeating "background" pattern (services detail template) */ body.services-detail .WOW--MODULE-ROW--14:has(.PWR--SEC-FORM--CW-RP-DK)::before { content: "" !important; position: absolute !important; inset: 0 !important; /* background-image: url("https://2497333.fs1.hubspotusercontent-na1.net/hubfs/2497333/Whereoware/Website%20Assets/2025/_Global/patterns/20251017_patterns_dots_1920x774.png") !important; */ background-image: url("https://2497333.fs1.hubspotusercontent-na1.net/hubfs/2497333/Whereoware/Website%20Assets/2025/_Global/patterns/20251017_patterns_dots_1920x345_E0E0E0.png") !important; background-repeat: repeat-y !important; background-size: auto !important; opacity: 0.10 !important; /* fade as needed */ pointer-events: none !important; } /* setup for repeating "background" pattern */ body.contact-us .WOW--MODULE-ROW--01:has(.PWR--SEC-FORM--CW-RP-DK) { position: relative; overflow: hidden !important; } /* repeating "background" pattern (contact us) */ body.contact-us .WOW--MODULE-ROW--01:has(.PWR--SEC-FORM--CW-RP-DK)::before { content: "" !important; position: absolute !important; inset: 0 !important; /* background-image: url("https://2497333.fs1.hubspotusercontent-na1.net/hubfs/2497333/Whereoware/Website%20Assets/2025/_Global/patterns/20251017_patterns_dots_1920x774.png") !important; */ background-image: url("https://2497333.fs1.hubspotusercontent-na1.net/hubfs/2497333/Whereoware/Website%20Assets/2025/_Global/patterns/20251017_patterns_dots_1920x345_E0E0E0.png") !important; background-repeat: repeat-y !important; background-size: auto !important; opacity: 0.10 !important; /* fade as needed */ pointer-events: none !important; } /* padding */ .PWR--SEC-FORM--CW-RP-DK .hsfc-Step__Content { padding: 0 !important; } /* description text */ .PWR--SEC-FORM--CW-RP-DK .hsfc-RichText { color: #474747 !important; font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; font-size: 10px !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-align: left !important; transition: all 0.3s ease; } /* adjust min height */ .PWR--SEC-FORM--CW-RP-DK textarea { min-height: 50px !important; } /* ======================================================================================================================== MODULE | IMAGE BOXES [SEC] [CONTENT WIDTH] [NOTCH TOP RIGHT] [DARK] (PWR--SEC-IMGB--CW-NTR-DK) - Landing Page Template (LP-03) =========================================================================================================================== */ /* landing page template - bottom layer background color behind notch */ .WOW--MODULE-ROW--03:has(.PWR--SEC-IMGB--CW-NTR-DK) { position: relative !important; overflow: hidden !important; background-color: #FFFFFF !important; } /* landing page template - top layer row color with notch */ .WOW--MODULE-ROW--03:has(.PWR--SEC-IMGB--CW-NTR-DK)::before { content: '' !important; position: absolute !important; inset: 0 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: #0A1F2E !important; border-top-right-radius: 64px !important; } /* landing page template - force 1:1 size */ .PWR--SEC-IMGB--CW-NTR-DK .pwr-3D-box { width: 282px !important; height: 282px !important; } .PWR--SEC-IMGB--CW-NTR-DK .pwr-sec-image-boxes__intro-sec { margin-bottom: 40px !important; } /* video title */ .PWR--SEC-IMGB--CW-NTR-DK .pwr-image-box__title { font-weight: 500 !important; font-size: 19px !important; line-height: 1.6 !important; } /* video title container */ .PWR--SEC-IMGB--CW-NTR-DK .pwr-image-box__below { padding: 16px 0px 35px 0px !important; } /* hide cta text link on hover, but keep clickable */ .PWR--SEC-IMGB--CW-NTR-DK .pwr-image-box__more-link { /* display: none !important; */ } /* ======================================================================================================================== MODULE | IMAGE BOXES [SUB] [LIGHT] (PWR--SUB-IMGB--CW-LT) - Homepage (HP-02) =========================================================================================================================== */ /* adjust title */ .PWR--SUB-IMGB--LT .pwr-image-box__title { color: #023B5A !important; font-weight: 500 !important; } /* adjust text */ .PWR--SUB-IMGB--LT .pwr-image-box__below { padding-top: 24px !important; } /* adjust text wrapper */ .PWR--SUB-IMGB--LT .pwr-image-box__desc { padding-top: 8px !important; } /* adjust text */ .PWR--SUB-IMGB--LT .pwr-image-box__desc p { font-size: 16px !important; } /* ======================================================================================================================== MODULE | IMAGE BOXES [SUB] [CUSTOM LINK] [LIGHT] (PWR--SUB-IMGB--CL-LT) - Contact Us (CU-05) =========================================================================================================================== */ /* padding */ .PWR--SUB-IMGB--CL-LT .pwr-image-box__below { padding-bottom: 13px !important; } /* title color */ .PWR--SUB-IMGB--CL-LT .pwr-image-box__title { color: #023B5A !important; } /* ======================================================================================================================== MODULE | IMAGE BOXES [SUB] [BORDER] [CUSTOM LINK] [LIGHT] (PWR--SUB-IMGB--BR-CL-LT) - Landing Page Template (LP-06) =========================================================================================================================== */ /* padding */ .PWR--SUB-IMGB--BR-CL-LT .pwr-image-box__below { padding: 24px 24px 24px 24px !important; } /* intro */ .PWR--SUB-IMGB--BR-CL-LT .pwr-image-box__intro { font-size: 14px !important; font-weight: 500 !important; line-height: 1.6 !important; color: #7F7F7F !important; } /* title color */ .PWR--SUB-IMGB--BR-CL-LT .pwr-image-box__title { color: #023B5A !important; } /* text */ .PWR--SUB-IMGB--BR-CL-LT .pwr-image-box__desc p { font-size: 14px !important; } /* cards */ .PWR--SUB-IMGB--BR-CL-LT .pwr-image-box--one-by-one { border: 2px solid #D8D8DC !important; border-radius: 6px !important; border-bottom: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } /* images */ .PWR--SUB-IMGB--BR-CL-LT .pwr-image-box__img img { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } /* custom cta link */ div:has(.PWR--SUB-IMGB--BR-CL-LT) .WOW--CTA-LINK--3B7C0F-16px-CONTAINER { padding: 0px 24px 40px 24px !important; border: 2px solid #D8D8DC !important; border-radius: 6px !important; border-top: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } /* ======================================================================================================================== MODULE | TEXT [SEC] [CONTENT WIDTH] [LIGHT] (PWR--SEC-TEXT--CW-LT) - Homepage (HP-04) =========================================================================================================================== */ /* adjust text under heading */ .PWR--SEC-TEXT--CW-LT .pwr-rich-text { font-size: 18px !important; } /* ======================================================================================================================== MODULE | ADVANCED TABS [SEC] [CONTENT WIDTH] [LIGHT] (PWR--SEC-ATABS--CW-LT) - Homepage (HP-04) =========================================================================================================================== */ /* tab filter wrapper - active */ .PWR--SEC-ATABS--CW-LT .pwr-tabs__style-underline .pwr-tabs__item--active { background-color: #F2F2F2; !important; } /* tab filter text - inactive */ .PWR--SEC-ATABS--CW-LT .pwr-tabs__style-underline .pwr-tabs__item--active .pwr-tabs__item-title { color: #3B7C0F !important; transition: color 0.3s ease !important; font-weight: 700 !important; } /* tab filter - static */ .PWR--SEC-ATABS--CW-LT .pwr-tabs__item-title { font-size: 14px; !important; transition: color 0.3s ease !important; font-weight: 500 !important; } /* tab filter - hover */ .PWR--SEC-ATABS--CW-LT .pwr-tabs__item-title:hover, .PWR--SEC-ATABS--CW-LT .pwr-tabs__item:hover { color: #3B7C0F !important; font-weight: 500 !important; } /* active item underline */ .PWR--SEC-ATABS--CW-LT .pwr-tabs__style-underline .pwr-tabs__item--active { border-bottom-color: #3B7C0F !important; } /* correct bottom padding of tab nav (no option for custom in theme) */ .PWR--SEC-ATABS--CW-LT.pwr--sec-padding-t-sm { padding-bottom: 56px !important; } /* ======================================================================================================================== MODULE | BLOG PREVIEW [SEC] [CONTENT WIDTH] [border] [LIGHT] (PWR--SEC-PRVW--CW-BR-LT) - Homepage (HP-09) - Landing Page Template (LP-02) =========================================================================================================================== */ /* add border to cards */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item { border: 2px solid #D8D8DC !important; border-radius: 6px !important; } /* blog post preview title - static */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__title { color: #023B5A !important; font-size: 24px !important; } /* blog post preview link - static */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__more-link { color: #3B7C0F !important; font-size: 16px !important; } /* blog post preview title/link - hover */ .PWR--SEC-PRVW--CW-BR-LT .pwr-3D-box:hover .pwr-post-item__title, .PWR--SEC-PRVW--CW-BR-LT .pwr-3D-box:hover .pwr-post-item__more-link { color: #FFFFFF !important; } /* blog tag/filter added via JS - static */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__author span { font-size: 14px !important; color: #7F7F7F !important; font-weight: 500 !important; line-height: 1.6 !important; transition: color 0.3s ease !important; } /* adjust info box */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__info-box { padding: 24px 24px 40px 24px !important; width: 100% !important; } /* blog tag/filter added via JS - hover */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item:hover .pwr-post-item__author span { color: #FFFFFF !important; } /* adjust post title */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__author + .pwr-post-item__title { margin-top: 0px !important; padding-bottom: 8px !important; } /* adjust post text */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__desc { margin-top: 0px !important; padding-bottom: 24px !important; } /* adjust post cta - static */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__desc + .pwr-post-item__more-link { margin-top: 0px !important; padding-bottom: 0px !important; position: relative; display: inline-flex !important; align-items: baseline !important; gap: 0em !important; vertical-align: middle !important; } /* link - underline (only text) - static */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__desc + .pwr-post-item__more-link::after { content: '' !important; position: absolute; left: 0 !important; bottom: 0px !important; height: 2px !important; background: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 25px !important; } /* link underline (only text) - hover */ .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__desc + .pwr-post-item__more-link:hover::after { background: #FFFFFF !important; } .PWR--SEC-PRVW--CW-BR-LT .pwr-post-item__author { padding-bottom: 16px !important; } /* ======================================================================================================================== PAGE | SEARCH RESULTS - All =========================================================================================================================== */ /* title area */ body.search-results #hs_cos_wrapper_hero { /* no override */ } /* results area */ body.search-results .pwr-sec-search-results { background-color: #FFFFFF !important; padding-top: 0px !important; } /* search button - static */ body.search-results .pwr-search-field__icon { background: transparent !important; padding: 21px 0px !important; } /* search button icon - hover */ body.search-results .pwr-search-field__icon svg { fill: #3B7C0F !important; } /* search button icon - hover */ body.search-results .pwr-search-field__icon:hover svg { fill: #244A0A !important; } /* form */ body.search-results form { width: 50% !important; } /* input */ body.search-results form input { border: 1px solid #BFBFBF !important; border-radius: 4 !important; color: #3B7C0F !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.3 !important; padding: 16px 40px 16px 24px !important; background: #FFFFFF !important; } /* hero */ body.search-results .pwr-hero--x-small { position: relative; height: 365px !important; background-color: #F2F2F2 !important; overflow: hidden !important; } /* hero background image */ body.search-results .pwr-hero--x-small::before { content: "" !important; position: absolute !important; inset: 0 !important; background-image: url("https://2497333.fs1.hubspotusercontent-na1.net/hubfs/2497333/Whereoware/Website%20Assets/2025/_Global/patterns/20251017_patterns_dots_1920x365.png") !important; background-repeat: repeat-y !important; background-size: auto !important; opacity: 1.00 !important; /* fade - as needed */ pointer-events: none !important; } /* form padding */ body.search-results .pwr-form { padding: 20px 0px 30px 0px !important; } /* hero title */ body.search-results .pwr-hero__title-inner { font-size: 56px !important; color: #0A1F2E !important; } /* results - individual padding */ body.search-results .pwr-search-results__entry { padding-left: 0px !important; padding-right: 0px !important; } /* results - individual background - hover */ body.search-results .pwr-search-results__entry:hover { background-color: inherit !important; } /* results - individual title - static */ body.search-results .pwr-search-results__entry > p { color: #474747 !important; } /* results - individual anchors - static */ body.search-results .pwr-search-results__entry .hs-search-highlight { color: #474747 !important; box-shadow: none !important; font-weight: 600 !important; } /* results - individual title - static */ body.search-results .pwr-search-results__entry .pwr-search-results__title, body.search-results .pwr-search-results__entry .hs-highlight-title { color: #023B5A !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.6 !important; } /* results - group */ body.search-results .pwr-search-results__listing > li { margin-top: 0px !important; margin-bottom: 0px !important; border-bottom: 1px solid #D8D8DC !important; } /* results - individual title - static */ body.search-results .pwr-search-results__entry h2 { position: relative; display: inline-flex !important; align-items: baseline !important; font-size: 24px !important; gap: 0em !important; vertical-align: middle !important; line-height: 1.6 !important; } /* results - individual title underline - static */ body.search-results .pwr-search-results__entry h2::after { content: '' !important; position: absolute; left: 0 !important; bottom: 0 !important; height: 2px !important; background: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 0px !important; } /* results - individual title underline - hover */ body.search-results .pwr-search-results__entry:hover h2::after { background: #023B5A !important; } /* hide images from results */ body.search-results .pwr-search-results__img { display: none !important; } /* limit search preview text lines */ body.search-results .pwr-search-results__description { display: -webkit-box; -webkit-line-clamp: 3; /* number of lines you want */ -webkit-box-orient: vertical; overflow: hidden; } /* placeholder - Safari, Google Chrome, Konqueror */ body.search-results form ::-webkit-input-placeholder { font-family: 'Roboto', sans-serif !important; color: #BFBFBF !important; font-size: 16px !important; line-height: inherit !important; font-style: normal !important; font-weight: 300 !important; opacity: 1 !important; text-transform: none !important; } /* placeholder - Firefox 18- line-height = input height */ body.search-results form :-moz-placeholder { font-family: 'Roboto', sans-serif !important; color: #BFBFBF !important; font-size: 16px !important; line-height: 1.3 !important; font-style: normal !important; font-weight: 300 !important; opacity: 1 !important; text-transform: none !important; } /* placeholder - Firefox 19+ line-height = input height */ body.search-results form ::-moz-placeholder { font-family: 'Roboto', sans-serif !important; color: #BFBFBF !important; font-size: 16px !important; line-height: 1.3 !important; font-style: normal !important; font-weight: 300 !important; opacity: 1 !important; text-transform: none !important; } /* placeholder - IE */ body.search-results form :-ms-input-placeholder { font-family: 'Roboto', sans-serif; color: #BFBFBF !important; font-size: 16px !important; line-height: inherit !important; font-style: normal !important; font-weight: 300 !important; opacity: 1 !important; text-transform: none !important; } /* text - static (make lower first) */ body.search-results .pwr-prev-next-nav__text { text-transform: lowercase !important; color: #3B7C0F !important; font-size: 16px !important; } /* text - static (capitalize first letter) */ body.search-results .pwr-prev-next-nav__text::first-letter { text-transform: uppercase !important; } /* prev/next nav - static */ body.search-results .pwr-prev-next-nav__icon { color: #3B7C0F !important; } /* prev/next nav and text - hover */ body.search-results .pwr-prev-next-nav__text:hover, body.search-results .pwr-prev-next-nav__icon:hover { color: #244A0A !important; } /* Search results title: fix space between text and highlight spans (theme bug) */ body.search-results .pwr-search-results__entry h2 { flex-wrap: wrap !important; gap: 8px !important; } /* ======================================================================================================================== MODULE | VIDEO BOXES [SEC] [CONTENT WIDTH] [COLUMNS 3] [LIGHT] (PWR--SEC-VIDB--CW-C3-LT) - Theme broken, won't apply custom class - added 'PWR--SEC-VIDB--CW-C3-LT' via JS - Landing Page Template (LP-04) =========================================================================================================================== */ /* video thumbnails - original (via YouTube): 1280x720 | resized (2x): 772x434 | final render (1x): 386x217 */ .PWR--SEC-VIDB--CW-C3-LT .pwr-video-box__top img { max-width: 386px !important; border-radius: 4px !important; } /* video thumbnails wrapper */ .PWR--SEC-VIDB--CW-C3-LT .pwr-video-box__top { border-radius: 4px !important; max-height: 217px !important; } /* video text area */ .PWR--SEC-VIDB--CW-C3-LT .pwr-video-box__below { padding-left: 0px !important; padding-right: 0px !important; padding-top: 24px !important; padding-bottom: 24px !important; } /* video title */ .PWR--SEC-VIDB--CW-C3-LT .pwr-video-box__title { color: #023B5A !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.6 !important; cursor: text !important; } /* video text wrapper */ .PWR--SEC-VIDB--CW-C3-LT .pwr-video-box__desc { padding-top: 0px !important; } /* video text */ .PWR--SEC-VIDB--CW-C3-LT .pwr-video-box__desc p { cursor: text !important; padding-top: 8px !important; font-size: 14px !important; } /* video play button */ .PWR--SEC-VIDB--CW-C3-LT .pwr-sec-video__button { background-color: #3B7C0F !important; opacity: 0.8 !important; width: 93px !important; height: 93px !important; line-height: 93px !important; transition: none !important; } /* visually center play icon */ .PWR--SEC-VIDB--CW-C3-LT .pwr-sec-video__icon { position: relative !important; left: 4px !important; bottom: 3px !important; } /* video play icon */ .PWR--SEC-VIDB--CW-C3-LT .pwr-sec-video__icon svg { fill: #FFFFFF !important; opacity: 1 !important; } /* button/icon - hover */ .PWR--SEC-VIDB--CW-C3-LT .pwr-video-box:hover .pwr-sec-video__button { transform: translate(-50%, -50%) scale(1.0) !important; } /* kill hover effects stemming from title/text (also uses JS) */ /* Stop hover effects while hovering text area */ .PWR--SEC-VIDB--CW-C3-LT a.no-hover:hover img, .PWR--SEC-VIDB--CW-C3-LT a.no-hover:hover .pwr-video-box__media, .PWR--SEC-VIDB--CW-C3-LT a.no-hover:hover .pwr-video-box__thumb { transform: none !important; filter: none !important; opacity: 1 !important; transition: none !important; cursor: default !important; } /* hide filter bar nav */ .PWR--SEC-VIDB--CW-C3-LT .pwr-filter { display: none !important; } /* adjust video group */ .PWR--SEC-VIDB--CW-C3-LT .pwr-filter + .page-center.pwr--relative { padding-top: 10px !important; } /* ======================================================================================================================== MODULE | VIDEO BOXES [SEC] [CONTENT WIDTH] [COLUMNS 2] [LIGHT] (PWR--SEC-VIDB--CW-C2-LT) - Theme broken, won't apply custom class - added 'PWR--SEC-VIDB--CW-C2-LT' via JS - Video Listing (VL-03) =========================================================================================================================== */ /* video thumbnails - original (via YouTube): 1280x720 | resized (2x): 772x434 | final render (1x): 386x217 */ .PWR--SEC-VIDB--CW-C2-LT .pwr-video-box__top img { max-width: 590px !important; border-radius: 4px !important; } /* video thumbnails wrapper */ .PWR--SEC-VIDB--CW-C2-LT .pwr-video-box__top { border-radius: 4px !important; max-height: 332px !important; } /* video text area */ .PWR--SEC-VIDB--CW-C2-LT .pwr-video-box__below { padding-top: 24px !important; padding-right: 0px !important; padding-bottom: 56px !important; padding-left: 0px !important; } /* video title */ .PWR--SEC-VIDB--CW-C2-LT .pwr-video-box__title { color: #023B5A !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.6 !important; cursor: text !important; } /* video text wrapper */ .PWR--SEC-VIDB--CW-C2-LT .pwr-video-box__desc { padding-top: 8px !important; } /* video text */ .PWR--SEC-VIDB--CW-C2-LT .pwr-video-box__desc p { cursor: text !important; font-size: 16px !important; } /* video play button */ .PWR--SEC-VIDB--CW-C2-LT .pwr-sec-video__button { background-color: #3B7C0F !important; opacity: 0.8 !important; width: 93px !important; height: 93px !important; line-height: 93px !important; transition: none !important; } /* visually center play icon */ .PWR--SEC-VIDB--CW-C2-LT .pwr-sec-video__icon { position: relative !important; left: 4px !important; bottom: 3px !important; } /* video play icon */ .PWR--SEC-VIDB--CW-C2-LT .pwr-sec-video__icon svg { fill: #FFFFFF !important; opacity: 1 !important; } /* button/icon - hover */ .PWR--SEC-VIDB--CW-C2-LT .pwr-video-box:hover .pwr-sec-video__button { transform: translate(-50%, -50%) scale(1.0) !important; } /* kill hover effects stemming from title/text (also uses JS) */ /* Stop hover effects while hovering text area */ .PWR--SEC-VIDB--CW-C2-LT a.no-hover:hover img, .PWR--SEC-VIDB--CW-C2-LT a.no-hover:hover .pwr-video-box__media, .PWR--SEC-VIDB--CW-C2-LT a.no-hover:hover .pwr-video-box__thumb { transform: none !important; filter: none !important; opacity: 1 !important; transition: none !important; cursor: default !important; } /* ======================================================================================================================== MODULE CUSTOM | WOW DIVIDER [SEC] [FULL WIDTH] [LIGHT] (WOW--SEC-DVD--FW-LT) - Service Detail Template (SD-10) - Landing Page Template (LP-05) =========================================================================================================================== */ /* */ /* ======================================================================================================================== PAGE | BLOG LISTING - Blog Listing =========================================================================================================================== */ /* hero */ body.blog-listing .blog-header .pwr-hero { background-color: #F2F2F2 !important; } /* hero height */ body.blog-listing .pwr-hero--x-small { position: relative; height: 365px !important; overflow: hidden !important; } /* hero */ body.blog-listing .blog-header .pwr-hero { background-color: #F2F2F2 !important; position: relative; height: 365px !important; overflow: hidden !important; } /* hero heading vertical centering */ body.blog-listing .pwr-hero--x-small .pwr-hero__info-box { bottom: auto; top: 50% !important; transform: translateY(-50%) !important; } /* hero heading */ body.blog-listing .pwr-hero__title-inner { font-size: 56px !important; color: #0A1F2E !important; } /* set up link for underline - static */ body.blog-listing #hs_cos_wrapper_txt_link_ { position: relative; display: inline-flex !important; align-items: baseline !important; gap: 0em !important; text-decoration: none !important; } /* underline (only text) - static */ body.blog-listing #hs_cos_wrapper_txt_link_:after { content: '' !important; position: absolute; top: auto !important; left: 0 !important; bottom: 1px !important; height: 2px !important; background-color: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 0px !important; transform: none !important; } /* underline (only text) - hover */ body.blog-listing #hs_cos_wrapper_txt_link_:hover::after { background-color: #FFFFFF !important; } /* ======================================================================================================================== GLOBAL | GREEN OVERLAY ON HOVER - All =========================================================================================================================== */ /* less opacity from 0.85 */ .pwr-image-box:hover .pwr-image-box__overlay { opacity: 0.50 !important; } /* less opacity from 0.85 */ .pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__overlay { opacity: 0.50 !important; } /* add overlay */ .pwr-image-box .pwr-image-box__img::after { /* position: absolute; content: '' !important; opacity: 0.00 !important; width: 100% !important; height: 100% !important; background: transparent !important; transition: opacity calc(.4s * var(--ts-duration-factor, 1)) ease-in-out; */ } .pwr-image-box:hover .pwr-image-box__img::after { /* opacity: 0.50 !important; background: #3B7C0F !important; */ } /* ======================================================================================================================== GLOBAL | FILTER BAR - Blog Listing - Video Listing - Case Studies - Press Releases =========================================================================================================================== */ /* filter bar */ .pwr-filter { padding-top: 8px !important; padding-bottom: 8px !important; background-color: #FFFFFF !important; border-bottom: 2px solid #D8D8DC !important; } /* filter bar item - static */ .pwr-filter__list-item > :is(a, div) { color: #474747 !important; position: relative; font-size: 16px !important; font-weight: 400 !important; } /* filter bar item - static/active */ .pwr-filter__list-item > :is(a.active, div.active) { color: #3B7C0F !important; font-weight: 700 !important; pointer-events: none !important; } /* filter bar item - hover */ .pwr-filter__list-item > :is(a, div):hover { color: #244A0A !important } /* filter bar item - hover/active */ .pwr-filter__list-item > :is(a.active, div.active):hover { color: #244A0A !important; } /* filter bar item underline - active */ .pwr-filter__list-item > :is(a.active, div.active)::after { content: '' !important; position: absolute; left: 0px !important; /* bottom: -19px !important; */ width: calc(100% - 0px) !important; height: 2px !important; background: #3B7C0F !important; pointer-events: none !important; transition: background .3s ease !important; } /* blog (anchor) */ .pwr-filter__list-item a::after { bottom: -19px !important; } /* video (div not anchor for some reason) */ .pwr-filter__list-item div::after { bottom: -15px !important; } /* filter bar item underline - static */ .pwr-filter__list-item > :is(a, div)::after { content: '' !important; position: absolute; left: 0px !important; /* bottom: -19px !important; */ width: calc(100% - 0px) !important; height: 2px !important; background: transparent !important; pointer-events: none !important; transition: background .3s ease !important; } /* blog (anchor) */ .pwr-filter__list-item a::after { bottom: -19px !important; } /* video (div not anchor for some reason) */ .pwr-filter__list-item div::after { bottom: -15px !important; } /* filter bar item underline - hover */ .pwr-filter__list-item > :is(a, div):hover::after { background: #244A0A !important; } /* blog body (anchor) */ .pwr-blog-listing { background-color: #FFFFFF !important; } /* video body (div not anchor for some reason) */ .pwr-filter + .page-center.pwr--relative { padding-top: 50px !important; } /* video title */ .pwr-sec-video-boxes__intro-sec { margin-bottom: 30px !important; } /* filter list border */ .pwr-filter__list > li:nth-child(2) { /* border-left: 1px solid #D8D8DC !important; */ } /* filter list after 'all' */ .pwr-filter__list > li + li { padding-left: 20px !important; } /* cards */ body.blog-listing .pwr-3D-box { border: 2px solid #D8D8DC !important; border-radius: 6px !important; } /* card title */ body.blog-listing .pwr-post-item__title { font-size: 24px !important; color: #023B5A !important; font-weight: 500 !important; line-height: 1.6 !important; } /* card description */ body.blog-listing .pwr-post-item__desc { font-size: 16px !important; color: #474747 !important; font-weight: 400 !important; line-height: 1.6 !important; } /* card eyebrow */ body.blog-listing .pwr-post-item__author span { font-size: 14px !important; color: #7F7F7F !important; font-weight: 500 !important; line-height: 1.6 !important; } /* cta text link */ body.blog-listing .pwr-post-item__more-link span { color: #3B7C0F !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.6 !important; } /* card title - hover */ body.blog-listing .pwr-post-item:hover .pwr-post-item__title { color: #FFFFFF !important; } /* card description - hover */ body.blog-listing .pwr-post-item:hover .pwr-post-item__desc { color: #FFFFFF !important; } /* card text - static */ body.blog-listing .pwr-post-item .pwr-post-item__author span { transition: color 0.4s ease !important; } /* card text - hover */ body.blog-listing .pwr-post-item:hover .pwr-post-item__author span { color: #FFFFFF !important; } /* cta text link - hover */ body.blog-listing .pwr-post-item:hover .pwr-post-item__more-link span { color: #FFFFFF !important; } /* spacing before date */ body.blog-listing .pwr-post-item__date { margin-left: 8px !important; } /* 2nd '|' separator padding */ body.blog-listing .pwr-post-item__date + .pwr-post-item__n-min-read::before { padding: 0 8px 0 8px !important; } /* tag pill appearance; adjust to match your design */ .WOW--blog-post-tag { display: inline-block !important; margin-right: 8px; } /* ======================================================================================================================== GLOBAL | STICKY FILTER BAR - Blog Listing - Video Listing - Case Studies - Press Releases =========================================================================================================================== */ /* make the bar fixed */ .pwr-filter.is-stuck-filterbar { position: fixed !important; top: var(--stacked-offset, 0px) !important; left: 0 !important; right: 0 !important; z-index: 1010 !important; background: #FFFFFF !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important; transform: translateZ(0) !important; padding-top: 0 !important; padding-bottom: 0 !important; transition: transform 200ms ease, opacity 200ms ease !important; border: 0 !important; } /* filter list for 'all' */ .pwr-filter.is-stuck-filterbar .pwr-filter__list > li:first-child { padding-right: 10px !important; } /* filter list after 'all' */ .pwr-filter.is-stuck-filterbar .pwr-filter__list > li + li { padding-left: 10px !important; padding-right: 10px !important; } /* font size */ .pwr-filter.is-stuck-filterbar .pwr-filter__list-item > :is(a, div) { font-size: 13px !important; } /* spacer to prevent layout jump */ .filterbar-spacer { width: 100% !important; height: 0 !important; pointer-events: none !important; } /* hide near bottom */ .pwr-filter.is-stuck-filterbar.is-hidden-filterbar { transform: translateY(-110%) !important; opacity: 0 !important; pointer-events: none !important; } /* remove header shadow while filter bar is stuck (prevents double-shadow look) */ body.filterbar-stuck .pwr-header-fixed.scroll { box-shadow: none !important; } /* suppress header shadow whenever the breadcrumb is stuck */ body:has(.WOW--MODULE-ROW--02.is-stuck-breadcrumb, .WOW-MODULE--ROW-02.is-stuck-breadcrumb) .pwr-header-fixed.scroll { box-shadow: none !important; } /* turn OFF breadcrumb shadow while filterbar is stuck, EXCEPT when we explicitly add .is-shadow-breadcrumb */ body.filterbar-stuck:not(.homepage) .WOW--MODULE-ROW--02.is-stuck-breadcrumb:not(.is-shadow-breadcrumb), body.filterbar-stuck:not(.homepage) .WOW-MODULE--ROW-02.is-stuck-breadcrumb:not(.is-shadow-breadcrumb) { box-shadow: none !important; } /* underline nudge */ .pwr-filter.is-stuck-filterbar .pwr-filter__list-item a::after, .pwr-filter.is-stuck-filterbar .pwr-filter__list-item a.active::after, .pwr-filter.is-stuck-filterbar .pwr-filter__list-item div::after, .pwr-filter.is-stuck-filterbar .pwr-filter__list-item div.active::after { bottom: 0px !important; } /* section offset when stuck */ .pwr-filter.is-stuck-filterbar + .page-center.pwr--relative, .WOW--MODULE-ROW--02.is-stuck-breadcrumb + .page-center.pwr--relative, .WOW-MODULE--ROW-02.is-stuck-breadcrumb + .page-center.pwr--relative { margin-top: 90px !important; } /* ======================================================================================================================== GLOBAL | KILL 3D PERSPECTIVE/TILT ANIMATIONS ON HOVER - All =========================================================================================================================== */ /* settings > content > themes & modules > themes > edit child theme > effects > 3D box effect /* ======================================================================================================================== GLOBAL | LESSEN PAGINATION PADDING - Blog Listing () =========================================================================================================================== */ .pwr-blog-pagination { padding-bottom: 40px !important; } /* ======================================================================================================================== MODULE CUSTOM | HERO [SEC] [IMAGE RIGHT] [LIGHT] (PWR--SEC-CSPLT--IR-LT) - Video Listing (VL-01) =========================================================================================================================== */ /* assist JS in adding link from hero button to hero image */ .PWR--SEC-CSPLT--IR-LT .pwr-sec-split__img .pwr-img-link::before, .PWR--SEC-CSPLT--IR-LT .pwr-sec-split__img .pwr-img-link::after { content: none !important; } /* change hero text left padding */ .PWR--SEC-CSPLT--IR-LT .pwr-sec-split__content { padding-left: 0px !important; } /* ======================================================================================================================== MODULE CUSTOM | VIDEO BOXES [SEC] [CONTENT WIDTH] [LIGHT] (PWR--SEC-VIDB--CW-LT) - Video Listing (VL-03) =========================================================================================================================== */ /* injected span via JS */ .WOW--VIDB-EYEBROW { font-family: 'Roboto', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.6 !important; color: #7F7F7F !important; display: inline-flex; align-items: center; gap: 8px; padding-bottom: 16px !important; } /* separator */ .WOW--VIDB-EYEBROW .eyebrow-sep { color: #BFBFBF !important; } /* ======================================================================================================================== MODULE CUSTOM | IMAGE BOXES [SEC] [CONTENT WIDTH] [COLUMNS 2] [LIGHT] (PWR--SEC-IMGB--CW-C2-LT) - Case Studies (CS-03) =========================================================================================================================== */ /* show link all the time (theme missing setting for filtered images) */ .PWR--SEC-IMGB--CW-C2-LT.WOW--CTA-LINK--SHOW .pwr-image-box__below .pwr-image-box__more-link { opacity: 1 !important; overflow: visible !important; } /* hide link over image on hover */ .PWR--SEC-IMGB--CW-C2-LT.WOW--CTA-LINK--SHOW .pwr-3D-box__info-box .pwr-image-box__more-link { display: none !important; opacity: 0 !important; overflow: hidden !important; color: transparent !important; } /* injected span via JS */ .WOW--IMGB-EYEBROW { font-family: 'Roboto', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.6 !important; color: #7F7F7F !important; display: inline-flex; align-items: center; gap: 8px; padding-bottom: 20px !important; } /* separator injected via JS */ .WOW--IMGB-EYEBROW .eyebrow-sep { color: #BFBFBF !important; } /* image text area */ .PWR--SEC-IMGB--CW-C2-LT .pwr-image-box__below { padding-top: 22px !important; padding-right: 0px !important; padding-bottom: 60px !important; padding-left: 0px !important; } /* image title */ .PWR--SEC-IMGB--CW-C2-LT .pwr-image-box__title { color: #023B5A !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.6 !important; cursor: text !important; } /* image text wrapper */ .PWR--SEC-IMGB--CW-C2-LT .pwr-image-box__desc { cursor: text !important; } /* image text */ .PWR--SEC-IMGB--CW-C2-LT .pwr-image-box__desc p { font-size: 16px !important; } /* card link/icon - static */ .PWR--SEC-IMGB--CW-C2-LT.WOW--CTA-LINK--SHOW .pwr-image-box__below .pwr-image-box__more-link { position: relative; display: inline-flex !important; align-items: baseline !important; color: #3B7C0F !important; font-size: 16px !important; gap: 0em !important; vertical-align: baseline !important; line-height: 1.6 !important; font-weight: 600 !important; cursor: pointer !important; padding-top: 16px !important; height: auto !important; } /* card link underline - only text */ .PWR--SEC-IMGB--CW-C2-LT.WOW--CTA-LINK--SHOW .pwr-image-box__below .pwr-image-box__more-link::after { content: '' !important; position: absolute; left: 0 !important; bottom: 0 !important; height: 2px !important; background: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 25px !important; } /* card link/icon - hover */ .PWR--SEC-IMGB--CW-C2-LT.WOW--CTA-LINK--SHOW .pwr-image-box__below .pwr-image-box__more-link:hover { color: #244A0A !important; } /* card link underline - hover */ .PWR--SEC-IMGB--CW-C2-LT.WOW--CTA-LINK--SHOW .pwr-image-box__below .pwr-image-box__more-link:hover::after { background: #244A0A !important; } /* ======================================================================================================================== MODULE CUSTOM | IMAGE BOXES [SEC] [CONTENT WIDTH] [COLUMNS 2] [LIGHT] (PWR--SEC-IMGB--CW-C2-BR-LT) - Press Releases (CS-03) =========================================================================================================================== */ /* show link all the time (theme missing setting for filtered images) */ .PWR--SEC-IMGB--CW-C2-BR-LT.WOW--CTA-LINK--SHOW .pwr-image-box__below .pwr-image-box__more-link { display: inline-flex !important; opacity: 1 !important; overflow: visible !important; color: #3B7C0F !important; cursor: pointer !important; font-size: 16px !important; line-height: 1.6 !important; font-weight: 700 !important; height: auto !important; position: relative !important; vertical-align: bottom !important; gap: 0px !important; padding: 0px !important; margin: 0px !important; } .PWR--SEC-IMGB--CW-C2-BR-LT.WOW--CTA-LINK--SHOW .pwr-image-box__below .pwr-image-box__more-link:hover { color: #244A0A !important; } /* hide link over image on hover */ .PWR--SEC-IMGB--CW-C2-BR-LT.WOW--CTA-LINK--SHOW .pwr-3D-box__info-box .pwr-image-box__more-link { display: none !important; opacity: 0 !important; overflow: hidden !important; color: transparent !important; } /* injected span via JS */ .WOW--IMGB-EYEBROW { font-family: 'Roboto', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.6 !important; color: #7F7F7F !important; display: inline-flex; align-items: center; gap: 8px; padding-bottom: 16px !important; } /* separator injected via JS */ .WOW--IMGB-EYEBROW .eyebrow-sep { color: #BFBFBF !important; } /* image text area */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__below { padding-top: 22px !important; padding-right: 0px !important; padding-bottom: 60px !important; padding-left: 0px !important; } /* image title */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__title { color: #023B5A !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.6 !important; cursor: text !important; } /* image text wrapper */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__desc { cursor: text !important; padding-bottom: 16px !important; } /* image text wrapper */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__desc p { font-size: 16px !important; } /* card link/icon - static */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__more-link { /* position: relative; */ /* display: inline-flex !important; */ /* align-items: baseline !important; */ /* color: #3B7C0F !important; */ /* font-size: 16px !important; */ /* gap: 0em !important; */ /* vertical-align: baseline !important; */ /* line-height: 1.6 !important; */ /* padding: 0px !important; */ /* margin: 0px !important; */ } /* card link - underline only text */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__more-link::after { content: '' !important; position: absolute; left: 0 !important; bottom: 0 !important; height: 2px !important; background: transparent !important; transition: background-color .3s ease !important; pointer-events: none !important; width: auto !important; right: 25px !important; } /* card link/icon - hover */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__more-link:hover { /* color: #244A0A !important; */ } /* card link underline - hover */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__more-link:hover::after { background: #244A0A !important; } /* card */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box { border: 2px solid #D8D8DC !important; border-radius: 6px !important; } /* card text */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__below { padding: 24px 24px 24px 24px !important; } /* card image */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__img img { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } /* card overlay - hover */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__overlay { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } /* icon adjustment */ .PWR--SEC-IMGB--CW-C2-BR-LT .pwr-image-box__icon { top: 5px !important; }