img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
/* =============================================
CFO SEARCH - ADDITIONAL CSS - CLEAN VERSION
============================================= */
/* NAV - Hide Contact Us on mobile */
.nav-right .btn.btn-gold.nav-cta,
.nav-right a.nav-cta,
#nav .nav-cta {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
}
@media(min-width:1101px) {
.nav-right .btn.btn-gold.nav-cta,
.nav-right a.nav-cta,
#nav .nav-cta {
display: inline-flex !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
padding: 10px 20px !important;
margin: 0 !important;
}
}
/* Mobile menu open state */
#mob-menu.open {
display: block !important;
}
/* Nav links font size */
.nav-links > li > a {
font-size: .88rem !important;
letter-spacing: .04em !important;
}
/* Blog/job post nav full width */
.single-cfo_resource #nav,
.single-cfo_job #nav {
width: 100% !important;
}
.single-cfo_resource #nav .nav-wrap,
.single-cfo_job #nav .nav-wrap {
width: 100% !important;
flex-grow: 1 !important;
}
/* Hero metrics 2x2 grid on mobile */
.hero-metrics {
grid-template-columns: 1fr 1fr !important;
}
@media(min-width:769px) {
.hero-metrics {
display: flex !important;
grid-template-columns: unset !important;
}
}
/* 94k+ span alignment */
.metric-num span {
vertical-align: middle !important;
}
/* Gold bar hide on mobile */
.page-hero .hero-tag::before,
.page-hero .eyebrow::before,
.page-hero .hero-eyebrow::before {
display: none !important;
content: none !important;
width: 0 !important;
}
/* Reveal animations fix */
.reveal-left,
.reveal-right {
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
}
/* Contact home section */
#contact-home .reveal-right {
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
}
#contact-home .wpcf7 {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
/* Footer email gold */
footer a[href*="talent@cfo-search.com"],
#footer a[href*="mailto:talent"] {
color: #b8872a !important;
-webkit-text-fill-color: #b8872a !important;
}
/* Blog post heading spacing */
.single-cfo_resource article h2,
.single-cfo_resource article h3,
.single-cfo_resource article h4 {
margin-top: 28px !important;
margin-bottom: 12px !important;
padding-top: 8px !important;
}
/* =============================================
ALL FORMS - CONSOLIDATED
============================================= */
/* Global CF7 form fields */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 select,
.wpcf7 textarea {
font-size: 15px !important;
border-radius: 3px !important;
box-sizing: border-box !important;
width: 100% !important;
display: block !important;
margin-bottom: 14px !important;
padding: 12px 16px !important;
}
.wpcf7 input[type="submit"],
.wpcf7 .wpcf7-submit {
background: #b8872a !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: none !important;
padding: 14px 32px !important;
font-size: 13px !important;
font-weight: 700 !important;
width: 100% !important;
cursor: pointer !important;
border-radius: 3px !important;
margin-top: 8px !important;
}
.wpcf7 br { display: none !important; }
.wpcf7 p { margin: 0 0 4px 0 !important; }
/* Dark background forms - inner page contact sections AND contact-home */
[id^="contact-"] .wpcf7 input[type="text"],
[id^="contact-"] .wpcf7 input[type="email"],
[id^="contact-"] .wpcf7 input[type="tel"],
[id^="contact-"] .wpcf7 select,
[id^="contact-"] .wpcf7 textarea {
background: rgba(255,255,255,0.08) !important;
border: 1px solid rgba(255,255,255,0.2) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
[id^="contact-"] .wpcf7 input::placeholder,
[id^="contact-"] .wpcf7 textarea::placeholder {
color: rgba(255,255,255,0.4) !important;
}
[id^="contact-"] .wpcf7 label {
display: block !important;
color: rgba(255,255,255,0.6) !important;
-webkit-text-fill-color: rgba(255,255,255,0.6) !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin-bottom: 6px !important;
}
[id^="contact-"] a[href*="mailto"],
[id^="contact-"] a[href*="talent@"] {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Contact page specific form */
.page-contact-us .wpcf7 input[type="text"],
.page-contact-us .wpcf7 input[type="email"],
.page-contact-us .wpcf7 input[type="tel"],
.page-contact-us .wpcf7 textarea,
.page-template-page-contact .wpcf7 input[type="text"],
.page-template-page-contact .wpcf7 input[type="email"],
.page-template-page-contact .wpcf7 input[type="tel"],
.page-template-page-contact .wpcf7 textarea {
background: rgba(255,255,255,0.08) !important;
border: 1px solid rgba(255,255,255,0.2) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.page-contact-us .wpcf7 label,
.page-template-page-contact .wpcf7 label {
display: block !important;
color: rgba(255,255,255,0.6) !important;
-webkit-text-fill-color: rgba(255,255,255,0.6) !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin-bottom: 6px !important;
}
/* Hero form (homepage) */
.hh-card .wpcf7 input[type="text"],
.hh-card .wpcf7 input[type="email"],
.hh-card .wpcf7 input[type="tel"],
.hh-card .wpcf7 select {
background: rgba(255,255,255,0.1) !important;
border: 1px solid rgba(255,255,255,0.25) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.hh-card .wpcf7 label {
display: block !important;
color: rgba(255,255,255,0.75) !important;
-webkit-text-fill-color: rgba(255,255,255,0.75) !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin-bottom: 8px !important;
}
/* Job search page form (white background) */
.page-id-313 .wpcf7 input[type="text"],
.page-id-313 .wpcf7 input[type="email"],
.page-id-313 .wpcf7 input[type="tel"],
.page-id-313 .wpcf7 input[type="url"],
.page-id-313 .wpcf7 textarea {
background: rgba(255,255,255,0.08) !important;
border: 1px solid rgba(255,255,255,0.2) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.page-id-313 .wpcf7 label {
color: rgba(255,255,255,0.7) !important;
-webkit-text-fill-color: rgba(255,255,255,0.7) !important;
}
/* Single job page form */
.single-cfo_job .wpcf7 label {
color: rgba(255,255,255,0.7) !important;
-webkit-text-fill-color: rgba(255,255,255,0.7) !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
display: block !important;
margin-bottom: 6px !important;
}
.single-cfo_job .wpcf7 input[type="text"],
.single-cfo_job .wpcf7 input[type="email"],
.single-cfo_job .wpcf7 input[type="tel"],
.single-cfo_job .wpcf7 textarea {
background: rgba(255,255,255,0.08) !important;
border: 1px solid rgba(255,255,255,0.2) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* =============================================
MOBILE
============================================= */
@media(max-width:768px) {
.wrap {
padding-left: 20px !important;
padding-right: 20px !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
[style*="grid-template-columns:1fr 1fr"],
[style*="grid-template-columns: 1fr 1fr"],
[style*="grid-template-columns:repeat(2"],
[style*="grid-template-columns:repeat(3"],
[style*="grid-template-columns:repeat(4"],
[style*="grid-template-columns:1fr 380px"],
[style*="grid-template-columns:1fr 320px"] {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
[id^="contact-"] .wrap > div {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
.page-hero h1 {
font-size: clamp(1.4rem, 6vw, 2rem) !important;
}
.btn, a.btn {
display: block !important;
width: 100% !important;
text-align: center !important;
margin-bottom: 10px !important;
box-sizing: border-box !important;
}
.fb-cols {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
.blog-grid {
grid-template-columns: 1fr !important;
}
.single-cfo_job aside,
.single-cfo_resource aside {
position: static !important;
}
[style*="repeat(7,1fr)"],
[style*="repeat(6,1fr)"],
[style*="repeat(5,1fr)"] {
grid-template-columns: repeat(2,1fr) !important;
}
.hero-gold-bar {
display: none !important;
}
.hero-eyebrow::before,
.eyebrow::before {
display: none !important;
content: none !important;
}
.eyebrow-line {
display: none !important;
width: 0 !important;
}
#nav.nav-solid .nav-phone {
color: #0d1b2e !important;
-webkit-text-fill-color: #0d1b2e !important;
}
.page-our-clients .hero-sub,
.page-our-clients p[style*="font-size:1rem"] {
white-space: normal !important;
overflow-wrap: break-word !important;
word-wrap: break-word !important;
max-width: 100% !important;
}}
@media(max-width:480px) {
.wrap {
padding-left: 16px !important;
padding-right: 16px !important;
}
.page-hero h1 {
font-size: clamp(1.2rem, 7vw, 1.6rem) !important;
}
}
/* Fix office email on city pages */
.page-template-page-dallas a[href*="mailto"],
.page-template-page-houston a[href*="mailto"],
.page-template-page-los-angeles a[href*="mailto"],
.page-template-page-chicago a[href*="mailto"],
.page-template-page-new-york-city a[href*="mailto"],
.page-template-page-philadelphia a[href*="mailto"],
.page-template-page-boston a[href*="mailto"] {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
@media(max-width:1100px) {
.single-cfo_resource #nav .nav-wrap,
.single-cfo_job #nav .nav-wrap {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
padding: 0 20px !important;
box-sizing: border-box !important;
height: 60px !important;
}
.single-cfo_resource #nav .logo,
.single-cfo_job #nav .logo {
flex: 0 0 auto !important;
margin: 0 !important;
}
.single-cfo_resource #nav .nav-right,
.single-cfo_job #nav .nav-right {
flex: 0 0 auto !important;
margin-left: auto !important;
}
.single-cfo_resource #nav .nav-links,
.single-cfo_job #nav .nav-links {
display: none !important;
}
}
/* Nav phone number styling */
.nav-phone {
font-size: .88rem !important;
font-weight: 700 !important;
color: rgba(255,255,255,.85) !important;
}
#nav.nav-solid .nav-phone {
color: #0d1b2e !important;
-webkit-text-fill-color: #0d1b2e !important;
}
/* Industry card headings on city pages - larger */
.ind-card h4,
[class*="industry"] h4 {
font-size: 1rem !important;
font-weight: 700 !important;
}
/* Phone number in office sections - larger */
[id^="contact-"] a[href*="tel"],
.office-phone,
[class*="office"] a[href*="tel"] {
font-size: 1rem !important;
font-weight: 600 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Email color on all city pages - white */
[id^="contact-"] a[href*="mailto"],
[id^="contact-"] a[href*="talent@"],
.office-email {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
/* Our Clients page headings */
.page-our-clients .sec-title,
.page-our-clients h2 {
font-size: 1.6rem !important;
}
.page-our-clients .sec-sub,
.page-our-clients .hero-sub {
font-size: 1rem !important;
}
/* Sidebar headings - style like label not H4 */
.sidebar h4,
aside h4,
.sidebar .widget-title {
font-size: .72rem !important;
font-weight: 700 !important;
letter-spacing: .15em !important;
text-transform: uppercase !important;
color: rgba(255,255,255,.5) !important;
margin-bottom: 12px !important;
}
/* Global page content font size */
.wp-page-content p,
.wp-page-content li {
font-size: 1rem !important;
line-height: 1.75 !important;
}
/* Inline style font size overrides */
[style*="font-size:.82rem"],
[style*="font-size:.84rem"],
[style*="font-size:.86rem"],
[style*="font-size:.78rem"] {
font-size: 1rem !important;
}
/* Item 17 - Single job page heading and paragraph spacing */
.single-cfo_job article h2,
.single-cfo_job article h3,
.single-cfo_job article h4 {
margin-top: 24px !important;
margin-bottom: 10px !important;
}
.single-cfo_job article p {
margin-bottom: 16px !important;
font-size: 1rem !important;
}
/* Item 19 - Single job page white space alignment */
.single-cfo_job .job-content,
.single-cfo_job article {
max-width: 1320px !important;
padding: 0 40px !important;
box-sizing: border-box !important;
}
@media(max-width:768px) {
.single-cfo_job .job-content,
.single-cfo_job article {
padding: 0 20px !important;
}
}
}
}
}
}
}
/* City page office contact — email white */
.contact-office-card a[href^="mailto"],
.contact-office-card .office-email,
[id^="contact-"] a[href^="mailto"] {
color: #ffffff !important;
}
/* Our Office map sidebar card email white on LA and NYC */
.page-template-page-losangeles a[href*="mailto"],
.page-template-page-nyc a[href*="mailto"] {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
}
/* City page maps fix iframe not filling container */
section.reveal > div[style*="grid-template-columns"] > div[style*="min-height:340px"],
section.reveal > div[style*="grid-template-columns"] > div[style*="min-height: 340px"] {
height: 100% !important;
min-height: 340px !important;
align-self: stretch !important;
}
section.reveal > div[style*="grid-template-columns"] {
align-items: stretch !important;
}
}
}
/* Sitemap page remove excess white space before CTA */
body.page-id-323 main section:last-child {
padding-bottom: 0 !important;
}
/* #7 — Industry headings on city pages */
.industry-grid h3,
.industry-card h3,
.industries-section h3,
.sector-grid h3,
.sector-card h3 {
font-size: 1.1rem !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
}
/* #8 — Phone number in Our Office card mobile */
.office-card .office-phone,
.office-card a[href^="tel"],
section.reveal a[href^="tel"] {
font-size: 1rem !important;
}
/* #10/#11 — Single job page content spacing and alignment */
.single-cfo_job .entry-content h2,
.single-cfo_job .entry-content h3,
.single-cfo_job .entry-content h4 {
margin-top: 28px !important;
margin-bottom: 10px !important;
font-size: 1.15rem !important;
}
.single-cfo_job .entry-content p,
.single-cfo_job .entry-content li {
margin-bottom: 14px !important;
font-size: 1rem !important;
}
.single-cfo_job .entry-content ul,
.single-cfo_job .entry-content ol {
margin-bottom: 16px !important;
padding-left: 20px !important;
}
.single-cfo_job > div[style*="padding:48px"],
.single-cfo_job .job-content-wrap {
padding-left: 44px !important;
padding-right: 44px !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* #13 — Blog sidebar white on white fix */
.widget-area .widget,
.sidebar .widget,
.blog-sidebar .widget {
color: #374151 !important;
}
.widget-area .widget h2,
.widget-area .widget h3,
.widget-area .widget h4,
.sidebar .widget h2,
.sidebar .widget h3,
.sidebar .widget h4 {
color: #0d1b2e !important;
}
.widget-area .widget a,
.sidebar .widget a {
color: #b8872a !important;
}
/* #7 — Industry headings on city pages */
.sec div[style*="padding:28px"] h4 {
font-size: 1rem !important;
font-weight: 700 !important;
letter-spacing: normal !important;
text-transform: none !important;
color: var(--navy) !important;
margin-bottom: 8px !important;
}
/* #8 — Phone number in Our Office card mobile */
section.reveal a[href^="tel"] {
font-size: 1rem !important;
}
/* #10/#11 — Single job page content spacing and alignment */
body.single-cfo_job div[style*="padding:48px"] h2,
body.single-cfo_job div[style*="padding:48px"] h3,
body.single-cfo_job div[style*="padding:48px"] h4 {
margin-top: 28px !important;
margin-bottom: 10px !important;
font-size: 1.15rem !important;
color: #0d1b2e !important;
}
body.single-cfo_job div[style*="padding:48px"] p,
body.single-cfo_job div[style*="padding:48px"] li {
margin-bottom: 14px !important;
}
body.single-cfo_job div[style*="padding:48px"] ul,
body.single-cfo_job div[style*="padding:48px"] ol {
margin-bottom: 16px !important;
padding-left: 20px !important;
}
body.single-cfo_job section[style*="padding:72px"] > div[style*="grid-template-columns"] {
padding: 0 44px !important;
box-sizing: border-box !important;
}
/* #13 — Blog sidebar headings visible fix */
aside h4 {
color: #0d1b2e !important;
font-size: 1rem !important;
letter-spacing: normal !important;
text-transform: none !important;
}
/* Sitemap — remove white space gap between sitemap content and CTA section */
.page-id-323 .seo-section,
.page-id-323 + section,
body.page-id-323 section.sec + *,
body.page-id-323 .wrap + * {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Sitemap — remove padding-bottom from content section causing white gap */
body.page-id-323 section.sec {
padding-bottom: 0 !important;
}
/* #12 — Interim CFO link gold color on when-to-hire-a-cfo page */
body.page-template-page-whentohire .callout-box a,
body.page-template-page-whentohire div[style*="background"] a,
body.page-template-page-whentohire aside a,
body.page-template-page-whentohire .tip-box a {
color: var(--gold) !important;
}
/* Phone icon and number vertical alignment in Our Office card */
section.reveal a[href^="tel"],
section.reveal span[href^="tel"],
section.reveal .office-phone {
display: inline-flex !important;
align-items: center !important;
vertical-align: middle !important;
line-height: 1.4 !important;
}
section.reveal svg {
vertical-align: middle !important;
flex-shrink: 0 !important;
}
/* Single job page — fix content left alignment */
body.single-cfo_job section[style*="background:#f5f7fa"] > div[style*="grid-template-columns"] {
padding-left: 44px !important;
padding-right: 44px !important;
box-sizing: border-box !important;
max-width: 1320px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* City page footer forms — label/field grouping */
form[action*="formspree"] input,
form[action*="formspree"] select,
form[action*="formspree"] textarea {
margin-bottom: 20px !important;
}
form[action*="formspree"] label {
margin-bottom: 6px !important;
margin-top: 0 !important;
}
/* Sitemap seo-section — balanced top + bottom spacing, higher specificity */
body.page-id-323 .seo-section.seo-section,
body.page-id-323 div.seo-section {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
/* Job application form — style url input to match other fields */
.wpcf7 input[type="url"] {
background: rgba(255,255,255,0.08) !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,0.2) !important;
width: 100%;
padding: 12px 14px;
font-family: 'Outfit', sans-serif;
font-size: .88rem;
outline: none;
border-radius: 2px;
}
/* Homepage hero form — align fields with card header */
.hh-card-body {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* About page testimonial quotes — larger text */
.three-col .tc blockquote {
font-size: 1.4rem;
}
/* /cfo-jobs/ confidential line — one line on desktop */
@media (min-width: 768px) {
.cfojobs-confidential {
white-space: nowrap;
max-width: none;
}
}
/* Seo-section body paragraph links — always gold sitewide */
.seo-section .seo-block p a {
color: var(--gold) !important;
}
/* Normalize breadcrumb vertical position on city pages */
.page-hero .hero-inner {
padding-top: 60px !important;
}
/* Blog post sidebar form labels — white */
.single-cfo_resource .wpcf7 label,
.single-cfo_resource aside label {
color: #ffffff !important;
}
/* Blog post sidebar form labels — white */
body.single-cfo_resource .wpcf7 label,
body.single-cfo_resource aside label,
body.single-cfo_resource .wpcf7 .wpcf7-form label,
body.single-cfo_resource form label {
color: #ffffff !important;
opacity: 1 !important;
}
/* Job application form — space between label and input */
.single-cfo_job .wpcf7 label {
display: block !important;
margin-bottom: 6px !important;
margin-top: 16px !important;
}
.single-cfo_job .wpcf7 label:first-child {
margin-top: 0 !important;
}
/* Blog post sidebar form — placeholder color matches city page forms */
.single-cfo_resource .wpcf7 input::placeholder,
.single-cfo_resource .wpcf7 textarea::placeholder {
color: rgba(255, 255, 255, 0.6) !important;
opacity: 1 !important;
}
/* Blog post sidebar form — placeholder color 0.6 opacity */
.single-cfo_resource aside .cfo-ajax-form input::placeholder,
.single-cfo_resource aside .cfo-form input::placeholder,
.single-cfo_resource aside .cfo-ajax-form textarea::placeholder,
.single-cfo_resource aside .cfo-form textarea::placeholder {
color: rgba(255, 255, 255, 0.6) !important;
opacity: 1 !important;
}
/* Interim CFO page hero — match standard padding-bottom */
.page-template-page-interim .page-hero {
padding-bottom: 76px !important;
}
.page-template-page-interim .page-hero + section,
.page-template-page-interim section.sec:first-of-type {
padding-top: 88px !important;
}
/* Interim CFO — align left column with right column box */
.page-template-page-interim .two-col > div:first-child {
padding-top: 0 !important;
margin-top: 0 !important;
align-self: start !important;
}
/* Logo strip heading size */
.logo-strip-label {
font-size: 1rem !important;
}
/* ============================================================
MOBILE FIXES — Tasks 1-13
============================================================ */
/* TASK 1: Homepage checkmark icons inline with text on mobile */
/* Actual selector: ul.chklist > li > span.chk */
@media(max-width:768px){
.chklist li {
display:flex !important;
flex-wrap:nowrap !important;
align-items:flex-start !important;
gap:12px !important;
}
.chklist li .chk {
flex-shrink:0 !important;
margin-bottom:0 !important;
}
/* Also cover original selectors if they exist elsewhere */
.diff-list li, .features-list li, .check-list li {
display:flex !important;
align-items:flex-start !important;
gap:12px !important;
}
.diff-list li svg, .diff-list li img, .diff-list li .check-icon {
flex-shrink:0 !important;
margin-bottom:0 !important;
}
}
/* TASK 2: Blog index hero subheading cut off on mobile */
/* Body class: post-type-archive-cfo_resource, subheading is a with inline white-space:nowrap */
/* TASK 3: Blog index white space between image and card on mobile */
/* Image wrapper has inline margin-bottom:16px */
/* TASK 4: About page reviews match homepage review font */
/* Both already use Cormorant Garamond, 1.4rem (~22.4px), italic — confirming match */
.three-col .tc blockquote {
font-family:'Cormorant Garamond',serif !important;
font-size:1.4rem !important;
font-style:italic !important;
font-weight:400 !important;
}
/* TASK 6 & 8: City pages — bullet dots on mobile */
/* Bullets use divs with inline display:flex, not li elements */
@media(max-width:768px){
.why-list li, .reasons-list li, .city-features li {
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
}
.why-list li::before, .reasons-list li::before {
flex-shrink:0 !important;
margin-top:6px !important;
}
/* City page bullet rows use divs with inline flex + gold dot */
.page-template-page-losangeles [style*="display:flex"][style*="gap:14px"],
.page-template-page-nyc [style*="display:flex"][style*="gap:14px"],
[class*="page-template-page-"] [style*="display:flex"][style*="gap:14px"] {
flex-direction:row !important;
flex-wrap:nowrap !important;
align-items:flex-start !important;
}
}
/* TASK 7: NYC stats bar — "30 Wall St" font size on mobile */
/* Stat value uses inline style font-size:2.8rem, body class page-template-page-nyc */
@media(max-width:768px){
.page-template-page-nyc .stat-value,
.page-template-page-nyc .stats-bar span {
font-size:clamp(1.2rem, 4vw, 2rem) !important;
}
/* Target inline-styled stat value divs */
.page-template-page-nyc [style*="font-size:2.8rem"] {
font-size:clamp(1.2rem, 4vw, 2rem) !important;
}
}
/* TASK 9: Contact page hero subheading cut off on mobile */
@media(max-width:768px){
.page-template-page-contact .hero-sub {
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
}
/* TASK 10: Job page content not centered on mobile */
@media(max-width:768px){
body.single-cfo_job section[style*="background:#f5f7fa"] > div[style*="grid-template-columns"] {
padding-left:16px !important;
padding-right:16px !important;
box-sizing:border-box !important;
}
body.single-cfo_job div[style*="padding:48px"] {
padding:24px !important;
}
}
/* TASK 12: Homepage mobile content centering */
@media(max-width:768px){
.home-hero .wrap, .home-hero .home-hero-content {
padding-left:20px !important;
padding-right:20px !important;
box-sizing:border-box !important;
}
}
/* TASK 13: Nav logo larger on mobile */
@media(max-width:768px){
#logo-main, .logo-main, header .logo img {
height:40px !important;
max-height:40px !important;
min-height:0 !important;
width:auto !important;
max-width:none !important;
}
}
@media(max-width:480px){
#logo-main, .logo-main, header .logo img {
height:40px !important;
max-height:40px !important;
min-height:0 !important;
width:auto !important;
max-width:none !important;
}
}
/* TASK 1 (Round 3): Fix city stat cell padding and font-size for 2+2 grid and 30 Wall St */
@media(max-width:768px){
[class*="page-template-page-"] [style*="padding:0 32px"] {
padding:0 12px !important;
flex:0 0 50% !important;
box-sizing:border-box !important;
}
[class*="page-template-page-"] [style*="font-size:2.8rem"] {
font-size:clamp(1.2rem,4vw,1.4rem) !important;
}
}
/* TASK 2 (Round 3): Blog article padding reduction */
/* Match about page blockquote
text to homepage testimonial rendering */
.wp-page-content .three-col .tc blockquote p {
font-family:'Cormorant Garamond',serif !important;
font-size:1.4rem !important;
font-style:italic !important;
font-weight:400 !important;
color:#0d1b2e !important;
line-height:1.7 !important;
}
/* TASK 1 (Round 4): Fix blog image gap — restore img height inside wrapper */
/* Global img{height:auto} overrides inline height:200px on ![]()
; restore it */
/* TASK 2 (Round 5): NYC stat value — match Houston values exactly */
@media(max-width:768px){
.page-template-page-nyc [style*="font-size:2.8rem"] {
font-size:clamp(1.2rem,4vw,1.4rem) !important;
line-height:normal !important;
}
}
/* TASK 1 (Round 5): Blog archive section padding — 72px is too large on mobile */
@media(max-width:768px){
.post-type-archive-cfo_resource .sec,
.post-type-archive-cfo_resource section {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.post-type-archive-cfo_resource .wrap {
padding-left: 16px !important;
padding-right: 16px !important;
}
.post-type-archive-cfo_resource article img {
height: 200px !important;
width: 100% !important;
object-fit: cover !important;
display: block !important;
}
.post-type-archive-cfo_resource article {
padding: 16px !important;
}
}
/* TASK 1: Single blog post — fix featured image white gap */
/* global img { height:auto } overrides inline height:400px on featured img */
/* Restore so img fills its 400px overflow:hidden container */
.single-cfo_resource article > div:first-child img {
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
display: block !important;
}
/* TASK 2: Location pages — bullet dots inline fix */
/* Force bullet item containers to always be flex row with dot left of text */
[class*="page-template-page-"] [style*="display:flex"][style*="gap:14px"] {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
}
[class*="page-template-page-"] [style*="display:flex"][style*="gap:14px"] > div[style*="border-radius:50%"],
[class*="page-template-page-"] [style*="display:flex"][style*="gap:14px"] > div[style*="border-radius: 50%"] {
flex-shrink: 0 !important;
display: block !important;
align-self: flex-start !important;
margin-top: 6px !important;
}
/* City stats bar — vertical gap between stacked stat rows */
/* Flex container has display:flex;flex-wrap:wrap;gap:0 — add row-gap for vertical spacing */
[class*="page-template-page-"] [style*="flex-wrap:wrap"][style*="gap:0"],
[class*="page-template-page-"] [style*="flex-wrap: wrap"][style*="gap: 0"] {
row-gap: 24px !important;
}
/* ======================================================
CITY STATS BAR — DALLAS FIX + FONT SIZE INCREASE
====================================================== */
@media(max-width:768px){
/* PROBLEM 1: Dallas cell fix — spaced inline style variant */
/* Dallas uses "padding: 0 32px" (with spaces), other pages use "padding:0 32px" */
[class*="page-template-page-"] [style*="padding: 0 32px"] {
flex: 0 0 50% !important;
box-sizing: border-box !important;
}
/* PROBLEM 2: Increase stat value font-size on all city pages */
/* No-space selector (Houston, LA, Chicago, Philly, Boston) */
[class*="page-template-page-"] [style*="font-size:2.8rem"] {
font-size: clamp(1.5rem,5vw,1.8rem) !important;
line-height: 1.2 !important;
}
/* Spaced selector (Dallas) */
[class*="page-template-page-"] [style*="font-size: 2.8rem"] {
font-size: clamp(1.5rem,5vw,1.8rem) !important;
line-height: 1.2 !important;
}
/* NYC inline style was changed to clamp(1.2rem,4vw,1.4rem) — override */
[class*="page-template-page-"] [style*="clamp(1.2rem,4vw,1.4rem)"] {
font-size: clamp(1.5rem,5vw,1.8rem) !important;
line-height: 1.2 !important;
}
/* PROBLEM 2: Increase label font-size from .6rem to .68rem on all city pages */
/* No-space selector */
[class*="page-template-page-"] [style*="font-size:.6rem"] {
font-size: .68rem !important;
}
/* Spaced selector (Dallas) */
[class*="page-template-page-"] [style*="font-size: .6rem"] {
font-size: .68rem !important;
}
}
.nav-cta{display:none!important;}
@media(min-width:1101px){.nav-cta{display:inline-flex!important;}}
#logo-main{height:48px!important;width:auto!important;display:block!important;}
@media(max-width:1100px){#logo-main{height:32px!important;}.nav-links{display:none!important;}.hamburger{display:flex!important;}}
@media(max-width:480px){#logo-main{height:40px!important;}}
@media(min-width:1101px){
.nav-links{display:flex;align-items:center;list-style:none;gap:0;flex:1;justify-content:center;margin:0;padding:0;}
.nav-links>li{position:relative;}
.nav-links>li>a,.nav-links>li>span{display:block;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85);padding:8px 14px;transition:color .2s;white-space:nowrap;cursor:pointer;}
#nav.nav-solid .nav-links>li>a,#nav.nav-solid .nav-links>li>span{color:#0d1b2e;}
.nav-links>li>a:hover,.nav-links>li:hover>a,.nav-links>li:hover>span{color:#b8872a!important;}
.nav-links .has-dropdown>a:after{content:" \25BE";font-size:.7em;opacity:.7;}
.nav-links .dropdown{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid #e2e6ed;box-shadow:0 12px 48px rgba(13,27,46,.18);list-style:none;padding:8px 0;margin:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:1000;}
.nav-links .has-dropdown:hover .dropdown,.nav-links .has-dropdown:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.nav-links .dropdown li a{display:block;padding:10px 18px;font-size:.78rem;font-weight:500;color:#0d1b2e;text-transform:none;letter-spacing:0;transition:background .15s,color .15s;}
.nav-links .dropdown li a:hover{background:#fdf3e0;color:#9a7020!important;}
}
.home-hero{position:relative;min-height:100vh;background:#0d1b2e;display:flex;align-items:center;overflow:hidden;}
.home-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:kenBurns 20s ease infinite alternate;}
@keyframes kenBurns{from{transform:scale(1)}to{transform:scale(1.08)}}
.home-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,27,46,.9) 0%,rgba(13,27,46,.7) 60%,rgba(184,135,42,.12) 100%);}
.home-hero-content{position:relative;z-index:2;width:100%;padding-top:var(--nav-h);}
.home-hero-inner{display:grid;grid-template-columns:1fr 560px;gap:52px;align-items:center;}
.hero-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.hero-eyebrow::before{content:'';width:36px;height:1.5px;background:var(--gold);}
.hero-h1-home{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,5rem);font-weight:700;color:#fff;line-height:1.05;margin-bottom:24px;}
.hero-h1-home em{display:block;font-style:italic;color:var(--gold-l);}
.hero-sub-home{font-size:1.05rem;color:rgba(255,255,255,.6);line-height:1.78;max-width:540px;margin-bottom:36px;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:52px;}
.hero-metrics{display:flex;gap:0;border-top:1px solid rgba(255,255,255,.1);padding-top:32px;}
.metric-item{padding-right:32px;margin-right:32px;border-right:1px solid rgba(255,255,255,.12);}
.metric-item:last-child{border-right:none;}
.metric-num{font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:700;color:#fff;line-height:1;}
.metric-num span{color:var(--gold-l);}
.metric-lbl{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-top:6px;}
.hh-card{background:rgba(10,22,40,.75);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);padding:0;min-width:500px;}
.hh-card-header{background:var(--gold);padding:12px 24px;}
.hh-card-header h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:#fff;font-weight:600;}
.hh-card-header p{font-size:.72rem;color:rgba(255,255,255,.75);margin-top:4px;}
.hh-card-body{padding:20px 24px;}
/* Hero ghost buttons */
.btn.btn-outline {
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
font-size:.95rem;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
color:#fff!important;
border:2px solid rgba(255,255,255,.6);
background:transparent;
text-decoration:none;
transition:all .25s ease;
}
.btn.btn-outline:hover {
background:rgba(255,255,255,.12);
border-color:#fff;
}
.btn.btn-outline{
display:inline-flex;align-items:center;justify-content:center;
padding:14px 28px;font-size:.95rem;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:#fff!important;
border:2px solid rgba(255,255,255,.6);background:transparent;
text-decoration:none;transition:all .25s ease;
}
.btn.btn-outline:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.home-hero .btn.btn-gold{
font-size:.95rem;
}
/* ===== HOMEPAGE MOBILE ===== */
@media(max-width:1100px){
.home-hero-inner{grid-template-columns:1fr!important;gap:24px!important;}
.hh-card{display:none!important;}
.home-hero{padding:100px 20px 60px!important;}
.home-hero .wrap {
padding-left: 20px!important;
padding-right: 20px!important;
max-width: 100%!important;
box-sizing: border-box!important;
}
}
@media(max-width:768px){
.home-hero-inner{grid-template-columns:1fr!important;gap:16px!important;}
.home-hero-content{width:100%!important;max-width:100%!important;}
.hero-eyebrow{font-size:.7rem!important;}
.hero-h1-home{font-size:clamp(2rem,8vw,3.5rem)!important;}
.hero-sub-home{font-size:.95rem!important;max-width:100%!important;}
.hero-btns{flex-direction:column!important;gap:10px!important;}
.hero-btns a,.btn{display:block!important;width:100%!important;text-align:center!important;box-sizing:border-box!important;}
.hero-metrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;}
.metric-item{flex:unset!important;border-right:none!important;padding-right:0!important;margin-right:0!important;text-align:center!important;}
.home-hero{padding:80px 16px 40px!important;}
.hh-card{display:none!important;}
[style*="grid-template-columns"]{grid-template-columns:1fr!important;}
[style*="1fr 1fr"],[style*="repeat(2"],[style*="repeat(3"],[style*="repeat(4"]{grid-template-columns:1fr!important;}
.home-hero .wrap,
.home-hero .home-hero-content {
padding-left: 16px!important;
padding-right: 16px!important;
max-width: 100%!important;
overflow: hidden!important;
box-sizing: border-box!important;
}
.hero-btns {
flex-direction: column!important;
width: 100%!important;
box-sizing: border-box!important;
}
.hero-btns a,
.hero-btns .btn {
width: 100%!important;
box-sizing: border-box!important;
display: block!important;
text-align: center!important;
margin: 0!important;
}
.hero-eyebrow::before { display:none!important; }
.home-hero-bg::after {
background: linear-gradient(135deg,rgba(13,27,46,.92) 0%,rgba(13,27,46,.85) 100%)!important;
}
.hero-sub-home {
font-size:.9rem!important;
max-width:100%!important;
width:100%!important;
overflow:hidden!important;
word-wrap:break-word!important;
overflow-wrap:break-word!important;
padding-right:0!important;
}
.home-hero-content,
.home-hero-inner,
.home-hero-inner > div:first-child {
max-width:100%!important;
overflow:hidden!important;
width:100%!important;
}
}
/* ===== GLOBAL MOBILE OVERRIDES — loads last, highest priority ===== */
@media(max-width:1100px){
.home-hero-inner,.hh-inner{grid-template-columns:1fr!important;gap:24px!important;}
.hh-card{display:none!important;}
}
@media(max-width:768px){
*,*::before,*::after{box-sizing:border-box!important;}
html,body{overflow-x:hidden!important;max-width:100vw!important;}
#logo-main,.custom-logo,.logo img{max-height:32px!important;width:auto!important;}
.nav-links{display:none!important;}
.hamburger{display:flex!important;}
.nav-right .nav-phone,.nav-right .nav-cta{display:none!important;}
.home-hero{padding:80px 16px 40px!important;}
.home-hero-inner{grid-template-columns:1fr!important;gap:16px!important;}
.hh-card{display:none!important;}
.hero-btns{flex-direction:column!important;gap:10px!important;}
.hero-btns a,.btn.btn-gold,.btn.btn-outline{display:block!important;width:100%!important;text-align:center!important;box-sizing:border-box!important;}
.hero-h1-home{font-size:clamp(2rem,8vw,3.2rem)!important;}
.hero-metrics{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;}
.page-hero{padding:90px 20px 40px!important;min-height:auto!important;}
.page-hero h1{font-size:clamp(1.4rem,6vw,2rem)!important;line-height:1.2!important;}
.wrap,.sec,.section-inner{padding-left:20px!important;padding-right:20px!important;max-width:100%!important;}
[style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:16px!important;}
[style*="1fr 1fr"],[style*="1fr 380px"],[style*="1fr 320px"],[style*="1fr 400px"]{grid-template-columns:1fr!important;}
[style*="repeat(2,1fr)"],[style*="repeat(3,1fr)"],[style*="repeat(4,1fr)"]{grid-template-columns:1fr!important;}
.home-hero-inner,.about-two-col,.process-grid,.locations-grid,.cards-grid,.stats-grid,.two-col,.three-col,.four-col,.contact-wrap,.contact-grid,.reveal-wrap,.content-sidebar,.job-wrap,.resource-wrap,.blog-grid,.job-grid,.card-grid,.service-cards,.city-two-col,.retained-grid,.salary-grid,.clients-grid,.headhunters-grid{grid-template-columns:1fr!important;gap:20px!important;}
.reveal-left,.reveal-right{transform:none!important;opacity:1!important;grid-column:1!important;}
.two-col[style*="flex"]{flex-direction:column!important;align-items:stretch!important;gap:16px!important;}
[style*="justify-content:space-between"]{flex-direction:column!important;align-items:flex-start!important;gap:20px!important;}
[style*="gap:14px"]{flex-direction:column!important;width:100%!important;}
[style*="gap:14px"] a{width:100%!important;text-align:center!important;display:block!important;}
[style*="display:flex"]{flex-wrap:wrap!important;}
.site-cta-buttons{flex-direction:column!important;align-items:stretch!important;}
.site-cta-btn-gold,.site-cta-btn-outline{width:100%!important;text-align:center!important;margin-bottom:10px!important;display:block!important;}
.btn,a.btn,[class*="btn-"]{display:block!important;width:100%!important;text-align:center!important;margin-bottom:10px!important;}
.fb-cols,.footer-grid{grid-template-columns:1fr!important;gap:24px!important;}
.wpcf7 input,.wpcf7 select,.wpcf7 textarea{font-size:16px!important;width:100%!important;}
img{max-width:100%!important;height:auto!important;}
.single-cfo_job aside,.single-cfo_resource aside{position:static!important;width:100%!important;}
table{display:block!important;overflow-x:auto!important;max-width:100%!important;}
[style*="repeat(7,1fr)"],[style*="repeat(6,1fr)"],[style*="repeat(5,1fr)"]{grid-template-columns:repeat(2,1fr)!important;}
.site-cta-band,.site-cta-inner{padding:40px 20px!important;text-align:center!important;}
.hero-side-panel{display:none!important;}
.hero-cta-row{flex-direction:column!important;width:100%!important;gap:12px!important;}
.hero-cta-row a,.hero-cta-row button{width:100%!important;display:block!important;text-align:center!important;box-sizing:border-box!important;}
}
@media(max-width:480px){
.wrap,.sec{padding-left:16px!important;padding-right:16px!important;}
#logo-main,.custom-logo,.logo img{max-height:40px!important;}
.page-hero h1{font-size:clamp(1.2rem,7vw,1.6rem)!important;}
.site-cta-heading{font-size:22px!important;}
[style*="repeat(7,1fr)"],[style*="repeat(6,1fr)"],[style*="repeat(5,1fr)"]{grid-template-columns:repeat(2,1fr)!important;}
}