/*
 Theme Name:   Autopeople (GeneratePress child)
 Description:  Autopeople Automotive Recruiters — GeneratePress child theme. Replaces the Avada child theme (Nov 2026); same design rebuilt in GenerateBlocks.
 Author:       Next Level Marketing Communications
 Author URI:   https://nlmarcom.com
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  autopeople
*/

/* Fonts (self-hosted, only the weights Avada loaded) are in assets/fonts.css. */

/* ── Avada global palette + typography variables (content still references var(--awb-…) inline). ── */
:root {
	--awb-color1: #ffffff;
	--awb-color1-h: 0.0; --awb-color1-s: 0.0%; --awb-color1-l: 100.0%; --awb-color1-a: 100%;
	--awb-color2: #f6f6f6;
	--awb-color2-h: 0.0; --awb-color2-s: 0.0%; --awb-color2-l: 96.47%; --awb-color2-a: 100%;
	--awb-color3: #7cbef2;
	--awb-color3-h: 206.44; --awb-color3-s: 81.94%; --awb-color3-l: 71.76%; --awb-color3-a: 100%;
	--awb-color4: #999999;
	--awb-color4-h: 0.0; --awb-color4-s: 0.0%; --awb-color4-l: 60.0%; --awb-color4-a: 100%;
	--awb-color5: #747474;
	--awb-color5-h: 0.0; --awb-color5-s: 0.0%; --awb-color5-l: 45.49%; --awb-color5-a: 100%;
	--awb-color6: #0872ba;
	--awb-color6-h: 204.27; --awb-color6-s: 91.75%; --awb-color6-l: 38.04%; --awb-color6-a: 100%;
	--awb-color7: #333333;
	--awb-color7-h: 0.0; --awb-color7-s: 0.0%; --awb-color7-l: 20.0%; --awb-color7-a: 100%;
	--awb-color8: #000000;
	--awb-color8-h: 0.0; --awb-color8-s: 0.0%; --awb-color8-l: 0.0%; --awb-color8-a: 100%;
	--awb-custom10: #d42127;
	--awb-custom10-h: 357.99; --awb-custom10-s: 73.06%; --awb-custom10-l: 48.04%; --awb-custom10-a: 100%;
	--awb-custom11: #ebeaea;
	--awb-custom11-h: 0.0; --awb-custom11-s: 2.44%; --awb-custom11-l: 91.96%; --awb-custom11-a: 100%;
	--awb-custom12: #e0dede;
	--awb-custom12-h: 0.0; --awb-custom12-s: 3.12%; --awb-custom12-l: 87.45%; --awb-custom12-a: 100%;
	--awb-custom13: #231f20;
	--awb-custom13-h: 345.0; --awb-custom13-s: 6.06%; --awb-custom13-l: 12.94%; --awb-custom13-a: 100%;
	--awb-custom14: rgba(235,234,234,0.8);
	--awb-custom14-h: 0.0; --awb-custom14-s: 2.44%; --awb-custom14-l: 91.96%; --awb-custom14-a: 80%;
	--awb-custom15: #bebdbd;
	--awb-custom15-h: 0.0; --awb-custom15-s: 0.76%; --awb-custom15-l: 74.31%; --awb-custom15-a: 100%;
	--awb-custom16: #e5e5e5;
	--awb-custom16-h: 0.0; --awb-custom16-s: 0.0%; --awb-custom16-l: 89.8%; --awb-custom16-a: 100%;
	--awb-custom17: #f15824;
	--awb-custom17-h: 15.22; --awb-custom17-s: 87.98%; --awb-custom17-l: 54.31%; --awb-custom17-a: 100%;
	--awb-custom18: rgba(0,0,0,0.1);
	--awb-typography1-font-family: Assistant, Arial, Helvetica, sans-serif; --awb-typography1-font-size: 46px; --awb-typography1-font-weight: 600; --awb-typography1-line-height: 1.2; --awb-typography1-letter-spacing: -0.015em; --awb-typography1-text-transform: none;
	--awb-typography2-font-family: Oswald, Arial, Helvetica, sans-serif; --awb-typography2-font-size: 24px; --awb-typography2-font-weight: 600; --awb-typography2-line-height: 1.1; --awb-typography2-letter-spacing: 0px; --awb-typography2-text-transform: none;
	--awb-typography3-font-family: Inter, Arial, Helvetica, sans-serif; --awb-typography3-font-size: 16px; --awb-typography3-font-weight: 500; --awb-typography3-line-height: 1.2; --awb-typography3-letter-spacing: 0.015em; --awb-typography3-text-transform: none;
	--awb-typography4-font-family: Assistant, Arial, Helvetica, sans-serif; --awb-typography4-font-size: 16px; --awb-typography4-font-weight: 400; --awb-typography4-line-height: 1.7; --awb-typography4-letter-spacing: 0.015em; --awb-typography4-text-transform: none;
	--awb-typography5-font-family: Inter, Arial, Helvetica, sans-serif; --awb-typography5-font-size: 13px; --awb-typography5-font-weight: 400; --awb-typography5-line-height: 1.72; --awb-typography5-letter-spacing: 0.015em; --awb-typography5-text-transform: none;
	--awb-custom18-h: 0.0; --awb-custom18-s: 0.0%; --awb-custom18-l: 0.0%; --awb-custom18-a: 10%;
}

/* ── Avada sized every box as border-box. ── */
*, *::before, *::after { box-sizing: border-box; }

/* ── Base typography (Avada Theme Options). Block styles override these where set. ── */
body { font-family: Assistant, sans-serif; font-size: 16px; line-height: 1.7; color: #000000; background-color: #f4f4f4; }
a { color: #d42127; text-decoration: none; }
a:hover, a:focus { color: #000000; }
p { margin: 0 0 20px; }
/* :not([class*="gb-"]) lifts these above GP inline heading CSS while leaving GenerateBlocks text blocks to their own styles. */
:where(.entry-content, .dynamic-entry-content) h1:not([class*="gb-"]) { font-family: Assistant, sans-serif; font-weight: 300; font-size: 45px; line-height: 1.2; color: #333333; margin: 0.5em 0 0.25em; }
:where(.entry-content, .dynamic-entry-content) h2:not([class*="gb-"]) { font-family: Oswald, sans-serif; font-weight: 600; font-size: 30px; line-height: 1.2; color: #d42127; margin: 1em 0 0.25em; }
:where(.entry-content, .dynamic-entry-content) h3:not([class*="gb-"]) { font-family: Roboto, sans-serif; font-style: italic; font-weight: 700; font-size: 22px; line-height: 1.4; letter-spacing: 1pt; color: #333333; margin: 1em 0 0.15em; }
:where(.entry-content, .dynamic-entry-content) h4:not([class*="gb-"]) { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 20px; line-height: 1.4; color: #d42127; margin: 0.5em 0 1em; }
:where(.entry-content, .dynamic-entry-content) h5:not([class*="gb-"]) { font-family: Oswald, sans-serif; font-weight: 400; font-size: 25px; line-height: 1.4; color: #d42127; margin: 1em 0 0.25em; }
:where(.entry-content, .dynamic-entry-content) h6:not([class*="gb-"]) { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 12px; line-height: 1.3; letter-spacing: 1px; color: #333333; margin: 1em 0 1.5em; }
:where(.entry-content, .dynamic-entry-content) :is(ul, ol) { margin: 0 0 20px; padding-left: 40px; }
:where(.entry-content, .dynamic-entry-content) img { max-width: 100%; height: auto; }
.nbsp-space { white-space: nowrap; }

/* ── Layout: Avada "100% width" pages = full-width content area with 30px side padding;
      sections break out with -30px margins. Page background comes from the page (see inc/layout.php). ── */
body .site .site-content, body.one-container .site .site-content { padding: 0 30px; background-color: var(--ap-page-bg, #f4f4f4); }
.site.grid-container, .full-width-content .container.grid-container { max-width: none; width: 100%; }
/* Posts / archives with the sidebar keep Avada's 1400px site width. */
body.right-sidebar .site .site-content { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1460px; margin-left: auto; margin-right: auto; }
.separate-containers .inside-article, .one-container .inside-article { padding: 0; }
.separate-containers .site-main, .one-container .site-main { margin: 0; }
.inside-article, .separate-containers .inside-article { background: transparent; }
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) { margin-top: 0; }
.site-main > article { margin-bottom: 0; }
/* Avada "sticky footer": footer sits at the bottom of short pages. */
body { display: flex; flex-direction: column; min-height: 100vh; }
body > .site { flex: 1 0 auto; width: 100%; }
.admin-bar { --ap-admin-bar: 32px; }
@media (max-width: 782px) { .admin-bar { --ap-admin-bar: 46px; } }

/* ── Header: the menu switches to the mobile button at 1,079px (set in the Site Header element). ── */
.ap-site-header .gb-menu-container--mobile .gb-sub-menu { box-shadow: none; }
.ap-site-header .gb-menu-link { transition: color .3s, background-color .3s; }

/* ── Modals (were Avada fusion_modal). Opened by links to #ap-modal-<name>; see assets/js/site.js. ── */
.ap-modal { display: none; position: fixed; inset: 0; z-index: 100000; overflow-y: auto; background: rgba(0, 0, 0, 0.5); }
.ap-modal.is-open { display: block; }
html.ap-modal-active { overflow: hidden; }
.block-editor-page .ap-modal, .editor-styles-wrapper .ap-modal { display: block; position: relative; inset: auto; background: rgba(0, 0, 0, 0.08); padding: 10px 0; }

/* ── Back to top (was Avada "To Top"). ── */
.ap-to-top { position: fixed; right: 75px; bottom: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; width: 48px; height: 35px; border-radius: 4px 4px 0 0; background: #333333; color: #d42127; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.ap-to-top.is-visible { opacity: 1; visibility: visible; }
.ap-to-top:hover, .ap-to-top:focus { color: #ffffff; background: #333333; }
.ap-to-top svg { width: 14px; height: 14px; fill: currentColor; }
@media (max-width: 800px) { .ap-to-top { display: none; } }

/* ── Gravity Forms (Avada styled the legacy markup). ── */
.gform_required_legend { display: none; }

/* ── Search + archives in the blog sidebar. ── */
.ap-blog-sidebar .wp-block-latest-posts { margin: 0; padding: 0; list-style: none; }
.ap-blog-sidebar .wp-block-latest-posts li { margin: 0; padding: 0 10px 10px 12px; border-bottom: 1px solid #e0dede; margin-bottom: 10px; }
.ap-blog-sidebar .wp-block-search__inside-wrapper { border: 0; padding: 0; }
.ap-blog-sidebar .wp-block-search__input { height: 50px; padding: 0 15px; font-size: 15px; border: 1px solid #d2d2d2; border-radius: 0; background: #fff; }
.ap-blog-sidebar .wp-block-search__button { width: 50px; height: 50px; margin: 0; padding: 0; border: 0; border-radius: 0; background: #000; color: #fff; display: flex; align-items: center; justify-content: center; }
.ap-blog-sidebar .wp-block-archives-dropdown select { width: 100%; height: 50px; padding: 0 15px; font-size: 15px; border: 1px solid #d2d2d2; background: #fff; }

/* ── Blog posts / archives with Avada's right "Blog Sidebar": content 941px + 6% gutter + 305px sidebar of 1325px. ── */
body.right-sidebar .site .site-content .content-area { width: 71.02%; }
body.right-sidebar .site .site-content .is-right-sidebar { width: 23.02%; padding: 0 20px; }
body.right-sidebar .site .site-content .is-right-sidebar .inside-right-sidebar { padding: 0; }
.ap-standard-post .site-main { padding-top: 0; }
@media (max-width: 800px) {
	body.right-sidebar .site .site-content { display: flex; flex-direction: column; }
	body.right-sidebar .site .site-content .content-area { width: 100%; margin-top: 50px; }
	body.right-sidebar .site .site-content .is-right-sidebar { width: 100%; order: -1; }
}

/* Content tables as Avada rendered them (no cell padding or borders, default 2px spacing). */
:is(.entry-content, .dynamic-entry-content) table { width: 100%; margin: 0; border: 0; border-collapse: separate; border-spacing: 2px; }
:is(.entry-content, .dynamic-entry-content) :is(th, td) { padding: 0; border: 0; }

/* ── Site-wide consistency: one page frame, one page title, tighter body text. Homepage is excluded. ── */
body { line-height: 1.5; }
#main :is(p, li, td, dd) { line-height: 1.5; }
p { margin-bottom: 16px; }
:where(.entry-content, .dynamic-entry-content) :is(ul, ol) { margin-bottom: 16px; }

/* Page title */
body:not(.home) main h1 { color: #d42127; font-family: Oswald, sans-serif; font-size: 40px; font-style: normal; font-weight: 600; letter-spacing: normal; line-height: 1.2; margin: 0 0 24px; text-align: left; text-transform: none; }
body:not(.home) main h1 * { color: inherit; font: inherit; }

/* Section headings */
body:not(.home) .entry-content h2 { font-family: Oswald, sans-serif; font-size: 30px; font-style: normal; font-weight: 600; letter-spacing: normal; line-height: 1.2; }
body:not(.home) .entry-content h3 { font-family: Roboto, sans-serif; font-size: 22px; font-style: italic; font-weight: 700; letter-spacing: normal; line-height: 1.3; }

/* Page frame: blue band with content in white cards */
body:not(.home) .site .site-content { background-color: #7cbef2; }
body:not(.home) .entry-content > [class*="gb-element-"] { padding-left: 20px; padding-right: 20px; }
body:not(.home) .entry-content > [class*="gb-element-"]:first-child { margin-top: 0; padding-top: 50px; }
body:not(.home) .entry-content > [class*="gb-element-"]:last-child { margin-bottom: 0; padding-bottom: 50px; }

/* Pages without their own card */
:is(.page-id-6441, .page-id-731, .page-id-420, .page-id-13, .page-id-3, .page-id-1307, .page-id-577) .site-main { padding: 50px 0; }
:is(.page-id-6441, .page-id-731, .page-id-420, .page-id-13, .page-id-3, .page-id-1307, .page-id-577) .site .inside-article { background: #ffffff; margin: 0 auto; max-width: 1400px; padding: 50px; }
body:not(.home):is(.page-id-420, .page-id-13, .page-id-3, .page-id-1307, .page-id-577) .entry-content > [class*="gb-element-"],
body:not(.home):is(.page-id-420, .page-id-13, .page-id-3, .page-id-1307, .page-id-577) .entry-content > [class*="gb-element-"]:first-child { background: transparent; margin: 0; padding: 0; }

/* Posts and archives */
body.right-sidebar .site .site-content { padding-bottom: 50px; padding-top: 50px; }
body.single-post .ap-single-post { background: #ffffff; padding: 50px; }
#right-sidebar { background: #ffffff; padding: 30px; }
body.archive .site .page-header { background: #ffffff; margin-bottom: 20px; padding: 40px 50px; }
body.archive .site .page-header h1 { margin-bottom: 0; }
body.archive .site .inside-article { background: #ffffff; padding: 30px; }

/* Page specific alignment */
.page-id-1307 .gb-element-c1b67415 { padding-top: 0; }
.page-id-3743 .gb-element-ffa6ac97 { margin-top: 0; padding-top: 50px; }
.page-id-323 .gb-element-de7c9a94 { padding-top: 50px; }
.page-id-323 .entry-content > [class*="gb-element-"]:nth-child(2) { padding-top: 0; }
.page-id-323 .entry-content > [class*="gb-element-"]:nth-child(2) > [class*="gb-element-"] { background: #ffffff; padding: 0 50px 50px; }

/* Form pages use the same white card */
.page-id-299 .gb-element-4bc98788,
.page-id-75 .gb-element-f772187e { background: #ffffff; color: #000000; max-width: none; width: 100%; }
:is(.page-id-299 .gb-element-4bc98788, .page-id-75 .gb-element-f772187e) :is(p, label, legend, span.gfield_required, .gfield_label, .gform-field-label) { color: #000000; }
:is(.page-id-299 .gb-element-4bc98788, .page-id-75 .gb-element-f772187e) :is(input:not([type=submit]):not([type=button]), select, textarea) { border: 1px solid #999999; }
.page-id-75 .entry-content > [class*="gb-element-"]:nth-child(2) { margin-top: 0; padding-top: 0; }

/* Phones and small tablets */
@media (max-width: 768px) {
  body:not(.home) main h1 { font-size: 32px; margin-bottom: 20px; }
  body:not(.home) .entry-content h2 { font-size: 26px; }
  body:not(.home) .entry-content h3 { font-size: 20px; }
  body:not(.home) .entry-content > [class*="gb-element-"] { padding-left: 0; padding-right: 0; }
  body:not(.home) .entry-content > [class*="gb-element-"]:first-child { padding-top: 24px; }
  body:not(.home) .entry-content > [class*="gb-element-"]:last-child { padding-bottom: 24px; }
  :is(.page-id-6441, .page-id-731, .page-id-420, .page-id-13, .page-id-3, .page-id-1307, .page-id-577) .site-main { padding: 24px 0; }
  :is(.page-id-6441, .page-id-731, .page-id-420, .page-id-13, .page-id-3, .page-id-1307, .page-id-577) .site .inside-article,
  body.single-post .ap-single-post { padding: 24px; }
  body.right-sidebar .site .site-content { padding-bottom: 24px; padding-top: 24px; }
  body.archive .site .page-header { padding: 24px; }
}

/* Line up left edges with the main template */
.page-id-4189 .entry-content > [class*="gb-element-"]:first-child > [class*="gb-element-"] > [class*="gb-element-"]:first-child { padding-left: 50px; }
@media (min-width: 769px) {
  body:not(.home):is(.page-id-6441, .page-id-731, .page-id-420, .page-id-13, .page-id-3, .page-id-1307, .page-id-577) .site .site-content,
  body.right-sidebar .site .site-content { padding-left: 20px; padding-right: 20px; }
  body.right-sidebar .site .site-content { max-width: 1440px; }
  :is(.page-id-270, .page-id-269) .entry-content > [class*="gb-element-"]:first-child > [class*="gb-element-"] > [class*="gb-element-"]:first-child { margin-top: 0; padding-left: 50px; padding-top: 50px; }
}

/* Phones: article before sidebar */
@media (max-width: 768px) {
  body.right-sidebar .site .site-content { flex-direction: column; }
  body.right-sidebar #primary { order: 1; width: 100%; }
  body.right-sidebar #right-sidebar { margin-top: 20px; order: 2; width: 100%; }
}

/* ── Footer logo: same widths as the header logo. Higher specificity than Smush's lazy-load placeholder rule, so the logo is the right size before it loads. Smush's rule is !important, so its width variable is set too. ── */
.ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 160px; --smush-image-aspect-ratio: 200/119; width: 160px; }
@media (max-width: 1024px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 150px; width: 150px; } }
@media (max-width: 640px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 130px; width: 130px; } }
@media (max-width: 400px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 120px; width: 120px; } }
@media (max-width: 340px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 100px; width: 100px; } }

/* ── Homepage balance (2026-11-07) ── */
/* "Top Talent" band: heading side and e-book card side get equal halves on desktop (was 37.6% / 58.4%). */
@media (min-width: 1025px) {
  .home .gb-element-f73b494b,
  .home .gb-element-fb1dbab8 { width: 48%; }
}
/* Stats band: the row was shifted 7px left by a negative margin; centre it. */
.home .gb-element-721997df { margin-left: 0; margin-right: 0; width: 100%; }
/* Clients / Candidates / People cards: equal widths, even gaps, content from the top, Read More buttons aligned at the bottom. */
@media (min-width: 641px) {
  .home .gb-element-71272b74 { column-gap: 16px; }
  .home .gb-element-b2661954,
  .home .gb-element-3781f9ae,
  .home .gb-element-521f1e81 { flex: 1 1 0; justify-content: flex-start; width: auto; }
  .home .gb-element-7f543014,
  .home .gb-element-40cc7a69,
  .home .gb-element-7c5e8cd8 { margin-top: auto; }
}

/* ── Homepage hero buttons: smaller (was 220 × 59px, 18px text) ── */
.home .gb-text-62330192,
.home .gb-text-93cf4e23 { font-size: 15px; line-height: 18px; min-width: 180px; padding: 12px 28px; }
@media (max-width: 1024px) {
  .home .gb-text-62330192,
  .home .gb-text-93cf4e23 { padding: 11px 24px; }
}
@media (max-width: 640px) {
  .home .gb-text-62330192,
  .home .gb-text-93cf4e23 { min-width: 140px; padding: 11px 12px; }
}

/* ── Homepage "Top Talent" block: balanced layout ── */
/* E-book card: cover on the left, text and button left-aligned beside it (641px and up). */
.home .gb-element-08879671 { order: -1; }
@media (min-width: 641px) {
  .home .gb-element-c46569ba { align-items: center; column-gap: 32px; flex-wrap: nowrap; }
  .home .gb-element-08879671 { flex: 0 0 150px; width: 150px; }
  .home .gb-element-08879671 img { width: 100%; }
  .home .gb-element-4286d494 { flex: 1 1 auto; width: auto; }
  .home .gb-text-15c32c27,
  .home .gb-element-84a0af20 { text-align: left; }
  .home .gb-text-15c32c27 { margin-bottom: 10px; }
  .home .gb-element-84a0af20 p { margin-bottom: 0; }
  .home .gb-element-8e2aa742 { justify-content: flex-start; margin-top: 20px; }
}
/* Desktop: both halves the same height, content centred vertically. */
@media (min-width: 1025px) {
  .home .gb-element-556d1c9c { align-items: stretch; }
  .home .gb-element-f73b494b { justify-content: center; padding: 24px 40px; }
  .home .gb-element-fb1dbab8 { justify-content: center; padding: 28px 36px; }
}
/* Phones: cover on top, smaller and centred; main heading 32px with room above the button. */
@media (max-width: 640px) {
  .home .gb-element-08879671 { align-items: center; display: flex; justify-content: center; margin-bottom: 20px; }
  .home .gb-element-08879671 img { width: 140px; }
  .home .gb-text-88d72c48 { font-size: 32px; margin-bottom: 24px; }
  .home .gb-element-8e2aa742 { margin-top: 20px; }
}

/* E-book card heading: normal letter spacing (was 1.33px). */
.home .gb-text-15c32c27 { letter-spacing: normal; }
/* Phones: less side padding on the "Top Talent" heading so "Automotive Industry" stays on one line. */
@media (max-width: 640px) {
  .home .gb-element-f73b494b { padding-left: 20px; padding-right: 20px; }
}

/* ── "Top Talent" block as a blue / white split screen (overrides the card layout above) ── */
.home .gb-element-f794bf02 { padding: 0; }
.home .gb-element-556d1c9c { align-items: stretch; column-gap: 0; margin-left: 0; margin-right: 0; max-width: none; }
.home .gb-element-f73b494b { background-color: #0872ba; justify-content: center; padding: 50px 30px; }
.home .gb-element-fb1dbab8 { background-color: #ffffff; border-radius: 0; justify-content: center; padding: 50px 30px; }
@media (min-width: 1025px) {
  .home .gb-element-f73b494b,
  .home .gb-element-fb1dbab8 { padding: 60px 50px; width: 50%; }
}
@media (max-width: 640px) {
  .home .gb-element-f73b494b,
  .home .gb-element-fb1dbab8 { padding: 40px 20px; }
}

/* "Top Talent" heading: smaller so the blue half balances the e-book half (was 40px desktop / 32px phones). */
.home .gb-text-88d72c48 { font-size: 32px; }
@media (max-width: 640px) {
  .home .gb-text-88d72c48 { font-size: 28px; }
}

/* ── Main navigation (desktop menu, 1,080px and up): spacing and underline effect ── */
@media (min-width: 1080px) {
  /* Spacing between top-level items: a flex gap instead of 9px side margins, so the outer edges stay put. */
  .ap-site-header .gb-menu-d61c0749 { column-gap: 32px; }
  .ap-site-header .gb-menu-d61c0749 > .gb-menu-item-mi1c0749 { margin-left: 0; margin-right: 0; }
  /* Underline: grows from the centre on hover / keyboard focus; stays on the current page's tab. Text links only, not the red buttons. */
  .ap-site-header .gb-menu-d61c0749 > .gb-menu-item:not(.ap-menu-btn) > .gb-menu-link { position: relative; }
  .ap-site-header .gb-menu-d61c0749 > .gb-menu-item:not(.ap-menu-btn) > .gb-menu-link::after {
    background-color: currentColor; bottom: -6px; content: ""; height: 2px; left: 0; position: absolute; right: 0;
    transform: scaleX(0); transform-origin: center; transition: transform .25s ease;
  }
  .ap-site-header .gb-menu-d61c0749 > .gb-menu-item:not(.ap-menu-btn):hover > .gb-menu-link::after,
  .ap-site-header .gb-menu-d61c0749 > .gb-menu-item:not(.ap-menu-btn) > .gb-menu-link:focus-visible::after,
  .ap-site-header .gb-menu-d61c0749 > .current-menu-item:not(.ap-menu-btn) > .gb-menu-link::after,
  .ap-site-header .gb-menu-d61c0749 > .current-menu-ancestor:not(.ap-menu-btn) > .gb-menu-link::after { transform: scaleX(1); }
}
@media (min-width: 1080px) and (max-width: 1279px) {
  .ap-site-header .gb-menu-d61c0749 { column-gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .ap-site-header .gb-menu-d61c0749 .gb-menu-link::after { transition: none; }
}

/* Dropdown (sub-menu) items: same face and size as the main navigation (were Roboto 15px). */
.ap-site-header .gb-sub-menu-sm1c0749 .menu-item > .gb-menu-link { font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.02em; line-height: 1.2; }

/* ── Buttons: smaller corner radius site-wide, 12px (were 50px pills) ── */
/* All GenerateBlocks button links (466 styles across the site) and the header's Salary Guide / Contact buttons. The round LinkedIn badge is excluded. */
body a[class*="gb-text-"]:not(.gb-text-77ee1dbc),
body button[class*="gb-text-"],
body .ap-site-header .gb-menu .ap-menu-btn > .gb-menu-link { border-radius: 12px; }

/* ── Buttons: no outline in the normal state. The 2px border is kept but transparent, so sizes don't shift; each button's own border colour returns on hover / click / focus. Icon-only links (with an aria-label, e.g. the LinkedIn icons) keep their frames. ── */
body a[class*="gb-text-"]:not([aria-label]):not(:hover):not(:focus),
body button[class*="gb-text-"]:not([aria-label]):not(:hover):not(:focus),
body .ap-site-header .gb-menu .ap-menu-btn > .gb-menu-link:not(:hover):not(:focus) { border-color: transparent; }
/* Homepage "Our People" card: its red Read More sat on a red card and relied on the white outline; it is now white with red text. */
.home .gb-text-8c60054b:not(:hover):not(:focus) { background-color: #ffffff; color: #d42127; }

/* ── Buttons: content centred horizontally and vertically, including labels that wrap onto two lines on phones. Excludes icon-only links and five plain links that share the class (two "Next" pagination links, three Post a Job nav links). ── */
body a[class*="gb-text-"]:not([aria-label]):not(.gb-text-066d2dda):not(.gb-text-9c6301ff):not(.gb-text-71027e99):not(.gb-text-c2703051):not(.gb-text-9de7a4d4),
body button[class*="gb-text-"]:not([aria-label]),
body .ap-site-header .gb-menu .ap-menu-btn > .gb-menu-link { align-items: center; justify-content: center; text-align: center; }

/* ── Header (desktop menu, 1,080px and up): phone number sits above the Salary Guide / Contact buttons; the menu row drops to the bottom of the header. ── */
@media (min-width: 1080px) {
  .ap-site-header .gb-element-c42379fb { position: static; }
  .ap-site-header .gb-text-d7d5d4f2 { margin: 0; position: absolute; right: 30px; text-align: center; top: 28px; width: 257px; }
  .ap-site-header .gb-element-6c8547d4 { align-items: flex-end; padding-bottom: 6px; }
}
@media (min-width: 1080px) and (max-width: 1279px) {
  .ap-site-header .gb-text-d7d5d4f2 { width: 191px; }
}

/* ── Header redesign (desktop menu, 1,080px and up): three balanced zones. Logo left; menu links centred in the space between the logo and the buttons, level with the logo's centre; phone number + Salary Guide / Contact as one stack on the right, centred vertically. Overrides the "phone above the buttons" rules above. ── */
@media (min-width: 1080px) {
  .ap-site-header .gb-element-6c8547d4 { align-items: stretch; padding-bottom: 0; }
  .ap-site-header .gb-navigation-11d30118 { align-items: stretch; flex: 1 1 auto; }
  .ap-site-header .gb-menu-container-958a6464 { display: flex; width: 100%; }
  .ap-site-header .gb-menu-d61c0749 { align-items: center; justify-content: flex-start; width: 100%; }
  .ap-site-header .gb-menu-d61c0749 > .gb-menu-item:first-child { margin-left: auto; }
  .ap-site-header .gb-menu-d61c0749 > :not(.ap-menu-btn) + .ap-menu-btn { margin-left: auto; }
  .ap-site-header .gb-menu-d61c0749 > .ap-menu-btn { align-self: flex-end; margin-bottom: 8px; }
  .ap-site-header .gb-text-d7d5d4f2 { top: 35px; }
}
@media (min-width: 1080px) {
  /* Zero-width spacer before the first link, so the same item gap sits on both sides of the centred links. */
  .ap-site-header .gb-menu-d61c0749::before { content: ""; flex: 0 0 0; }
}
@media (min-width: 1080px) and (max-width: 1279px) {
  .ap-site-header .gb-text-d7d5d4f2 { top: 39px; }
}

/* ── Footer redesign: balanced columns ── */
/* Desktop: brand 24%, links 36% (heading on one line from 1,280px, level with "Global Network"), network 36%. Column heights end within about 50px of each other. */
@media (min-width: 1025px) {
  .ap-site-footer .gb-element-c1462004 { max-width: 320px; width: 24%; }
  .ap-site-footer .gb-element-af28d4ba { max-width: 480px; width: 36%; }
  .ap-site-footer .gb-element-203055e5 { max-width: 480px; width: 36%; }
}
/* Sanford Rose paragraphs: 14px like the rest of the footer text (were 12px). */
.ap-site-footer .gb-text-d90305ad,
.ap-site-footer .gb-text-83eaf87e { font-size: 14px; line-height: 1.6; }

/* ── Main navigation text: 16px, the same as the dropdown items (was 18px; reduced 2026-11-09 to make room for the Markets tab). The mobile menu panel keeps its own 18px rule. ── */
.ap-site-header .gb-menu-d61c0749 > .gb-menu-item:not(.ap-menu-btn) > .gb-menu-link { font-size: 16px; }
@media (min-width: 1280px) {
  /* 17px on wider screens (2026-11-09), where the header has more room and the gaps between tabs are 32px. 1,080-1,279px stays 16px so the menu fits on one line. */
  .ap-site-header .gb-menu-d61c0749 > .gb-menu-item:not(.ap-menu-btn) > .gb-menu-link { font-size: 17px; }
}

/* ── Homepage e-book title "How To Spot Top Talent For Your Dealership": always one line. Size follows the width of its text column (22px max, 15px min). 1,025-1,279px: smaller cover and tighter card spacing give the title room. ── */
.home .gb-element-4286d494 { container-type: inline-size; }
.home .gb-text-15c32c27 { font-size: clamp(15px, 5.1cqw, 22px); white-space: nowrap; }
@media (min-width: 1025px) and (max-width: 1279px) {
  .home .gb-element-fb1dbab8 { padding-left: 30px; padding-right: 30px; }
  .home .gb-element-c46569ba { column-gap: 24px; }
  .home .gb-element-08879671 { flex-basis: 110px; width: 110px; }
}


/* ── Logos 80% (2026-11-07). Header: inline SVG (Site Header element 5022) with the logo mark at 80% and the "Member of Sanford Rose Associates Network" line unchanged in size, set farther below the mark. The SVG keeps the old image widths, so the tagline renders exactly as before. Footer logo: 80% of its previous widths. ── */
.ap-site-header .ap-logo-link { display: block; line-height: 0; }
.ap-site-header .ap-logo-svg { display: block; width: 160px; max-width: 100%; height: auto; }
@media (max-width: 1024px) { .ap-site-header .ap-logo-svg { width: 150px; } }
@media (max-width: 640px) { .ap-site-header .ap-logo-svg { width: 130px; } }
@media (max-width: 400px) { .ap-site-header .ap-logo-svg { width: 120px; } }
@media (max-width: 340px) { .ap-site-header .ap-logo-svg { width: 100px; } }
.ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 128px; width: 128px; }
@media (max-width: 1024px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 120px; width: 120px; } }
@media (max-width: 640px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 104px; width: 104px; } }
@media (max-width: 400px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 96px; width: 96px; } }
@media (max-width: 340px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 80px; width: 80px; } }


/* ── Homepage "Top Talent" split screen, side by side (1,025px and up): content in both halves sits at the bottom, so Contact Us and Download Our Ebook Now line up exactly whatever the heading and blurb lengths. ── */
@media (min-width: 1025px) {
  .home .gb-element-f73b494b,
  .home .gb-element-fb1dbab8 { justify-content: flex-end; }
  .home .gb-element-4286d494 { align-self: flex-end; }
}

/* ── Header phone number: more space below it, above Salary Guide and Contact (glyph gap 11px, was 3px). Desktop menu only. ── */
@media (min-width: 1080px) {
  .ap-site-header .gb-text-d7d5d4f2 { top: 29px; }
  .ap-site-header .gb-menu-d61c0749 > .ap-menu-btn { margin-bottom: 6px; }
}
@media (min-width: 1080px) and (max-width: 1279px) {
  .ap-site-header .gb-text-d7d5d4f2 { top: 33px; }
}

/* ── Footer logo matches the header logo's drawn size: the PNG's artwork fills 98% of its width, the header SVG's mark 79.1%, so footer width = header width x 0.807. ── */
.ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 129px; width: 129px; }
@media (max-width: 1024px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 121px; width: 121px; } }
@media (max-width: 640px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 105px; width: 105px; } }
@media (max-width: 400px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 97px; width: 97px; } }
@media (max-width: 340px) { .ap-site-footer img.gb-media-289a7f54 { --smush-image-width: 81px; width: 81px; } }


/* ── Contact page (page 13) forms. The three accordions (Start Search Request, Send Your Resume, General Contact) were narrow side-by-side columns with 160px fields. Now: three full-width stacked cards, each opening a roomy Gravity Forms form. ── */
.page-id-13 .gb-element-e044ffdd { flex-direction: column; gap: 16px; margin-left: auto; margin-right: auto; max-width: 860px; width: 100%; }
.page-id-13 .gb-element-77690430,
.page-id-13 .gb-element-62f4d68a,
.page-id-13 .gb-element-5912902b { width: 100%; }

/* Cards */
.page-id-13 .gb-element-e044ffdd .gb-accordion__item { background: #ffffff; border: 1px solid #d9dee4; border-radius: 12px; box-shadow: 0 2px 8px rgba(16, 42, 67, 0.06); overflow: hidden; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle { align-items: center; column-gap: 16px; padding: 20px 24px; transition: background-color 0.15s ease; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle:hover { background-color: #f5f8fb; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle:focus-visible { outline: 3px solid #0872ba; outline-offset: -3px; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle > .gb-text { display: flex; flex: 1 1 auto; flex-direction: column; font-size: 22px; line-height: 1.25; order: 1; }
.page-id-13 .ap-acc-desc { color: #4a5560; font-family: "Source Sans Pro", "Source Sans 3", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.4; margin-top: 4px; text-transform: none; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle .gb-accordion__toggle-icon { background-color: #d42127 !important; color: #ffffff !important; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle:is(:hover, :focus) .gb-accordion__toggle-icon { background-color: #b31b20 !important; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle-icon { align-items: center; border-radius: 8px; display: flex; flex: 0 0 32px; height: 32px; justify-content: center; order: 2; width: 32px; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle[aria-expanded="false"] .gb-accordion__toggle-icon-open,
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle[aria-expanded="true"] .gb-accordion__toggle-icon-close { display: none; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle[aria-expanded="false"] .gb-accordion__toggle-icon-close,
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle[aria-expanded="true"] .gb-accordion__toggle-icon-open { display: flex; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__content { padding: 0 24px; }
.page-id-13 .gb-element-e044ffdd .gb-accordion__item-open > .gb-accordion__content,
.page-id-13 .gb-element-e044ffdd .gb-accordion__toggle[aria-expanded="true"] + .gb-accordion__content { border-top: 1px solid #e6eaee; padding-bottom: 28px; padding-top: 8px; }

/* ── Gravity Forms, all forms site-wide (classic markup: forms 2, 5, 7, 8, 11, 13). Same look as the contact page forms (moved here from the contact page section on 2026-11-07). 12-column field grid keeps each form's half / third widths; forms narrower than 560px use one column. ── */
.gform_wrapper.gform_legacy_markup_wrapper { container-name: apform; container-type: inline-size; }
.gform_wrapper.gform_legacy_markup_wrapper { margin: 0; max-width: none; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields { display: grid; gap: 20px 20px; grid-template-columns: repeat(12, minmax(0, 1fr)); margin: 0; padding: 0; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield { clear: none; float: none; grid-column: 1 / -1; margin: 0 !important; max-width: none !important; padding: 0 !important; width: auto !important; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gfield--width-half { grid-column: span 6; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gfield--width-third { grid-column: span 4; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gfield--width-two-thirds { grid-column: span 8; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gfield--width-quarter { grid-column: span 3; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gfield--width-three-quarter { grid-column: span 9; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gf_left_half,
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gf_right_half,
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li#field_5_16,
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li#field_5_17 { grid-column: span 6; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gf_left_third,
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gf_middle_third,
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gf_right_third { grid-column: span 4; }
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gf_first_quarter,
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gf_second_quarter,
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gf_third_quarter,
.gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield.gf_fourth_quarter { grid-column: span 3; }
.gform_wrapper.gform_legacy_markup_wrapper .gfield_label,
.gform_wrapper.gform_legacy_markup_wrapper legend.gfield_label { color: #1f2a33; display: block; font-size: 16px; font-weight: 600; line-height: 1.3; margin: 0 0 6px; padding: 0; }
.gform_wrapper.gform_legacy_markup_wrapper .gfield_required { color: #d42127; margin-left: 2px; }
.gform_wrapper.gform_legacy_markup_wrapper .top_label div.ginput_container,
.gform_wrapper.gform_legacy_markup_wrapper div.ginput_container { margin-top: 0; }
.gform_wrapper.gform_legacy_markup_wrapper input[type="text"],
.gform_wrapper.gform_legacy_markup_wrapper input[type="email"],
.gform_wrapper.gform_legacy_markup_wrapper input[type="tel"],
.gform_wrapper.gform_legacy_markup_wrapper select,
.gform_wrapper.gform_legacy_markup_wrapper textarea { background: #ffffff; border: 1px solid #b6c0ca !important; border-radius: 8px !important; box-shadow: none; box-sizing: border-box; color: #1f2a33; font-family: inherit; font-size: 16px !important; line-height: 1.4; margin: 0; max-width: none; width: 100% !important; }
.gform_wrapper.gform_legacy_markup_wrapper input[type="text"],
.gform_wrapper.gform_legacy_markup_wrapper input[type="email"],
.gform_wrapper.gform_legacy_markup_wrapper input[type="tel"],
.gform_wrapper.gform_legacy_markup_wrapper select { height: 48px !important; padding: 0 14px !important; }
.gform_wrapper.gform_legacy_markup_wrapper textarea { min-height: 140px; padding: 12px 14px !important; resize: vertical; }
.gform_wrapper.gform_legacy_markup_wrapper textarea.medium,
.gform_wrapper.gform_legacy_markup_wrapper textarea.large { height: 140px; }
.gform_wrapper.gform_legacy_markup_wrapper input:focus,
.gform_wrapper.gform_legacy_markup_wrapper select:focus,
.gform_wrapper.gform_legacy_markup_wrapper textarea:focus { border-color: #0872ba !important; box-shadow: 0 0 0 3px rgba(8, 114, 186, 0.2); outline: none; }
.gform_wrapper.gform_legacy_markup_wrapper ::placeholder { color: #7b8794; opacity: 1; }

/* Name and address: side-by-side parts */
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex { display: grid; gap: 14px 20px; grid-template-columns: 1fr 1fr; width: 100% !important; }
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex.ginput_container > span.ginput_left,
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex.ginput_container > span.ginput_right { margin: 0 !important; padding: 0 !important; width: 100% !important; }
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex.ginput_container_address > span.ginput_right + span.ginput_left.address_zip { padding-right: 0 !important; }
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex::after { display: none; }
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex > span { display: block; float: none; margin: 0 !important; max-width: none; padding: 0 !important; width: 100% !important; }
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex > span.ginput_full,
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex > .gf_clear { grid-column: 1 / -1; }
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex > .gf_clear { display: none; }
.gform_wrapper.gform_legacy_markup_wrapper .ginput_complex label { color: #5b6670; display: block; font-size: 14px; font-weight: 400; letter-spacing: 0; margin: 4px 0 0; padding: 0; }

/* File upload */
.gform_wrapper.gform_legacy_markup_wrapper input[type="file"] { background: #f7f9fb; border: 1px dashed #9aa6b2; border-radius: 8px; color: #1f2a33; font-size: 16px; padding: 12px; width: 100%; }
.gform_wrapper.gform_legacy_markup_wrapper .gform_fileupload_rules,
.gform_wrapper.gform_legacy_markup_wrapper .gfield_description { color: #5b6670; font-size: 14px; line-height: 1.4; padding: 6px 0 0; }

/* Privacy checkbox */
.gform_wrapper.gform_legacy_markup_wrapper .gfield_checkbox,
.gform_wrapper.gform_legacy_markup_wrapper .gfield_radio { margin: 0 !important; max-width: 100% !important; padding: 0 !important; width: 100% !important; }
.gform_wrapper.gform_legacy_markup_wrapper .gfield_checkbox .gchoice { align-items: flex-start; display: flex; gap: 12px; margin: 0; }
.gform_wrapper.gform_legacy_markup_wrapper .gfield_checkbox input[type="checkbox"] { accent-color: #d42127; flex: 0 0 22px; height: 22px; margin: 1px 0 0; width: 22px; }
.gform_wrapper.gform_legacy_markup_wrapper .gfield_checkbox label { color: #3c4750; font-size: 15px; line-height: 1.5; margin: 0; max-width: none; padding: 0; width: auto; }


/* Radio buttons (forms 7 and 8) */
.gform_wrapper.gform_legacy_markup_wrapper .gfield_radio { margin: 0; padding: 0; }
.gform_wrapper.gform_legacy_markup_wrapper .gfield_radio .gchoice,
.gform_wrapper.gform_legacy_markup_wrapper .gfield_radio li { align-items: flex-start; display: flex; gap: 12px; margin: 0 0 8px; padding: 0; }
.gform_wrapper.gform_legacy_markup_wrapper .gfield_radio input[type="radio"] { accent-color: #d42127; flex: 0 0 20px; height: 20px; margin: 2px 0 0; width: 20px; }
.gform_wrapper.gform_legacy_markup_wrapper .gfield_radio label { color: #3c4750; font-size: 16px; line-height: 1.5; margin: 0; max-width: none; padding: 0; width: auto; }

/* Submit button spacing (its look comes from the site-wide form button rule) */
.gform_wrapper.gform_legacy_markup_wrapper .gform_footer { margin: 24px 0 0; padding: 0; }

/* Errors */
.gform_wrapper.gform_legacy_markup_wrapper div.validation_error,
.gform_wrapper.gform_legacy_markup_wrapper .gform_validation_errors { background: #fdecec; border: 1px solid #d42127; border-radius: 8px; color: #8f1418; font-size: 16px; margin: 0 0 20px; padding: 12px 16px; }
.gform_wrapper.gform_legacy_markup_wrapper li.gfield.gfield_error { background: none; border: 0; margin: 0; padding: 0; }
.gform_wrapper.gform_legacy_markup_wrapper li.gfield_error input,
.gform_wrapper.gform_legacy_markup_wrapper li.gfield_error select,
.gform_wrapper.gform_legacy_markup_wrapper li.gfield_error textarea { border-color: #d42127; }
.gform_wrapper.gform_legacy_markup_wrapper .gfield_error .gfield_label { color: #1f2a33; }
.gform_wrapper.gform_legacy_markup_wrapper .validation_message { background: none; border: 0; color: #b31b20; font-size: 14px; padding: 6px 0 0; }

/* One column when the form is narrow (phones, pop-ups, side columns) */
@container apform (max-width: 559px) {
  .gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields,
  .gform_wrapper.gform_legacy_markup_wrapper .ginput_complex { grid-template-columns: minmax(0, 1fr); }
  .gform_wrapper.gform_legacy_markup_wrapper ul.gform_fields li.gfield { grid-column: 1 / -1 !important; }
}

/* Newer-markup form (form 12): same field look; its own grid is kept. */
.gform_wrapper.gravity-theme .gfield_label { color: #1f2a33; font-size: 16px; font-weight: 600; line-height: 1.3; margin-bottom: 6px; }
.gform_wrapper.gravity-theme .gfield_required { color: #d42127; }
.gform_wrapper.gravity-theme .gfield input:is([type="text"], [type="email"], [type="tel"]),
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea { background: #ffffff; border: 1px solid #b6c0ca !important; border-radius: 8px !important; box-shadow: none; box-sizing: border-box; color: #1f2a33; font-size: 16px !important; line-height: 1.4; }
.gform_wrapper.gravity-theme .gfield input:is([type="text"], [type="email"], [type="tel"]),
.gform_wrapper.gravity-theme .gfield select { height: 48px !important; padding: 0 14px !important; }
.gform_wrapper.gravity-theme .gfield textarea { min-height: 140px; padding: 12px 14px !important; }
.gform_wrapper.gravity-theme .gfield :is(input, select, textarea):focus { border-color: #0872ba !important; box-shadow: 0 0 0 3px rgba(8, 114, 186, 0.2); outline: none; }
.gform_wrapper.gravity-theme .gform-field-label--type-sub { color: #5b6670; font-size: 14px; }
.gform_wrapper.gravity-theme .gfield_checkbox .gchoice { align-items: flex-start; display: flex; gap: 12px; }
.gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"] { accent-color: #d42127; flex: 0 0 22px; height: 22px; margin: 1px 0 0; width: 22px; }
.gform_wrapper.gravity-theme .gfield_checkbox label { color: #3c4750; font-size: 15px; line-height: 1.5; }
.gform_wrapper.gravity-theme .gform_footer { margin: 24px 0 0; padding: 0; }

/* Contact page on phones: tighter card and page padding */
@media (max-width: 640px) {
  .page-id-13 .gb-element-e044ffdd .gb-accordion__toggle { padding: 18px 16px; }
  .page-id-13 .gb-element-e044ffdd .gb-accordion__toggle > .gb-text { font-size: 20px; }
  .page-id-13 .ap-acc-desc { font-size: 15px; }
  .page-id-13 .gb-element-e044ffdd .gb-accordion__content { padding-left: 16px; padding-right: 16px; }
  body.page-id-13 .site-content { padding-left: 12px !important; padding-right: 12px !important; }
  body.page-id-13 .inside-article { padding-left: 12px !important; padding-right: 12px !important; }
}


/* ── All form submit buttons match the site's red buttons (ap-btn): red, white Roboto Condensed bold italic capitals, 12px corners, 2px border; hover/focus white with a black border and dark text. ── */
body .gform_wrapper .gform_footer .gform_button,
body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_page_footer .gform_button,
body .gform_wrapper .gform_page_footer .gform_next_button,
body .gform_wrapper .gform_page_footer .gform_previous_button {
  align-items: center; background-color: #d42127; background-image: none; border: 2px solid transparent; border-radius: 12px; box-shadow: none; color: #ffffff; cursor: pointer; display: inline-flex; font-family: "Roboto Condensed", sans-serif; font-size: 15px; font-style: italic; font-weight: 700; justify-content: center; letter-spacing: normal; line-height: 18px; margin: 0; min-height: 46px; min-width: 180px; padding: 12px 28px; text-align: center; text-decoration: none; text-transform: uppercase; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out; width: auto;
}
body .gform_wrapper .gform_footer .gform_button:is(:hover, :focus),
body .gform_wrapper .gform_footer input[type="submit"]:is(:hover, :focus),
body .gform_wrapper .gform_page_footer :is(.gform_button, .gform_next_button, .gform_previous_button):is(:hover, :focus) {
  background-color: #ffffff; border-color: #000000; color: #231f20;
}
body .gform_wrapper .gform_footer .gform_button:focus-visible,
body .gform_wrapper .gform_footer input[type="submit"]:focus-visible { outline: 3px solid #0872ba; outline-offset: 2px; }

/* ActiveCampaign newsletter form (_form_5, opened from "Subscribe to Our Newsletter"): same button. Its embed CSS uses ID selectors with !important; :is(..., #ap-ac-form) gives this rule ID strength so it wins. */
body form._form:is(._form, #ap-ac-form) ._submit { background-color: #d42127 !important; background-image: none !important; border: 2px solid transparent !important; border-radius: 12px !important; box-shadow: none !important; color: #ffffff !important; cursor: pointer; font-family: "Roboto Condensed", sans-serif !important; font-size: 15px !important; font-style: italic !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 18px !important; min-height: 46px; min-width: 180px; padding: 12px 28px !important; text-transform: uppercase !important; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out; }
body form._form:is(._form, #ap-ac-form) ._submit:is(:hover, :focus) { background-color: #ffffff !important; border-color: #000000 !important; color: #231f20 !important; }

/* ── Footer copyright bar: all text white, links included (were black). ── */
.ap-site-footer .gb-text-9f98ba20,
.ap-site-footer .gb-text-9f98ba20 a { color: #ffffff; }
.ap-site-footer .gb-text-9f98ba20 a:is(:hover, :focus) { color: #ffffff; text-decoration: underline; }


/* ── Header Salary Guide and Contact buttons: dark text on hover/focus on every page. On their own pages the "current page" style kept the text white, so it vanished on the white hover background. ── */
.ap-site-header .gb-menu .ap-menu-btn > .gb-menu-link:is(:hover, :focus),
.ap-site-header .gb-menu .ap-menu-btn.current-menu-item > .gb-menu-link:is(:hover, :focus) { color: #231f20 !important; }


/* ── About page "Company Leadership" section (gb-element-970c3788): background photo blurred (12px) behind the content; heading red. The blur is a backdrop-filter layer between the section's own photo and its content, so the photo itself is unchanged. ── */
.page-id-10 .gb-element-970c3788 { isolation: isolate; overflow: hidden; position: relative; }
.page-id-10 .gb-element-970c3788::before { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: -1; }
.page-id-10 .gb-text-c4f251c5 { color: #d42127; }


/* ── Rounded corners (12px) on page content containers: the boxes that sit on the page background or on full-width photo/colour bands. Where two containers meet (side-by-side or stacked panels), the shared corners stay square so the pair reads as one panel. Generated from a logged-out survey of all pages at 1440 / 900 / 700 / 390px, 2026-11-07. ── */
.archive .inside-article,
.gb-element-000eaead,
.gb-element-01bc3545,
.gb-element-035be518,
.gb-element-04492863,
.gb-element-04bb30a4,
.gb-element-0a548303,
.gb-element-0b7a22d6,
.gb-element-0c1324bf,
.gb-element-129e962f,
.gb-element-1c0d6a48,
.gb-element-1d7bdf6a,
.gb-element-1e19eb08,
.gb-element-25cd0bc8,
.gb-element-2719fe36,
.gb-element-29e4ce8f,
.gb-element-338a67f3,
.gb-element-35372abc,
.gb-element-3b586aff,
.gb-element-3d064d3c,
.gb-element-4187df4d,
.gb-element-4500cbcc,
.gb-element-46b69d93,
.gb-element-490e230e,
.gb-element-49872597,
.gb-element-59a84dcd,
.gb-element-5ba0fffd,
.gb-element-63e0224b,
.gb-element-69b81144,
.gb-element-6ff71b4d,
.gb-element-71d75be3,
.gb-element-7489d295,
.gb-element-7d038e7e,
.gb-element-847598ca,
.gb-element-848f2008,
.gb-element-89e84fe5,
.gb-element-8b16139e,
.gb-element-8d3f8641,
.gb-element-a6e94a79,
.gb-element-a75119b4,
.gb-element-acd4a6b4,
.gb-element-ae91f199,
.gb-element-af50229d,
.gb-element-b0b1604f,
.gb-element-b59e6174,
.gb-element-bf8b1c6e,
.gb-element-c0b41a15,
.gb-element-c48694eb,
.gb-element-c5c8681f,
.gb-element-c6933073,
.gb-element-c8801034,
.gb-element-cae66ba3,
.gb-element-cbbe955f,
.gb-element-cd8bb96d,
.gb-element-cef1bfa6,
.gb-element-d3c99e3f,
.gb-element-e029cbaa,
.gb-element-e4f7a61b,
.gb-element-e5b903b9,
.gb-element-ec87a90a,
.gb-element-ec9de22e,
.gb-element-f39631c6,
.gb-element-f5d6f093,
.gb-element-f62ea836,
.gb-element-f6f9f08f,
.gb-element-fca5c91c,
.page-id-13 .inside-article,
.page-id-1307 .inside-article,
.page-id-3 .inside-article,
.page-id-420 .inside-article,
.page-id-577 .inside-article,
.page-id-731 .inside-article,
.search .inside-article { border-radius: 12px; overflow: clip; }
.gb-element-979123de,
.gb-element-b350fdff { border-radius: 12px; }
@media (min-width: 1025px) {
  .gb-element-0325b4bf,
  .gb-element-100b7b8a,
  .gb-element-178e8255,
  .gb-element-1be6ab3c,
  .gb-element-1dbb0eb0,
  .gb-element-38e1a50a,
  .gb-element-4ad28afa,
  .gb-element-59bf218e,
  .gb-element-6de1f2c7,
  .gb-element-7fb432ed,
  .gb-element-904f216e,
  .gb-element-91fbcd42,
  .gb-element-94406f97,
  .gb-element-9849a37e,
  .gb-element-a02a234c,
  .gb-element-aa888561,
  .gb-element-bdb32d28,
  .gb-element-d6ea08d9,
  .gb-element-d770f3de,
  .gb-element-dadcb1cd,
  .gb-element-dae5957a,
  .gb-element-e3d7a601,
  .gb-element-e4b91c51 { border-radius: 0 12px 12px 0; overflow: clip; }
  .gb-element-ec43cc5f { border-radius: 0 12px 12px 12px; overflow: clip; }
  .gb-element-07e7fddb,
  .gb-element-1515e7f3,
  .gb-element-2198c068,
  .gb-element-23c6f132,
  .gb-element-31d490d1,
  .gb-element-56ee7d4a,
  .gb-element-61b9dc66,
  .gb-element-7202dea6,
  .gb-element-7399efb9,
  .gb-element-74a85d38,
  .gb-element-834cf9fb,
  .gb-element-83cc98e9,
  .gb-element-86ca1213,
  .gb-element-8c321e09,
  .gb-element-8dd65f5e,
  .gb-element-9489a138,
  .gb-element-a03866bc,
  .gb-element-a7d070e5,
  .gb-element-bbdedc65,
  .gb-element-c7361814,
  .gb-element-c9542ab6,
  .gb-element-ce8dcbbd,
  .gb-element-d7503282,
  .gb-element-d7cef996,
  .gb-element-e8c37ced,
  .gb-element-f25b2c7d,
  .gb-element-f5ed3661,
  .gb-element-f8ebfe26,
  .gb-element-ffa6ac97 { border-radius: 12px 0 0 12px; overflow: clip; }
  .gb-element-010d4d9a,
  .gb-element-07b6195a,
  .gb-element-0bffdfcc,
  .gb-element-21f3b04b,
  .gb-element-4bc98788,
  .gb-element-577f9961,
  .gb-element-5a4736c9,
  .gb-element-5eebe10d,
  .gb-element-66e5eda6,
  .gb-element-7806a2fa,
  .gb-element-9fcb5169,
  .gb-element-a07ed805,
  .gb-element-a326cc7c,
  .gb-element-c5f25ae9,
  .gb-element-c896fa32,
  .gb-element-dbb59ab9,
  .gb-element-ddfb8059,
  .gb-element-de7c9a94,
  .gb-element-e70d7cc0,
  .gb-element-e9efc0e0,
  .gb-element-f772187e,
  .gb-element-faa211cb,
  .gb-element-faf249ae,
  .gb-element-fdebca74,
  .gb-element-fecd40e6,
  .widget-area.sidebar { border-radius: 12px; overflow: clip; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .gb-element-4ad28afa,
  .widget-area.sidebar { border-radius: 0; }
  .gb-element-0325b4bf,
  .gb-element-100b7b8a,
  .gb-element-178e8255,
  .gb-element-1be6ab3c,
  .gb-element-1dbb0eb0,
  .gb-element-38e1a50a,
  .gb-element-59bf218e,
  .gb-element-6de1f2c7,
  .gb-element-7fb432ed,
  .gb-element-904f216e,
  .gb-element-91fbcd42,
  .gb-element-94406f97,
  .gb-element-9849a37e,
  .gb-element-a02a234c,
  .gb-element-aa888561,
  .gb-element-bdb32d28,
  .gb-element-d6ea08d9,
  .gb-element-d770f3de,
  .gb-element-dadcb1cd,
  .gb-element-dae5957a,
  .gb-element-e3d7a601,
  .gb-element-e4b91c51 { border-radius: 0 0 12px 12px; overflow: clip; }
  .gb-element-ec43cc5f { border-radius: 0 12px 12px 12px; overflow: clip; }
  .gb-element-ffa6ac97 { border-radius: 12px 0 0 12px; overflow: clip; }
  .gb-element-07e7fddb,
  .gb-element-1515e7f3,
  .gb-element-2198c068,
  .gb-element-23c6f132,
  .gb-element-31d490d1,
  .gb-element-56ee7d4a,
  .gb-element-61b9dc66,
  .gb-element-7202dea6,
  .gb-element-7399efb9,
  .gb-element-74a85d38,
  .gb-element-834cf9fb,
  .gb-element-83cc98e9,
  .gb-element-86ca1213,
  .gb-element-8c321e09,
  .gb-element-8dd65f5e,
  .gb-element-9489a138,
  .gb-element-a03866bc,
  .gb-element-a7d070e5,
  .gb-element-bbdedc65,
  .gb-element-c7361814,
  .gb-element-c9542ab6,
  .gb-element-ce8dcbbd,
  .gb-element-d7503282,
  .gb-element-d7cef996,
  .gb-element-e8c37ced,
  .gb-element-f25b2c7d,
  .gb-element-f5ed3661,
  .gb-element-f8ebfe26 { border-radius: 12px 12px 0 0; overflow: clip; }
  .gb-element-010d4d9a,
  .gb-element-07b6195a,
  .gb-element-0bffdfcc,
  .gb-element-21f3b04b,
  .gb-element-4bc98788,
  .gb-element-577f9961,
  .gb-element-5a4736c9,
  .gb-element-5eebe10d,
  .gb-element-66e5eda6,
  .gb-element-7806a2fa,
  .gb-element-9fcb5169,
  .gb-element-a07ed805,
  .gb-element-a326cc7c,
  .gb-element-c5f25ae9,
  .gb-element-c896fa32,
  .gb-element-dbb59ab9,
  .gb-element-ddfb8059,
  .gb-element-de7c9a94,
  .gb-element-e70d7cc0,
  .gb-element-e9efc0e0,
  .gb-element-f772187e,
  .gb-element-faa211cb,
  .gb-element-faf249ae,
  .gb-element-fdebca74,
  .gb-element-fecd40e6 { border-radius: 12px; overflow: clip; }
}
@media (min-width: 641px) and (max-width: 768px) {
  .gb-element-010d4d9a,
  .gb-element-0325b4bf,
  .gb-element-07b6195a,
  .gb-element-07e7fddb,
  .gb-element-0bffdfcc,
  .gb-element-100b7b8a,
  .gb-element-1515e7f3,
  .gb-element-178e8255,
  .gb-element-1be6ab3c,
  .gb-element-1dbb0eb0,
  .gb-element-2198c068,
  .gb-element-21f3b04b,
  .gb-element-23c6f132,
  .gb-element-31d490d1,
  .gb-element-38e1a50a,
  .gb-element-4ad28afa,
  .gb-element-4bc98788,
  .gb-element-56ee7d4a,
  .gb-element-577f9961,
  .gb-element-59bf218e,
  .gb-element-5a4736c9,
  .gb-element-5eebe10d,
  .gb-element-61b9dc66,
  .gb-element-66e5eda6,
  .gb-element-6de1f2c7,
  .gb-element-7202dea6,
  .gb-element-7399efb9,
  .gb-element-74a85d38,
  .gb-element-7806a2fa,
  .gb-element-7fb432ed,
  .gb-element-834cf9fb,
  .gb-element-83cc98e9,
  .gb-element-86ca1213,
  .gb-element-8c321e09,
  .gb-element-8dd65f5e,
  .gb-element-904f216e,
  .gb-element-91fbcd42,
  .gb-element-94406f97,
  .gb-element-9489a138,
  .gb-element-9849a37e,
  .gb-element-9fcb5169,
  .gb-element-a02a234c,
  .gb-element-a03866bc,
  .gb-element-a07ed805,
  .gb-element-a326cc7c,
  .gb-element-a7d070e5,
  .gb-element-aa888561,
  .gb-element-bbdedc65,
  .gb-element-bdb32d28,
  .gb-element-c5f25ae9,
  .gb-element-c7361814,
  .gb-element-c896fa32,
  .gb-element-c9542ab6,
  .gb-element-ce8dcbbd,
  .gb-element-d6ea08d9,
  .gb-element-d7503282,
  .gb-element-d770f3de,
  .gb-element-d7cef996,
  .gb-element-dadcb1cd,
  .gb-element-dae5957a,
  .gb-element-dbb59ab9,
  .gb-element-ddfb8059,
  .gb-element-de7c9a94,
  .gb-element-e3d7a601,
  .gb-element-e4b91c51,
  .gb-element-e70d7cc0,
  .gb-element-e8c37ced,
  .gb-element-e9efc0e0,
  .gb-element-ec43cc5f,
  .gb-element-f25b2c7d,
  .gb-element-f5ed3661,
  .gb-element-f772187e,
  .gb-element-f8ebfe26,
  .gb-element-faa211cb,
  .gb-element-faf249ae,
  .gb-element-fdebca74,
  .gb-element-fecd40e6,
  .gb-element-ffa6ac97 { border-radius: 0; }
  .widget-area.sidebar { border-radius: 12px; overflow: clip; }
}
@media (max-width: 640px) {
  .gb-element-010d4d9a,
  .gb-element-0325b4bf,
  .gb-element-07b6195a,
  .gb-element-07e7fddb,
  .gb-element-0bffdfcc,
  .gb-element-100b7b8a,
  .gb-element-1515e7f3,
  .gb-element-178e8255,
  .gb-element-1be6ab3c,
  .gb-element-1dbb0eb0,
  .gb-element-2198c068,
  .gb-element-21f3b04b,
  .gb-element-23c6f132,
  .gb-element-31d490d1,
  .gb-element-38e1a50a,
  .gb-element-4ad28afa,
  .gb-element-4bc98788,
  .gb-element-56ee7d4a,
  .gb-element-577f9961,
  .gb-element-59bf218e,
  .gb-element-5a4736c9,
  .gb-element-5eebe10d,
  .gb-element-61b9dc66,
  .gb-element-66e5eda6,
  .gb-element-6de1f2c7,
  .gb-element-7202dea6,
  .gb-element-7399efb9,
  .gb-element-74a85d38,
  .gb-element-7806a2fa,
  .gb-element-7fb432ed,
  .gb-element-834cf9fb,
  .gb-element-83cc98e9,
  .gb-element-86ca1213,
  .gb-element-8c321e09,
  .gb-element-8dd65f5e,
  .gb-element-904f216e,
  .gb-element-91fbcd42,
  .gb-element-94406f97,
  .gb-element-9489a138,
  .gb-element-9849a37e,
  .gb-element-9fcb5169,
  .gb-element-a02a234c,
  .gb-element-a03866bc,
  .gb-element-a07ed805,
  .gb-element-a326cc7c,
  .gb-element-a7d070e5,
  .gb-element-aa888561,
  .gb-element-bbdedc65,
  .gb-element-bdb32d28,
  .gb-element-c5f25ae9,
  .gb-element-c7361814,
  .gb-element-c896fa32,
  .gb-element-c9542ab6,
  .gb-element-ce8dcbbd,
  .gb-element-d6ea08d9,
  .gb-element-d7503282,
  .gb-element-d770f3de,
  .gb-element-d7cef996,
  .gb-element-dadcb1cd,
  .gb-element-dae5957a,
  .gb-element-dbb59ab9,
  .gb-element-ddfb8059,
  .gb-element-de7c9a94,
  .gb-element-e3d7a601,
  .gb-element-e4b91c51,
  .gb-element-e70d7cc0,
  .gb-element-e8c37ced,
  .gb-element-e9efc0e0,
  .gb-element-ec43cc5f,
  .gb-element-f25b2c7d,
  .gb-element-f5ed3661,
  .gb-element-f772187e,
  .gb-element-f8ebfe26,
  .gb-element-faa211cb,
  .gb-element-faf249ae,
  .gb-element-fdebca74,
  .gb-element-fecd40e6,
  .gb-element-ffa6ac97 { border-radius: 0; }
  .widget-area.sidebar { border-radius: 12px; overflow: clip; }
}


/* ── /clients/ (page 11): "Call Now / Schedule a Meeting" card (gb-element-4ad28afa) lifted to the foreground: all corners rounded, a deeper shadow than the main box beside it, and stacked above it. ── */
.page-id-11 .gb-element-4ad28afa { border-radius: 12px !important; box-shadow: 0 18px 40px rgba(16, 42, 67, 0.28), 0 4px 12px rgba(16, 42, 67, 0.16); position: relative; z-index: 2; }


/* ── /clients/: Call Now card overlaps the main box by 32px (18px clear of its text) (desktop, where the two sit side by side), like the layered panels on the temporary assignments page. Its right edge stays put; it's widened by the same 32px. ── */
@media (min-width: 1025px) {
  .page-id-11 .gb-element-4ad28afa { margin-left: -32px; width: calc(40% + 32px); }
}

/* ── /automotive-market-guides/ (page 6441): white content box rounded 12px. Added after the site-wide rounded-corner survey, which didn't include this page. ── */
.page-id-6441 .inside-article { border-radius: 12px; overflow: clip; }

/* ── Homepage: photo band behind the Our Clients / Our Candidates / Our People cards (gb-element-6010c84d, smiling woman in a car) blurred 12px, same technique as the About page leadership section. ── */
.home .gb-element-6010c84d { isolation: isolate; overflow: hidden; position: relative; }
.home .gb-element-6010c84d::before { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: -1; }


/* ── /candidates/temporary-assignments-submit-your-resume/ (page 3743) styled like /clients/ (Hire a Great Candidate): plain blue page background instead of the photo, a white main box with the soft shadow, and the form as a raised white card that starts lower and overlaps the main box. The red panel is gone. ── */
.page-id-3743 .gb-element-701fedcd { background-image: none; }
.page-id-3743 .gb-element-ffa6ac97 { background: #ffffff; border-radius: 12px !important; box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 5px; margin-top: 0; overflow: clip; padding: 50px; }
.page-id-3743 .gb-element-ec43cc5f { align-self: flex-start; background-color: #ffffff; border-radius: 12px !important; box-shadow: 0 18px 40px rgba(16, 42, 67, 0.28), 0 4px 12px rgba(16, 42, 67, 0.16); margin-top: 50px; padding: 0; position: relative; z-index: 2; }
.page-id-3743 .gb-element-31d96bff { background: transparent; border-radius: 0; box-shadow: none; padding: 50px; }
@media (min-width: 1025px) {
  .page-id-3743 .gb-element-ffa6ac97 { align-self: flex-start; }
  .page-id-3743 .gb-element-ec43cc5f { margin-left: -32px; width: calc(60% + 32px); }
  .page-id-3743 .gb-element-ffa6ac97 { padding-right: 82px; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .page-id-3743 .gb-element-701fedcd { padding-left: 20px !important; padding-right: 20px !important; }
  .page-id-3743 .gb-element-ffa6ac97 { align-self: flex-start; padding: 40px 48px 40px 32px; }
  .page-id-3743 .gb-element-ec43cc5f { margin-left: -24px; width: calc(55% + 24px); }
  .page-id-3743 .gb-element-31d96bff { padding: 32px 24px; }
}
@media (max-width: 768px) {
  .page-id-3743 .gb-element-ffa6ac97 { width: 100%; }
  .page-id-3743 .gb-element-701fedcd { padding-left: 12px !important; padding-right: 12px !important; }
  .page-id-3743 .gb-element-ffa6ac97 { padding: 32px 20px; }
  .page-id-3743 .gb-element-ec43cc5f { margin-left: 0; margin-top: 20px; width: 100%; }
  .page-id-3743 .gb-element-31d96bff { padding: 28px 20px; }
}

/* ── /download-autopeoples-how-to-spot-top-talent-for-your-dealership/ (page 1127): remove the empty space under the form. Fixed minimum heights left over from the old layout kept the white box ~250px taller than its content. ── */
.page-id-1127 .gb-element-e9efc0e0,
.page-id-1127 .gb-element-9e5c827c,
.page-id-1127 .gb-element-ac380087 { min-height: 0 !important; }
.page-id-1127 .gb-element-e9efc0e0 { padding-bottom: 50px; }


/* ── Services pages (dealership management 993, RV 1017, C-level 1025, automotive-related companies 1031): "Fill A Position" and "Submit Your Resume" on one row, each centred in its half, like the Fleet & Commercial page. They were on two rows, one left and one right. Phones: stacked and centred. ── */
.page-id-993 .gb-element-e8c37ced,
.page-id-1017 .gb-element-9489a138,
.page-id-1025 .gb-element-bbdedc65,
.page-id-1031 .gb-element-f5ed3661 { flex-direction: row; flex-wrap: wrap; }
.page-id-993 .gb-element-e8c37ced > *,
.page-id-1017 .gb-element-9489a138 > *,
.page-id-1025 .gb-element-bbdedc65 > *,
.page-id-1031 .gb-element-f5ed3661 > * { flex: 0 0 100%; max-width: 100%; }
.page-id-993 .gb-element-0d9be0ac,
.page-id-993 .gb-element-6470063c,
.page-id-1017 .gb-element-6205f3bc,
.page-id-1017 .gb-element-3f9728bc,
.page-id-1025 .gb-element-ac9de898,
.page-id-1025 .gb-element-87e0efe1,
.page-id-1031 .gb-element-c5da7d62,
.page-id-1031 .gb-element-3752bf07 { flex: 0 0 50%; justify-content: center; max-width: 50%; }
@media (max-width: 640px) {
.page-id-993 .gb-element-0d9be0ac,.page-id-993 .gb-element-6470063c,.page-id-1017 .gb-element-6205f3bc,.page-id-1017 .gb-element-3f9728bc,.page-id-1025 .gb-element-ac9de898,.page-id-1025 .gb-element-87e0efe1,.page-id-1031 .gb-element-c5da7d62,.page-id-1031 .gb-element-3752bf07 { flex-basis: 100%; max-width: 100%; }
.page-id-993 .gb-element-6470063c,.page-id-1017 .gb-element-3f9728bc,.page-id-1025 .gb-element-87e0efe1,.page-id-1031 .gb-element-3752bf07 { margin-top: 12px; }
}


/* ── Temporary assignments page (3743): the two cards 50/50 (were 40/60): both the same width, sharing the overlap (each 50% + 16px on desktop with a 32px overlap, 50% + 12px on tablets with 24px). ── */
@media (min-width: 1025px) {
  .page-id-3743 .gb-element-ffa6ac97 { width: calc(50% + 16px); }
  .page-id-3743 .gb-element-ec43cc5f { width: calc(50% + 16px); }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .page-id-3743 .gb-element-ffa6ac97 { width: calc(50% + 12px); }
  .page-id-3743 .gb-element-ec43cc5f { width: calc(50% + 12px); }
}

/* ── Homepage stats band: the labels under 10,000 / 95% / 73% / 45% at body size, 16px / 1.5 (were 18px). ── */
.home :is(.gb-text-770c2a2f, .gb-text-84a52556, .gb-text-852e9370, .gb-text-9a1b568a) { font-size: 16px; line-height: 1.5; }


/* ── Page background: deeper blue with a dark vignette toward the edges (was flat #7cbef2). Fixed to the window so the vignette frames every screen as you scroll. The two pages that painted their own flat blue (/clients/, temporary assignments) let it show through. ── */
.site-content { background-attachment: fixed; background-color: #4f98d6; background-image: radial-gradient(ellipse 85% 75% at 50% 45%, #8cc8f5 0%, #6aaee9 38%, #3f86c9 70%, #1f5a99 100%); }
.page-id-11 .gb-element-99c62027,
.page-id-3743 .gb-element-701fedcd { background-color: transparent; }


/* ── Market guides (Charlotte, Dallas-Fort Worth, Houston, LA & Orange County, Phoenix, San Francisco): "arch" removed. The red sidebar had a 55px curved top-right corner and its top photo a 50px one; now standard 12px outer corners that match the text box beside it (stacked under it on tablets, full width and square on phones). ── */
:is(.gb-element-ee122d90, .gb-element-5e79bbcb, .gb-element-6edc96ae, .gb-element-b9366c59, .gb-element-12958cba, .gb-element-e30c9d8c) { border-radius: 0 12px 12px 0 !important; overflow: clip; }
:is(.gb-element-6e83f175, .gb-element-b2d7b10a, .gb-element-7a8a5e83, .gb-element-2ac3fb99, .gb-element-963bf466, .gb-element-eee007d4) { border-radius: 0 !important; }
@media (min-width: 769px) and (max-width: 1024px) {
  :is(.gb-element-ee122d90, .gb-element-5e79bbcb, .gb-element-6edc96ae, .gb-element-b9366c59, .gb-element-12958cba, .gb-element-e30c9d8c) { border-radius: 0 0 12px 12px !important; }
}
@media (max-width: 768px) {
  :is(.gb-element-ee122d90, .gb-element-5e79bbcb, .gb-element-6edc96ae, .gb-element-b9366c59, .gb-element-12958cba, .gb-element-e30c9d8c) { border-radius: 0 !important; }
}


/* ── /automotive-market-guides/ (page 6441): guide list on the left, map panel on the right (map: uploads/2026/11/autopeople-market-guides-map.webp, media ID 6681). The panel stays in view while the list scrolls on desktop (1,025px and up); on narrower screens it goes full width above the list. ── */
.page-id-6441 .ap-guides-layout { align-items: flex-start; column-gap: 48px; margin-top: 8px; }
.page-id-6441 .ap-guides-map { background: #f2f7fc; border: 1px solid #d9e6f2; border-radius: 12px; padding: 20px; align-self: flex-start; position: sticky; top: 24px; }
.page-id-6441 .ap-guides-map figure { margin: 0; }
.page-id-6441 .ap-guides-map img { border-radius: 8px; display: block; height: auto; width: 100%; }
.page-id-6441 .ap-guides-map-note { color: #3c4750; font-size: 15px; line-height: 1.5; margin: 14px 4px 0; text-align: center; }
@media (max-width: 1024px) {
  .page-id-6441 .ap-guides-layout { flex-wrap: wrap !important; }
  .page-id-6441 .ap-guides-layout > .wp-block-column { flex-basis: 100% !important; }
  .page-id-6441 .ap-guides-map { margin-bottom: 8px; order: -1; position: static; }
}
@media (max-width: 640px) {
  .page-id-6441 .ap-guides-map { padding: 12px; }
}


/* ── Arch shape dividers removed site-wide: the GenerateBlocks dome-shaped SVG dividers (99px tall, dark #231f20 or flat blue #7cbef2) at section edges on the services pages, About, the blog, the market guides and the staffing landing pages (about 25 pages). The flat-blue ones also clashed with the new vignette background. ── */
.site-content .gb-shape { display: none !important; }


/* ── Header: Salary Guide and Contact the same size (Contact was 26px narrower). Both take Salary Guide's width, centred; the phone number above stays exactly as wide as the pair. ── */
@media (min-width: 1280px) {
  .ap-site-header .gb-menu .ap-menu-btn > .gb-menu-link { justify-content: center; width: 126px; }
  .ap-site-header .gb-text-d7d5d4f2 { width: 284px; }
}
@media (min-width: 1080px) and (max-width: 1279px) {
  .ap-site-header .gb-menu .ap-menu-btn > .gb-menu-link { justify-content: center; width: 100px; }
  .ap-site-header .gb-text-d7d5d4f2 { width: 218px; }
}


/* ── "We successfully recruit:" sections redesigned (17 pages: the services pages for dealership management, RV, C-level and automotive-related companies, plus the staffing / recruitment landing pages that use the same block). Photo slightly blurred (6px) under a navy tint; centred heading with a short red bar; the four white boxes become equal-height rounded cards with red check marks. Tablets: 2 per row; phones: 1. ── */
body :is(.gb-element-0016b9e2, .gb-element-4593c98a, .gb-element-cc7fe709, .gb-element-6e611503, .gb-element-a83338ef, .gb-element-b311e1bb, .gb-element-2de65a3e, .gb-element-45dacca3, .gb-element-863192be, .gb-element-bc166640, .gb-element-2da92c26, .gb-element-c0280b7c, .gb-element-edfd066a, .gb-element-e5f6aa7c, .gb-element-3c4a328e, .gb-element-144ac356, .gb-element-195b139b) { isolation: isolate; overflow: hidden; padding: 72px 30px 80px !important; position: relative; }
body :is(.gb-element-0016b9e2, .gb-element-4593c98a, .gb-element-cc7fe709, .gb-element-6e611503, .gb-element-a83338ef, .gb-element-b311e1bb, .gb-element-2de65a3e, .gb-element-45dacca3, .gb-element-863192be, .gb-element-bc166640, .gb-element-2da92c26, .gb-element-c0280b7c, .gb-element-edfd066a, .gb-element-e5f6aa7c, .gb-element-3c4a328e, .gb-element-144ac356, .gb-element-195b139b)::before { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: rgba(10, 32, 58, 0.45); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: -1; }
body :is(.gb-element-d7d89275, .gb-element-c2d38f24, .gb-element-2ffff902, .gb-element-a2d8493d, .gb-element-a4563813, .gb-element-6a601325, .gb-element-9d668da2, .gb-element-400a7cd8, .gb-element-c203a7b7, .gb-element-0f8c13fe, .gb-element-14a898d0, .gb-element-73060a20, .gb-element-b68a6373, .gb-element-74a149b5, .gb-element-37ac9f4a, .gb-element-4675cd77, .gb-element-b2309e23) { align-items: stretch; gap: 24px; justify-content: center; margin-left: auto; margin-right: auto; max-width: 1240px; }
body :is(.gb-element-71a3dfa3, .gb-element-859a7117, .gb-element-c6c008c6, .gb-element-c4aff272, .gb-element-8f85033e, .gb-element-94d6a31c, .gb-element-b1a2bd55, .gb-element-c0af7a26, .gb-element-0c62c5bd, .gb-element-d3c55b50, .gb-element-722bd791, .gb-element-710eb849, .gb-element-ff43ab95, .gb-element-dc3d1848, .gb-element-e08d665a, .gb-element-eb633c3f, .gb-element-909357cf) { flex: 0 0 100%; height: auto !important; margin: 0 0 8px; }
body :is(.gb-element-71a3dfa3, .gb-element-859a7117, .gb-element-c6c008c6, .gb-element-c4aff272, .gb-element-8f85033e, .gb-element-94d6a31c, .gb-element-b1a2bd55, .gb-element-c0af7a26, .gb-element-0c62c5bd, .gb-element-d3c55b50, .gb-element-722bd791, .gb-element-710eb849, .gb-element-ff43ab95, .gb-element-dc3d1848, .gb-element-e08d665a, .gb-element-eb633c3f, .gb-element-909357cf) > div:not(:has(h1, h2, h3)) { display: none; }
body :is(.gb-text-db6a55d4, .gb-text-6e554467, .gb-text-5271a58a, .gb-text-8fd21058, .gb-text-2de7572a, .gb-text-d26c0c73, .gb-text-e2c36307, .gb-text-440afcae, .gb-text-314f87dd, .gb-text-724e6f27, .gb-text-ae37781c, .gb-text-b5b2d9e3, .gb-text-ca207417, .gb-text-1f7a5777, .gb-text-784cd6ee, .gb-text-5bac528a, .gb-text-e9eb3631) { border-bottom: 0 !important; color: #ffffff; font-size: 38px !important; line-height: 1.15; margin: 0 0 32px !important; padding: 0 !important; text-align: center; }
body :is(.gb-text-db6a55d4, .gb-text-6e554467, .gb-text-5271a58a, .gb-text-8fd21058, .gb-text-2de7572a, .gb-text-d26c0c73, .gb-text-e2c36307, .gb-text-440afcae, .gb-text-314f87dd, .gb-text-724e6f27, .gb-text-ae37781c, .gb-text-b5b2d9e3, .gb-text-ca207417, .gb-text-1f7a5777, .gb-text-784cd6ee, .gb-text-5bac528a, .gb-text-e9eb3631)::after { background: #d42127; border-radius: 2px; content: ""; display: block; height: 4px; margin: 16px auto 0; width: 64px; }
body :is(.gb-element-ecc962d4, .gb-element-448366ec, .gb-element-5c538da1, .gb-element-5bd5e0f1, .gb-element-e9364d9f, .gb-element-9c62e15a, .gb-element-a380db62, .gb-element-fcae2b79, .gb-element-118f7b44, .gb-element-8ff18189, .gb-element-690f5255, .gb-element-10ba3184, .gb-element-8219a329, .gb-element-0c9218e9, .gb-element-d63eff6a, .gb-element-72bf5836, .gb-element-fb8da457, .gb-element-565c5746, .gb-element-0e399323, .gb-element-1637a8bd, .gb-element-a9ed00b1, .gb-element-42748cad, .gb-element-388f7642, .gb-element-b2788e98, .gb-element-d3769e9d, .gb-element-db9a910c, .gb-element-55763c25, .gb-element-1ef3f4ea, .gb-element-d83ace9a, .gb-element-1713c530, .gb-element-aa9a1803, .gb-element-3fe7cb80, .gb-element-210c6824, .gb-element-d840221d, .gb-element-51ea1458, .gb-element-813a21b4, .gb-element-89b55342, .gb-element-49380137, .gb-element-ef59ac5c, .gb-element-1b4cb397, .gb-element-2fd77c2c, .gb-element-59073162, .gb-element-02f647fc, .gb-element-12c52594, .gb-element-1eb99440, .gb-element-e5be3fbe, .gb-element-e8ddaa43, .gb-element-3785c3d1, .gb-element-f3868f32, .gb-element-a2acb3fa, .gb-element-b556c74f, .gb-element-31281fa4, .gb-element-68dc0ffb, .gb-element-547ffb63, .gb-element-63e579b8, .gb-element-d6c5c37e, .gb-element-226a31af, .gb-element-16435f74, .gb-element-0fa41340, .gb-element-585ed3aa, .gb-element-3e0a1239, .gb-element-7c0af51e, .gb-element-fe45c955, .gb-element-5be6addb, .gb-element-c3e74852, .gb-element-146edc39, .gb-element-6e7e8724, .gb-element-b2d25b4e) { background: #ffffff; border-radius: 12px !important; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.30); flex: 1 1 0; margin: 0 !important; min-width: 0; overflow: clip; padding: 22px 26px; }
body :is(.gb-element-ecc962d4, .gb-element-448366ec, .gb-element-5c538da1, .gb-element-5bd5e0f1, .gb-element-e9364d9f, .gb-element-9c62e15a, .gb-element-a380db62, .gb-element-fcae2b79, .gb-element-118f7b44, .gb-element-8ff18189, .gb-element-690f5255, .gb-element-10ba3184, .gb-element-8219a329, .gb-element-0c9218e9, .gb-element-d63eff6a, .gb-element-72bf5836, .gb-element-fb8da457, .gb-element-565c5746, .gb-element-0e399323, .gb-element-1637a8bd, .gb-element-a9ed00b1, .gb-element-42748cad, .gb-element-388f7642, .gb-element-b2788e98, .gb-element-d3769e9d, .gb-element-db9a910c, .gb-element-55763c25, .gb-element-1ef3f4ea, .gb-element-d83ace9a, .gb-element-1713c530, .gb-element-aa9a1803, .gb-element-3fe7cb80, .gb-element-210c6824, .gb-element-d840221d, .gb-element-51ea1458, .gb-element-813a21b4, .gb-element-89b55342, .gb-element-49380137, .gb-element-ef59ac5c, .gb-element-1b4cb397, .gb-element-2fd77c2c, .gb-element-59073162, .gb-element-02f647fc, .gb-element-12c52594, .gb-element-1eb99440, .gb-element-e5be3fbe, .gb-element-e8ddaa43, .gb-element-3785c3d1, .gb-element-f3868f32, .gb-element-a2acb3fa, .gb-element-b556c74f, .gb-element-31281fa4, .gb-element-68dc0ffb, .gb-element-547ffb63, .gb-element-63e579b8, .gb-element-d6c5c37e, .gb-element-226a31af, .gb-element-16435f74, .gb-element-0fa41340, .gb-element-585ed3aa, .gb-element-3e0a1239, .gb-element-7c0af51e, .gb-element-fe45c955, .gb-element-5be6addb, .gb-element-c3e74852, .gb-element-146edc39, .gb-element-6e7e8724, .gb-element-b2d25b4e) ul { list-style: none; margin: 0 !important; padding: 0 !important; }
body :is(.gb-element-ecc962d4, .gb-element-448366ec, .gb-element-5c538da1, .gb-element-5bd5e0f1, .gb-element-e9364d9f, .gb-element-9c62e15a, .gb-element-a380db62, .gb-element-fcae2b79, .gb-element-118f7b44, .gb-element-8ff18189, .gb-element-690f5255, .gb-element-10ba3184, .gb-element-8219a329, .gb-element-0c9218e9, .gb-element-d63eff6a, .gb-element-72bf5836, .gb-element-fb8da457, .gb-element-565c5746, .gb-element-0e399323, .gb-element-1637a8bd, .gb-element-a9ed00b1, .gb-element-42748cad, .gb-element-388f7642, .gb-element-b2788e98, .gb-element-d3769e9d, .gb-element-db9a910c, .gb-element-55763c25, .gb-element-1ef3f4ea, .gb-element-d83ace9a, .gb-element-1713c530, .gb-element-aa9a1803, .gb-element-3fe7cb80, .gb-element-210c6824, .gb-element-d840221d, .gb-element-51ea1458, .gb-element-813a21b4, .gb-element-89b55342, .gb-element-49380137, .gb-element-ef59ac5c, .gb-element-1b4cb397, .gb-element-2fd77c2c, .gb-element-59073162, .gb-element-02f647fc, .gb-element-12c52594, .gb-element-1eb99440, .gb-element-e5be3fbe, .gb-element-e8ddaa43, .gb-element-3785c3d1, .gb-element-f3868f32, .gb-element-a2acb3fa, .gb-element-b556c74f, .gb-element-31281fa4, .gb-element-68dc0ffb, .gb-element-547ffb63, .gb-element-63e579b8, .gb-element-d6c5c37e, .gb-element-226a31af, .gb-element-16435f74, .gb-element-0fa41340, .gb-element-585ed3aa, .gb-element-3e0a1239, .gb-element-7c0af51e, .gb-element-fe45c955, .gb-element-5be6addb, .gb-element-c3e74852, .gb-element-146edc39, .gb-element-6e7e8724, .gb-element-b2d25b4e) li { border-bottom: 1px solid #e9edf1; color: #1f2a33; font-size: 17px; font-weight: 600; line-height: 1.35; padding: 11px 0 11px 34px; position: relative; }
body :is(.gb-element-ecc962d4, .gb-element-448366ec, .gb-element-5c538da1, .gb-element-5bd5e0f1, .gb-element-e9364d9f, .gb-element-9c62e15a, .gb-element-a380db62, .gb-element-fcae2b79, .gb-element-118f7b44, .gb-element-8ff18189, .gb-element-690f5255, .gb-element-10ba3184, .gb-element-8219a329, .gb-element-0c9218e9, .gb-element-d63eff6a, .gb-element-72bf5836, .gb-element-fb8da457, .gb-element-565c5746, .gb-element-0e399323, .gb-element-1637a8bd, .gb-element-a9ed00b1, .gb-element-42748cad, .gb-element-388f7642, .gb-element-b2788e98, .gb-element-d3769e9d, .gb-element-db9a910c, .gb-element-55763c25, .gb-element-1ef3f4ea, .gb-element-d83ace9a, .gb-element-1713c530, .gb-element-aa9a1803, .gb-element-3fe7cb80, .gb-element-210c6824, .gb-element-d840221d, .gb-element-51ea1458, .gb-element-813a21b4, .gb-element-89b55342, .gb-element-49380137, .gb-element-ef59ac5c, .gb-element-1b4cb397, .gb-element-2fd77c2c, .gb-element-59073162, .gb-element-02f647fc, .gb-element-12c52594, .gb-element-1eb99440, .gb-element-e5be3fbe, .gb-element-e8ddaa43, .gb-element-3785c3d1, .gb-element-f3868f32, .gb-element-a2acb3fa, .gb-element-b556c74f, .gb-element-31281fa4, .gb-element-68dc0ffb, .gb-element-547ffb63, .gb-element-63e579b8, .gb-element-d6c5c37e, .gb-element-226a31af, .gb-element-16435f74, .gb-element-0fa41340, .gb-element-585ed3aa, .gb-element-3e0a1239, .gb-element-7c0af51e, .gb-element-fe45c955, .gb-element-5be6addb, .gb-element-c3e74852, .gb-element-146edc39, .gb-element-6e7e8724, .gb-element-b2d25b4e) li:last-child { border-bottom: 0; }
body :is(.gb-element-ecc962d4, .gb-element-448366ec, .gb-element-5c538da1, .gb-element-5bd5e0f1, .gb-element-e9364d9f, .gb-element-9c62e15a, .gb-element-a380db62, .gb-element-fcae2b79, .gb-element-118f7b44, .gb-element-8ff18189, .gb-element-690f5255, .gb-element-10ba3184, .gb-element-8219a329, .gb-element-0c9218e9, .gb-element-d63eff6a, .gb-element-72bf5836, .gb-element-fb8da457, .gb-element-565c5746, .gb-element-0e399323, .gb-element-1637a8bd, .gb-element-a9ed00b1, .gb-element-42748cad, .gb-element-388f7642, .gb-element-b2788e98, .gb-element-d3769e9d, .gb-element-db9a910c, .gb-element-55763c25, .gb-element-1ef3f4ea, .gb-element-d83ace9a, .gb-element-1713c530, .gb-element-aa9a1803, .gb-element-3fe7cb80, .gb-element-210c6824, .gb-element-d840221d, .gb-element-51ea1458, .gb-element-813a21b4, .gb-element-89b55342, .gb-element-49380137, .gb-element-ef59ac5c, .gb-element-1b4cb397, .gb-element-2fd77c2c, .gb-element-59073162, .gb-element-02f647fc, .gb-element-12c52594, .gb-element-1eb99440, .gb-element-e5be3fbe, .gb-element-e8ddaa43, .gb-element-3785c3d1, .gb-element-f3868f32, .gb-element-a2acb3fa, .gb-element-b556c74f, .gb-element-31281fa4, .gb-element-68dc0ffb, .gb-element-547ffb63, .gb-element-63e579b8, .gb-element-d6c5c37e, .gb-element-226a31af, .gb-element-16435f74, .gb-element-0fa41340, .gb-element-585ed3aa, .gb-element-3e0a1239, .gb-element-7c0af51e, .gb-element-fe45c955, .gb-element-5be6addb, .gb-element-c3e74852, .gb-element-146edc39, .gb-element-6e7e8724, .gb-element-b2d25b4e) li::before { background: #d42127 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L20.5 8.1l-1.4-1.4z' fill='%23ffffff'/%3E%3C/svg%3E") center / 14px no-repeat; border-radius: 50%; content: ""; height: 22px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 22px; }
@media (max-width: 1024px) {
body :is(.gb-element-ecc962d4, .gb-element-448366ec, .gb-element-5c538da1, .gb-element-5bd5e0f1, .gb-element-e9364d9f, .gb-element-9c62e15a, .gb-element-a380db62, .gb-element-fcae2b79, .gb-element-118f7b44, .gb-element-8ff18189, .gb-element-690f5255, .gb-element-10ba3184, .gb-element-8219a329, .gb-element-0c9218e9, .gb-element-d63eff6a, .gb-element-72bf5836, .gb-element-fb8da457, .gb-element-565c5746, .gb-element-0e399323, .gb-element-1637a8bd, .gb-element-a9ed00b1, .gb-element-42748cad, .gb-element-388f7642, .gb-element-b2788e98, .gb-element-d3769e9d, .gb-element-db9a910c, .gb-element-55763c25, .gb-element-1ef3f4ea, .gb-element-d83ace9a, .gb-element-1713c530, .gb-element-aa9a1803, .gb-element-3fe7cb80, .gb-element-210c6824, .gb-element-d840221d, .gb-element-51ea1458, .gb-element-813a21b4, .gb-element-89b55342, .gb-element-49380137, .gb-element-ef59ac5c, .gb-element-1b4cb397, .gb-element-2fd77c2c, .gb-element-59073162, .gb-element-02f647fc, .gb-element-12c52594, .gb-element-1eb99440, .gb-element-e5be3fbe, .gb-element-e8ddaa43, .gb-element-3785c3d1, .gb-element-f3868f32, .gb-element-a2acb3fa, .gb-element-b556c74f, .gb-element-31281fa4, .gb-element-68dc0ffb, .gb-element-547ffb63, .gb-element-63e579b8, .gb-element-d6c5c37e, .gb-element-226a31af, .gb-element-16435f74, .gb-element-0fa41340, .gb-element-585ed3aa, .gb-element-3e0a1239, .gb-element-7c0af51e, .gb-element-fe45c955, .gb-element-5be6addb, .gb-element-c3e74852, .gb-element-146edc39, .gb-element-6e7e8724, .gb-element-b2d25b4e) { flex: 0 0 calc(50% - 12px); }
}
@media (max-width: 640px) {
body :is(.gb-element-0016b9e2, .gb-element-4593c98a, .gb-element-cc7fe709, .gb-element-6e611503, .gb-element-a83338ef, .gb-element-b311e1bb, .gb-element-2de65a3e, .gb-element-45dacca3, .gb-element-863192be, .gb-element-bc166640, .gb-element-2da92c26, .gb-element-c0280b7c, .gb-element-edfd066a, .gb-element-e5f6aa7c, .gb-element-3c4a328e, .gb-element-144ac356, .gb-element-195b139b) { padding: 48px 16px 56px !important; }
body :is(.gb-text-db6a55d4, .gb-text-6e554467, .gb-text-5271a58a, .gb-text-8fd21058, .gb-text-2de7572a, .gb-text-d26c0c73, .gb-text-e2c36307, .gb-text-440afcae, .gb-text-314f87dd, .gb-text-724e6f27, .gb-text-ae37781c, .gb-text-b5b2d9e3, .gb-text-ca207417, .gb-text-1f7a5777, .gb-text-784cd6ee, .gb-text-5bac528a, .gb-text-e9eb3631) { font-size: 30px !important; margin-bottom: 24px !important; }
body :is(.gb-element-ecc962d4, .gb-element-448366ec, .gb-element-5c538da1, .gb-element-5bd5e0f1, .gb-element-e9364d9f, .gb-element-9c62e15a, .gb-element-a380db62, .gb-element-fcae2b79, .gb-element-118f7b44, .gb-element-8ff18189, .gb-element-690f5255, .gb-element-10ba3184, .gb-element-8219a329, .gb-element-0c9218e9, .gb-element-d63eff6a, .gb-element-72bf5836, .gb-element-fb8da457, .gb-element-565c5746, .gb-element-0e399323, .gb-element-1637a8bd, .gb-element-a9ed00b1, .gb-element-42748cad, .gb-element-388f7642, .gb-element-b2788e98, .gb-element-d3769e9d, .gb-element-db9a910c, .gb-element-55763c25, .gb-element-1ef3f4ea, .gb-element-d83ace9a, .gb-element-1713c530, .gb-element-aa9a1803, .gb-element-3fe7cb80, .gb-element-210c6824, .gb-element-d840221d, .gb-element-51ea1458, .gb-element-813a21b4, .gb-element-89b55342, .gb-element-49380137, .gb-element-ef59ac5c, .gb-element-1b4cb397, .gb-element-2fd77c2c, .gb-element-59073162, .gb-element-02f647fc, .gb-element-12c52594, .gb-element-1eb99440, .gb-element-e5be3fbe, .gb-element-e8ddaa43, .gb-element-3785c3d1, .gb-element-f3868f32, .gb-element-a2acb3fa, .gb-element-b556c74f, .gb-element-31281fa4, .gb-element-68dc0ffb, .gb-element-547ffb63, .gb-element-63e579b8, .gb-element-d6c5c37e, .gb-element-226a31af, .gb-element-16435f74, .gb-element-0fa41340, .gb-element-585ed3aa, .gb-element-3e0a1239, .gb-element-7c0af51e, .gb-element-fe45c955, .gb-element-5be6addb, .gb-element-c3e74852, .gb-element-146edc39, .gb-element-6e7e8724, .gb-element-b2d25b4e) { flex: 0 0 100%; }
}


/* ── Autopeople Report posts: the "THE AUTOPEOPLE REPORT | Month Year" line is now the page's H1 (class ap-report-title; it was a paragraph, so the 66 reports had no H1). Keeps its original look instead of the site H1 style. ── */
.single-post .entry-content h1.ap-report-title { color: #0872ba; font-family: Assistant, sans-serif; font-size: 32px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 48px; margin: 0 0 10px; text-align: center; text-transform: none; }


/* Note: GenerateBlocks prints its per-block CSS after this stylesheet, so rules that override a single gb-text / gb-element class carry a `body` prefix (or !important where the value is an inline style). */
/* ══ Design consistency pass (2026-11-07), from a rendered-style audit of all 275 pages at 1,440 and 390px. Site standards: headings Oswald (H1 40px, H2 30px, red #d42127, 600), H3 Roboto 22px bold italic, body Assistant 16px / 1.5, content links red without underline (underline on hover), buttons red Roboto Condensed bold italic capitals with 12px corners, boxes 12px corners. ══ */

/* Post template: "Related Posts" and "About the Author" headings were Open Sans 15px grey; now the H2 standard. */
.single-post :is(.gb-text-a27157e6, .gb-text-971b983a) { color: #d42127; font-family: Oswald, sans-serif; font-size: 30px; font-style: normal; font-weight: 600; line-height: 1.2; }
@media (max-width: 640px) { .single-post :is(.gb-text-a27157e6, .gb-text-971b983a) { font-size: 26px; } }

/* Sidebar (posts and the blog page): widget titles (Recent Posts, Call Us Now, Get Social, Archives, Stay Updated) and the share heading, plus plain H4s such as the blog's team names, were Open Sans; now Oswald 22px red. Recent-post titles were Open Sans 15px; now the body font. */
body :is(.gb-text-e43dec6c, .gb-text-1582340d, .gb-text-572735ee, .gb-text-12e913b1, .gb-text-d502dff2, .gb-text-02d6496f, .gb-text-0aed0f50, .gb-text-1f82ff49, .gb-text-0b9c203a, .gb-text-b4a4c533),
body .site-content h4:not([class*="gb-text-"]) { color: #d42127; font-family: Oswald, sans-serif; font-size: 22px; font-weight: 600; letter-spacing: normal; line-height: 1.25; }
body .gb-text-baf70b85 { font-family: Assistant, sans-serif; font-size: 16px; font-weight: 600; line-height: 1.4; }

/* Blog and Autopeople Report listings: post titles were grey (#777); now red like every other H2. */
body :is(.gb-text-37535e75, .gb-text-6f9288d8) { color: #d42127; }

/* Headings inside post / page content. */
.site-content :is(.entry-content, .ap-single-post) h2:not([class*="gb-text-"]) { font-weight: 600 !important; }
body .site-content h3 { letter-spacing: normal !important; }
.site-content :is(.entry-content, .ap-single-post) h3:not([class*="gb-text-"]) { font-weight: 700 !important; }

/* Corners: the few boxes that didn't use the 12px standard. */
:is(.gb-element-e430ee0d, .gb-element-c369bd60, .gb-element-2c5acf8e, .gb-element-ecb0831a, .gb-element-71fa33d4) { border-radius: 12px !important; }
.home :is(.gb-element-b2661954, .gb-element-3781f9ae, .gb-element-521f1e81) { border-radius: 12px 12px 0 0 !important; }
.page-id-11 .gb-element-4ec44368 { border-radius: 12px !important; }

/* Contact page card descriptions: the site body font (the font named before was not loaded). */
.page-id-13 .ap-acc-desc { font-family: Assistant, sans-serif; }

/* Autopeople Report posts (imported newsletters): body text, fonts, links and buttons brought to the site standard. */
.single-post .entry-content :is(p, li) { font-size: 16px; line-height: 1.5; }
.single-post .entry-content :is(p, li, span)[style*="font-size"]:is([style*="font-size: 13px"], [style*="font-size:13px"], [style*="font-size: 14px"], [style*="font-size:14px"], [style*="font-size: 15px"], [style*="font-size:15px"]) { font-size: 16px !important; line-height: 1.5 !important; }
.single-post .entry-content [style*="font-family"]:not(.ap-report-title) { font-family: inherit !important; }
.single-post .entry-content :is(p, li) a:not(.ap-btn, .gb-text) { text-decoration: none; }
.single-post .entry-content :is(p, li) a:not(.ap-btn, .gb-text):is(:hover, :focus) { text-decoration: underline; }
.single-post .entry-content :is(a.ap-btn, a.gb-text) { align-items: center; background-color: #d42127 !important; border: 2px solid transparent; border-radius: 12px; color: #ffffff !important; display: inline-flex; font-family: "Roboto Condensed", sans-serif !important; font-size: 14px !important; font-style: italic; font-weight: 700 !important; justify-content: center; letter-spacing: normal; line-height: 17px; padding: 13px 29px !important; text-transform: uppercase !important; }
.single-post .entry-content :is(a.ap-btn, a.gb-text):is(:hover, :focus) { background-color: #ffffff !important; border-color: #000000; color: #231f20 !important; }
.single-post .entry-content :is(a u, u:has(> a)) { text-decoration: none; }


/* ── Fleet & Commercial (page 4866) "We Successfully Recruit:" section, matched to the redesigned sections on the other services pages: same photo, blurred (6px) under the navy tint; white centred heading with the short red bar; the three roles (now a list, class ap-recruit-list, instead of one line separated by bullets) as white rounded cards with red check marks. Three across; one per row on phones. ── */
body.page-id-4866 .gb-element-bba34dec { background: #0a203a url("/wp-content/uploads/2022/06/shutterstock_749118631-2560x1706-1-1024x682.jpg") 50% 50% / cover no-repeat; isolation: isolate; overflow: hidden; padding: 72px 30px 80px !important; position: relative; }
body.page-id-4866 .gb-element-bba34dec::before { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: rgba(10, 32, 58, 0.45); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: -1; }
body.page-id-4866 .gb-element-ac007e0c { display: none; }
body.page-id-4866 .gb-element-fdebca74 { background: transparent; }
body.page-id-4866 .gb-text-a9d1d6a8 { border-bottom: 0 !important; color: #ffffff; font-size: 38px !important; line-height: 1.15; margin: 0 0 32px !important; padding: 0 !important; text-align: center; }
body.page-id-4866 .gb-text-a9d1d6a8::after { background: #d42127; border-radius: 2px; content: ""; display: block; height: 4px; margin: 16px auto 0; width: 64px; }
.page-id-4866 .ap-recruit-list { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; list-style: none; margin: 0 auto !important; max-width: 1240px; padding: 0 !important; }
.page-id-4866 .ap-recruit-list li { align-items: center; background: #ffffff; border-radius: 12px; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.30); color: #1f2a33; display: flex; flex: 1 1 0; font-size: 17px; font-weight: 600; line-height: 1.35; margin: 0 !important; min-width: 0; padding: 24px 26px 24px 62px; position: relative; text-align: left; }
.page-id-4866 .ap-recruit-list li::before { background: #d42127 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.2 16.6 4.9 12.3l-1.4 1.4 5.7 5.7L20.5 8.1l-1.4-1.4z' fill='%23ffffff'/%3E%3C/svg%3E") center / 14px no-repeat; border-radius: 50%; content: ""; height: 22px; left: 26px; position: absolute; top: 50%; transform: translateY(-50%); width: 22px; }
@media (min-width: 1025px) { body.page-id-4866 .gb-element-bba34dec { background-attachment: fixed; } }
@media (max-width: 640px) {
body.page-id-4866 .gb-element-bba34dec { padding: 48px 16px 56px !important; }
body.page-id-4866 .gb-text-a9d1d6a8 { font-size: 30px !important; margin-bottom: 24px !important; }
.page-id-4866 .ap-recruit-list li { flex: 0 0 100%; }
}


/* ── 404 page: missing pages now return a real 404 (Rank Math fallback set to "Default 404" instead of redirecting to the homepage), so the page is styled like the rest of the site: content in the standard white card with 12px corners, and the search box and button in the site form and red button styles. ── */
.error404 .site-main { margin: 40px 0 60px; }
body.error404 .inside-article { background: #ffffff; border-radius: 12px; margin: 0 auto; max-width: 900px; padding: 50px !important; }
.error404 .search-form { display: flex; gap: 12px; margin-top: 24px; max-width: 560px; }
.error404 .search-form label { flex: 1 1 auto; margin: 0; }
.error404 .search-field { border: 1px solid #c9d3dd; border-radius: 12px; font-family: Assistant, sans-serif; font-size: 16px; height: 48px; width: 100%; }
.error404 .search-field:focus { border-color: #0872ba; box-shadow: 0 0 0 3px rgba(8, 114, 186, 0.18); outline: 0; }
.error404 .search-submit { background-color: #d42127; border: 2px solid transparent; border-radius: 12px; color: #ffffff; cursor: pointer; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-style: italic; font-weight: 700; height: 48px; padding: 0 29px; text-transform: uppercase; }
.error404 .search-submit:is(:hover, :focus) { background-color: #ffffff; border-color: #000000; color: #231f20; }
@media (max-width: 640px) { .error404 .site-main { margin: 24px 0 40px; } body.error404 .inside-article { padding: 32px 20px !important; } }


/* ── Mobile menu (under 1,080px), 2026-11-08: a white panel that drops from the menu button instead of a full-width blue band. Dropdown items get a round chevron button and are listed under their parent in an indented, tinted group with a blue rule. Salary Guide and Contact are red buttons side by side at the bottom. The page behind dims while the menu is open, and tapping it closes the menu (the dim layer belongs to the menu button). ── */
.ap-site-header .gb-menu-container-958a6464.gb-menu-container--mobile {
  background-color: #ffffff; border: 1px solid #d9e6f2; border-radius: 12px; box-shadow: 0 18px 44px rgba(10, 32, 58, .28);
  bottom: auto; left: auto; max-height: calc(100vh - 140px); overflow-y: auto; overscroll-behavior: contain; padding: 6px 0 16px;
  right: 12px; top: calc(100% + 8px); width: min(320px, calc(100vw - 64px));
}
.ap-site-header .gb-menu-container-958a6464.gb-menu-container--mobile .gb-menu-d61c0749 { flex-direction: row; flex-wrap: wrap; }
/* Top-level items */
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .gb-menu-item:not(.ap-menu-btn) { border-bottom: 1px solid #e6edf3; flex: 0 0 100%; margin: 0; }
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .gb-menu-item:not(.ap-menu-btn) > .gb-menu-link {
  background-color: transparent; color: #0a203a; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 600;
  letter-spacing: normal; line-height: 1.2; min-height: 54px; padding: 0 12px 0 20px;
}
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .gb-menu-item:not(.ap-menu-btn) > .gb-menu-link:is(:hover, :focus-visible),
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .gb-menu-item:is(.current-menu-item, .current-menu-ancestor):not(.ap-menu-btn) > .gb-menu-link { color: #d42127; }
/* Parent with an open dropdown: tinted row, blue text */
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .gb-menu-item.gb-sub-menu--open:not(.ap-menu-btn) > .gb-menu-link { background-color: #f2f7fc; color: #0872ba; }
/* Dropdown button: a 36px circle at the right of the row, separate from the link text */
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .gb-menu-item > .gb-menu-link > .gb-submenu-toggle {
  align-items: center; align-self: center; background-color: #e3eef8; border-radius: 50%; color: #0872ba; display: flex; flex: 0 0 36px;
  font-size: 15px; height: 36px; justify-content: center; margin-left: auto; padding: 0; transition: background-color .2s, color .2s; width: 36px;
}
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .gb-menu-item > .gb-menu-link > .gb-submenu-toggle svg { height: 15px; width: 15px; }
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .gb-menu-item.gb-sub-menu--open > .gb-menu-link > .gb-submenu-toggle { background-color: #0872ba; color: #ffffff; }
/* Dropdown items: indented group with a blue rule on the left */
.ap-site-header .gb-menu-container--mobile .gb-sub-menu-sm1c0749 {
  background-color: #f2f7fc; border-left: 3px solid #0872ba; margin: 0 16px 12px 20px; padding: 4px 0; width: auto;
}
.ap-site-header .gb-menu-container--mobile .gb-sub-menu-sm1c0749 .menu-item { border: 0; }
.ap-site-header .gb-menu-container--mobile .gb-sub-menu-sm1c0749 .menu-item > .gb-menu-link {
  background-color: transparent; color: #33475b; column-gap: 10px; font-size: 16px; justify-content: flex-start; line-height: 1.25; min-height: 44px; padding: 8px 12px 8px 14px; text-align: left;
}
.ap-site-header .gb-menu-container--mobile .gb-sub-menu-sm1c0749 .menu-item > .gb-menu-link::before {
  background-color: #0872ba; border-radius: 50%; content: ""; flex: 0 0 6px; height: 6px; width: 6px;
}
.ap-site-header .gb-menu-container--mobile .gb-sub-menu-sm1c0749 .menu-item > .gb-menu-link:is(:hover, :focus-visible),
.ap-site-header .gb-menu-container--mobile .gb-sub-menu-sm1c0749 .menu-item.current-menu-item > .gb-menu-link { background-color: transparent; color: #d42127; }
/* Salary Guide and Contact: red site buttons, side by side */
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .ap-menu-btn { border-bottom: 0; flex: 1 1 0; margin: 16px 6px 0; }
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .ap-menu-btn:not(.ap-menu-btn + .ap-menu-btn) { margin-left: 16px; }
.ap-site-header .gb-menu-container--mobile .gb-menu-d61c0749 > .ap-menu-btn + .ap-menu-btn { margin-right: 16px; }
body .ap-site-header .gb-menu-container--mobile .gb-menu .ap-menu-btn > .gb-menu-link {
  background-color: #d42127; border: 2px solid transparent; border-radius: 12px; color: #ffffff; font-family: "Roboto Condensed", sans-serif;
  font-size: 14px; font-style: italic; font-weight: 700; justify-content: center; letter-spacing: normal; line-height: 1.2; min-height: 46px; padding: 0 10px; text-transform: uppercase;
}
body .ap-site-header .gb-menu-container--mobile .gb-menu .ap-menu-btn > .gb-menu-link:is(:hover, :focus) { background-color: #ffffff; border-color: #000000; color: #231f20 !important; }
/* Dim layer behind the open menu. It is part of the menu button, so a tap anywhere outside the panel closes the menu. It sits under the panel; the X stays on top of it. The sticky header (z-index 20051) keeps it above the page. */
.ap-site-header .gb-menu-toggle-83033156.gb-menu-toggle--toggled { position: relative; z-index: 99; }
.ap-site-header .gb-menu-toggle-83033156.gb-menu-toggle--toggled::after {
  background-color: rgba(10, 32, 58, .4); content: ""; cursor: default; inset: 0; position: fixed; z-index: 1;
}
.ap-site-header .gb-menu-toggle-83033156.gb-menu-toggle--toggled > span { position: relative; z-index: 2; }
/* Menu button: no dark box after a tap (the theme's button focus colour); keyboard focus keeps a blue outline. */
.ap-site-header .gb-menu-toggle-83033156:is(:focus, :active) { background-color: transparent; color: #0872ba; }
.ap-site-header .gb-menu-toggle-83033156:focus-visible { outline: 2px solid #0872ba; outline-offset: 2px; }


/* ── Market guides hub map panel (2026-11-09): sticks just below the sticky header (137px) with a 24px gap, so the whole map stays in view while the list scrolls. It was top: 24px, which slid the top of the map under the header. Side-by-side layout only (1,025px and up). ── */
@media (min-width: 1025px) {
  .page-id-6441 .ap-guides-map { top: 161px; }
}

/* ── Contact page (page 13) address card (2026-11-09): the phone number sits directly under "El Dorado Hills, CA" (the 20px paragraph gap between them is removed; the space below the phone number is kept). ── */
.page-id-13 .gb-element-5536ac1a p:not(:last-child) { margin-bottom: 0; }


/* ── Market guide sidebar (10 city guides), 2026-11-09. Desktop (1,025px and up): the right-hand column was a dark navy strip the full length of the article (3,400 to 12,000px tall) with the photo and four buttons only at the top. It is now a card the shape of its photo (autopeople-sidebar-background.webp, 569 x 1125): it ends at the bottom of the photo and stays in view 24px below the sticky header while the article scrolls. On short windows it shortens to fit (never under 440px, so the buttons always fit). All four corners are rounded 12px. The article card is white behind the column. Phones and tablets are unchanged: the photo band with the buttons sits below the article. ── */
@media (min-width: 1025px) {
  :is(.page-id-4879, .page-id-4189, .page-id-4591, .page-id-6639, .page-id-6640, .page-id-4881, .page-id-4884, .page-id-4886, .page-id-6641, .page-id-6642) :is(.gb-element-12958cba, .gb-element-6edc96ae, .gb-element-5e79bbcb, .gb-element-ee122d90, .gb-element-b9366c59, .gb-element-e30c9d8c) {
    align-self: flex-start;
    aspect-ratio: 569 / 1125;
    background: #02081e url(/wp-content/uploads/2026/02/autopeople-sidebar-background.webp) 50% 0% / cover no-repeat;
    border-radius: 12px !important; /* all four corners (an older rule forced 0 12px 12px 0 with !important) */
    max-height: calc(100vh - 185px);
    min-height: 440px;
    overflow: hidden;
    position: sticky;
    top: 161px;
  }
  /* The article card stays white beside and below the shorter sidebar (the page's blue background showed through once the navy strip was gone). */
  :is(.page-id-4879, .page-id-4189, .page-id-4591, .page-id-6639, .page-id-6640, .page-id-4881, .page-id-4884, .page-id-4886, .page-id-6641, .page-id-6642) :is(.gb-element-7c6d0f73, .gb-element-722d657b, .gb-element-f477f08d, .gb-element-27d03968, .gb-element-3f82626f, .gb-element-446aafee) {
    background-color: #ffffff;
    border-radius: 12px;
  }
}

/* ── Market guide sidebar (10 city guides), 2026-11-09: no grey shadow gradient behind the sidebar. The article column's drop shadow (0 0 10px 5px) showed as a grey gradient strip down the white area behind and below the sidebar card. On desktop (1,025px and up) the shadow moves from the article column to the whole white card, so it frames the card on the blue page and nothing shows behind the sidebar. Phones and tablets are unchanged. ── */
@media (min-width: 1025px) {
  :is(.page-id-4879, .page-id-4189, .page-id-4591, .page-id-6639, .page-id-6640, .page-id-4881, .page-id-4884, .page-id-4886, .page-id-6641, .page-id-6642) :is(.gb-element-7202dea6, .gb-element-a03866bc, .gb-element-c7361814, .gb-element-83cc98e9, .gb-element-56ee7d4a, .gb-element-834cf9fb) { box-shadow: none; }
  :is(.page-id-4879, .page-id-4189, .page-id-4591, .page-id-6639, .page-id-6640, .page-id-4881, .page-id-4884, .page-id-4886, .page-id-6641, .page-id-6642) :is(.gb-element-7c6d0f73, .gb-element-722d657b, .gb-element-f477f08d, .gb-element-27d03968, .gb-element-3f82626f, .gb-element-446aafee) { box-shadow: rgba(0, 0, 0, .08) 0 0 10px 5px; }
}

/* ── Header buttons (2026-11-09): Salary Guide and Contact 10px apart (were 32px from 1,280px, 18px at 1,080-1,279px, the menu's item gap). The phone number above stays exactly as wide as the pair, so it stays centred over them. Desktop menu only. ── */
@media (min-width: 1280px) {
  .ap-site-header .gb-menu-d61c0749 > .ap-menu-btn + .ap-menu-btn { margin-left: -22px; }
  .ap-site-header .gb-text-d7d5d4f2 { width: 262px; }
}
@media (min-width: 1080px) and (max-width: 1279px) {
  .ap-site-header .gb-menu-d61c0749 > .ap-menu-btn + .ap-menu-btn { margin-left: -8px; }
  .ap-site-header .gb-text-d7d5d4f2 { width: 210px; }
}

/* ── Market guides hub (page 6441), 2026-11-09: the state headings have anchors (#arizona, #california, #florida, #georgia, #north-carolina, #texas) that footer links jump to. On desktop the sticky header is 137px tall, so a jump stops 24px below it instead of hiding the heading. ── */
.page-id-6441 .entry-content h2[id] { scroll-margin-top: 24px; }
@media (min-width: 1025px) {
  .page-id-6441 .entry-content h2[id] { scroll-margin-top: 161px; }
}

/* ── Footer, 2026-11-09: four columns. "Markets" (gb-element-e5a1c3d7) holds the geo-centric links (Automotive Market Guides and the eight Automotive Recruiter {State} links), split out of Automotive Recruiting Solutions (gb-element-af28d4ba). Desktop: brand 21%, solutions 27%, markets 24%, network 28%. Tablet (801-1,024px): two rows of two. Phones: stacked as before. ── */
@media (min-width: 1025px) {
  .ap-site-footer .gb-element-c1462004 { max-width: 300px; width: 21%; }
  .ap-site-footer .gb-element-af28d4ba { max-width: 380px; width: 27%; }
  .ap-site-footer .gb-element-e5a1c3d7 { max-width: 340px; width: 24%; }
  .ap-site-footer .gb-element-203055e5 { max-width: 400px; width: 28%; }
}
@media (min-width: 801px) and (max-width: 1024px) {
  .ap-site-footer :is(.gb-element-c1462004, .gb-element-af28d4ba, .gb-element-e5a1c3d7, .gb-element-203055e5) { width: 50%; }
  .ap-site-footer :is(.gb-element-c1462004, .gb-element-af28d4ba) { margin-bottom: 40px; }
}

/* ── Footer column 1 (2026-11-09): the LinkedIn icon sits to the right of the contact details (phone, address, email), centred on them, and the Autopeople Report / Newsletter buttons move up into the space its row took (about 96px higher). All widths. ── */
.ap-site-footer .gb-element-c1462004 { align-items: center; column-gap: 24px; display: grid; grid-template-columns: max-content max-content; }
.ap-site-footer .gb-element-c1462004 > :is(.gb-media-289a7f54, .gb-element-2db99225) { grid-column: 1 / -1; }
.ap-site-footer .gb-element-c1462004 > .gb-text-1a3b57b5 { grid-column: 1; grid-row: 2; }
.ap-site-footer .gb-element-c1462004 > .gb-text-7367d4aa { grid-column: 1; grid-row: 3; margin-bottom: 0; }
.ap-site-footer .gb-element-c1462004 > .gb-text-77ee1dbc { align-self: center; grid-column: 2; grid-row: 2 / 4; margin-bottom: 0; }
.ap-site-footer .gb-element-c1462004 > .gb-element-2db99225 { grid-row: 4; margin-top: 28px; }


/* ── Newsletter popup (#ap-modal-subscribe-newsletter, ActiveCampaign form 5), 2026-11-09: fits on screen without scrolling. Was 1,119px tall: a 507px-wide bordered form box with a 231px logo, a three-line heading and one field per row, plus a footer bar with a second Close button. Now the form fills the popup, the logo sits small beside a shorter heading, fields pair up two per row, and the Close bar is hidden (the × in the title bar closes it). Scoped to the popup; the form's own styles use ID selectors and some !important, so these do too. ── */
#ap-modal-subscribe-newsletter .ap-modal__dialog { max-width: min(760px, calc(100% - 20px)) !important; }
#ap-modal-subscribe-newsletter .gb-element-9dce1036 { display: none !important; }
#ap-modal-subscribe-newsletter .gb-element-ff612eb7 { padding: 0 !important; }
#ap-modal-subscribe-newsletter ._form_5 form._form { border: 0 !important; box-shadow: none !important; margin: 0 !important; max-width: none !important; padding: 22px 28px 26px !important; width: 100% !important; }
#ap-modal-subscribe-newsletter form._form ._form-content { align-items: start; column-gap: 20px; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 14px; }
#ap-modal-subscribe-newsletter form._form ._form-content > * { margin: 0 !important; min-width: 0; width: auto !important; }
/* logo + heading row */
#ap-modal-subscribe-newsletter form._form ._x87387983 { grid-column: 1; grid-row: 1; text-align: left !important; }
#ap-modal-subscribe-newsletter form._form ._x87387983 img { display: block; height: auto !important; max-width: 96px !important; width: 96px !important; }
#ap-modal-subscribe-newsletter form._form ._x44300437 { align-self: center; grid-column: 1 / 5; grid-row: 1; padding-left: 116px; }
#ap-modal-subscribe-newsletter form._form ._x44300437 h3 { font-size: 20px !important; line-height: 1.3 !important; margin: 0 !important; }
/* fields, two per row */
#ap-modal-subscribe-newsletter form._form ._x22570267 { grid-column: 1 / 3; }  /* First name */
#ap-modal-subscribe-newsletter form._form ._x08595303 { grid-column: 3 / 5; }  /* Last name */
#ap-modal-subscribe-newsletter form._form ._x30722008 { grid-column: 1 / 3; }  /* Company */
#ap-modal-subscribe-newsletter form._form ._x10620456 { grid-column: 3 / 5; }  /* Email */
#ap-modal-subscribe-newsletter form._form ._x80146931 { grid-column: 1 / 3; }  /* How can we help you? */
#ap-modal-subscribe-newsletter form._form ._x57270031 { grid-column: 3 / 5; }  /* How did you hear about us? */
#ap-modal-subscribe-newsletter form._form ._button-wrapper { grid-column: 1 / 5; }
#ap-modal-subscribe-newsletter form._form ._clear-element { display: none !important; }
#ap-modal-subscribe-newsletter form._form ._form-label { margin-bottom: 4px !important; }
#ap-modal-subscribe-newsletter form._form ._checkbox-radio { margin: 0 0 2px !important; }
#ap-modal-subscribe-newsletter form._form ._form-thank-you { grid-column: 1 / -1; }
/* phones: one column, names side by side, smaller logo */
@media (max-width: 640px) {
  #ap-modal-subscribe-newsletter .ap-modal__dialog { margin-bottom: 12px !important; margin-top: 12px !important; }
  #ap-modal-subscribe-newsletter .gb-element-66768ea0 h3 { font-size: 17px !important; letter-spacing: normal !important; }
  #ap-modal-subscribe-newsletter ._form_5 form._form { padding: 16px 16px 18px !important; }
  #ap-modal-subscribe-newsletter form._form ._form-content { column-gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 10px; }
  #ap-modal-subscribe-newsletter form._form ._x87387983 { grid-column: 1; }
  #ap-modal-subscribe-newsletter form._form ._x87387983 img { max-width: 64px !important; width: 64px !important; }
  #ap-modal-subscribe-newsletter form._form ._x44300437 { grid-column: 1 / 3; grid-row: 1; padding-left: 76px; }
  #ap-modal-subscribe-newsletter form._form ._x44300437 h3 { font-size: 16px !important; }
  #ap-modal-subscribe-newsletter form._form ._x22570267 { grid-column: 1; }
  #ap-modal-subscribe-newsletter form._form ._x08595303 { grid-column: 2; }
  #ap-modal-subscribe-newsletter form._form :is(._x30722008, ._x10620456, ._x80146931, ._x57270031, ._button-wrapper) { grid-column: 1 / 3; }
}

/* ── Accessibility (2026-11-09) ── */
/* Footer phone number: #f05a5f, a lighter tint of the brand red, 4.9:1 on the dark footer (was #d42127 at 3.1:1; 4.5:1 is the minimum for 18px text). */
.ap-site-footer .gb-text-1a3b57b5,
.ap-site-footer .gb-text-1a3b57b5 a { color: #f05a5f; }
/* Desktop dropdown arrows: 24 x 24px tap targets (were 16px wide), with negative margins so the menu doesn't move. */
@media (min-width: 1080px) {
  .ap-site-header .gb-menu-d61c0749 > .gb-menu-item > .gb-menu-link > .gb-submenu-toggle { height: 24px; justify-content: center; margin: -4px; padding-left: 0; width: 24px; }
}


/* ── Submit Your Resume (page 299, Gravity Form 2), 2026-11-09: a centred card instead of a full-width one, and a tidier form. The card is at most 860px wide with the blue page on both sides; the empty left-over column is hidden. The subheading "Submit your resume to get your career search started." was white on the white card (invisible) and now shows. Fields pair up: Email | Phone, Title | How did you find us?, and City | State | ZIP on one row. Larger rounded inputs with a blue focus ring, the file-type note under the upload box, the privacy checkbox aligned with its text, a larger Submit button. Phones: one column (State and ZIP side by side). Layout only: the form's fields, rules and submission are unchanged. ── */
.page-id-299 .gb-element-62a952f1 { display: none; }
.page-id-299 .gb-element-48c38177 { justify-content: center; }
.page-id-299 .gb-element-4bc98788 { border-radius: 12px; margin-left: auto; margin-right: auto; max-width: 860px; padding: 48px 56px 52px !important; }
.page-id-299 .gb-element-51533322 h4,
.page-id-299 .gb-element-51533322 h4 span { color: #3c4750 !important; font-family: Assistant, sans-serif !important; font-size: 18px !important; line-height: 1.5 !important; margin: 4px 0 28px !important; text-align: left !important; }
/* field grid */
.page-id-299 #gform_fields_2 { column-gap: 20px; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
.page-id-299 #gform_fields_2 > li { clear: none !important; float: none !important; grid-column: 1 / -1; margin: 0 !important; max-width: none !important; padding: 0 !important; width: auto !important; }
.page-id-299 #gform_fields_2 > li.gform_validation_container { display: none !important; }
.page-id-299 #gform_fields_2 > #field_2_3, .page-id-299 #gform_fields_2 > #field_2_8 { grid-column: 1; }
.page-id-299 #gform_fields_2 > #field_2_5, .page-id-299 #gform_fields_2 > #field_2_4 { grid-column: 2; }
/* name and address sub-fields */
.page-id-299 #gform_2 .ginput_complex { column-gap: 20px; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 12px; }
.page-id-299 #gform_2 .ginput_complex > span { float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; }
.page-id-299 #gform_2 #input_2_9 { grid-template-columns: 2fr 1.2fr 1fr; }
.page-id-299 #gform_2 #input_2_9 > :is(.address_line_1, .address_line_2, .address_country) { grid-column: 1 / -1; }
/* labels and inputs */
.page-id-299 #gform_2 .gfield_label { font-size: 15px !important; font-weight: 700 !important; margin-bottom: 6px !important; }
.page-id-299 #gform_2 .gform-field-label--type-sub,
.page-id-299 #gform_2 .ginput_complex label { color: #5c6670 !important; font-size: 13px !important; padding-top: 4px !important; }
.page-id-299 #gform_2 :is(input[type="text"], input[type="email"], input[type="tel"], select, textarea) { background: #ffffff; border: 1px solid #c3ccd5 !important; border-radius: 8px; box-sizing: border-box; font-family: Assistant, sans-serif; font-size: 16px !important; min-height: 46px; padding: 10px 14px !important; width: 100% !important; }
.page-id-299 #gform_2 textarea { height: 120px !important; min-height: 120px; }
.page-id-299 #gform_2 :is(input, select, textarea):focus { border-color: #0872ba !important; box-shadow: 0 0 0 3px rgba(8, 114, 186, .18); outline: none; }
.page-id-299 #gform_2 input[type="file"] { background: #f6f9fc; border: 1px dashed #9fb3c8; border-radius: 8px; box-sizing: border-box; font-size: 15px; padding: 14px; width: 100%; }
.page-id-299 #gform_2 .gform_fileupload_rules { color: #5c6670; display: block; font-size: 13px; margin-top: 6px; }
.page-id-299 #gform_2 .ginput_container_consent { align-items: flex-start; column-gap: 10px; display: flex; }
.page-id-299 #gform_2 .ginput_container_consent input[type="checkbox"] { flex: 0 0 18px; height: 18px; margin: 3px 0 0 !important; width: 18px; }
.page-id-299 #gform_2 .ginput_container_consent label { font-size: 14px !important; line-height: 1.5 !important; }
.page-id-299 #gform_2 .gform_footer { margin: 28px 0 0 !important; padding: 0 !important; }
.page-id-299 #gform_2 .gform_footer .gform_button { font-size: 16px !important; min-height: 50px; min-width: 220px; }
@media (max-width: 640px) {
  .page-id-299 .gb-element-4bc98788 { margin-left: 12px; margin-right: 12px; padding: 28px 20px 32px !important; width: calc(100% - 24px); }
  .page-id-299 #gform_fields_2 { grid-template-columns: minmax(0, 1fr); row-gap: 18px; }
  .page-id-299 #gform_fields_2 > li { grid-column: 1 / -1 !important; }
  .page-id-299 #gform_2 #input_2_9 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-id-299 #gform_2 #input_2_9 > .address_city { grid-column: 1 / -1; }
  .page-id-299 #gform_2 .gform_footer .gform_button { width: 100%; }
}

/* ── Day 2 (2026-11-09) ── */
/* Footer headings and phone number: off PT Sans, which was loaded only for these four items (one 47KB font file on every page). Headings use the site heading face (Oswald 600, as the sidebar widget titles); the phone number uses the header phone's face (Roboto Condensed 700). */
.ap-site-footer :is(.gb-text-b4411260, .gb-text-f2b8d4a6, .gb-text-dc8d7321) { font-family: Oswald, sans-serif; font-size: 22px; font-weight: 600; letter-spacing: normal; }
.ap-site-footer .gb-text-1a3b57b5 { font-family: "Roboto Condensed", sans-serif; font-size: 20px; font-weight: 700; letter-spacing: -0.02em; }
/* Post a Job (page 75): the section background pointed at uploads/2020/01/new-york.jpg, which doesn't exist (404 on the clone and on autopeople.com). */
.page-id-75 .gb-element-2b911d64 { background-image: none; }


/* ── The Autopeople Report (newsletter posts, category 81), 2026-11-09 ── */
/* Subscribe to our Newsletter button at the top of each issue: centred, with space between it and the report banner. */
.single-post article.category-autopeople-report .entry-content :has(> a.ap-modal-open) { display: flex !important; justify-content: center !important; padding-bottom: 24px !important; text-align: center; }
/* Issue navigation sidebar (output by functions.php after the issue). */
.ap-report-nav { background: #ffffff; border: 1px solid #e3e8ee; border-radius: 12px; box-shadow: 0 6px 20px rgba(10, 32, 58, .08); box-sizing: border-box; padding: 24px 22px 22px; }
.ap-report-nav__eyebrow { color: #0872ba; font-family: "Roboto Condensed", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .08em; margin: 0 0 4px; text-transform: uppercase; }
.ap-report-nav__title { color: #d42127; font-family: Oswald, sans-serif; font-size: 24px; font-weight: 600; line-height: 1.2; margin: 0 0 14px; }
.ap-report-nav__intro { color: #3c4750; font-size: 15px; line-height: 1.5; margin: 0 0 14px; }
.ap-report-nav .ap-report-nav__subscribe { align-items: center; background-color: #d42127; border: 2px solid transparent; border-radius: 12px; box-sizing: border-box; color: #ffffff; display: flex; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-style: italic; font-weight: 700; justify-content: center; letter-spacing: normal; line-height: 17px; margin: 0 0 18px; min-height: 46px; padding: 12px 16px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; }
.ap-report-nav .ap-report-nav__subscribe:is(:hover, :focus) { background-color: #ffffff; border-color: #000000; color: #231f20; }
.ap-report-nav__years { border-top: 1px solid #e3e8ee; }
.ap-report-nav details { border-bottom: 1px solid #e3e8ee; }
.ap-report-nav summary { align-items: center; color: #0a203a; cursor: pointer; display: flex; font-family: "Roboto Condensed", sans-serif; font-size: 17px; font-weight: 700; justify-content: space-between; list-style: none; min-height: 44px; }
.ap-report-nav summary::-webkit-details-marker { display: none; }
.ap-report-nav summary::after { border-bottom: 2px solid #0872ba; border-right: 2px solid #0872ba; content: ""; height: 7px; margin-right: 6px; transform: rotate(45deg) translateY(-2px); transition: transform .2s; width: 7px; }
.ap-report-nav details[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.ap-report-nav summary span { color: #5c6670; font-size: 14px; font-weight: 400; margin-left: auto; margin-right: 12px; }
.ap-report-nav ul { display: grid; gap: 2px 8px; grid-template-columns: 1fr 1fr; list-style: none; margin: 0 0 12px !important; padding: 0 !important; }
.ap-report-nav li { margin: 0 !important; }
.ap-report-nav li a { border-radius: 6px; color: #33475b; display: block; font-size: 15px; line-height: 1.3; padding: 7px 10px; text-decoration: none; }
.ap-report-nav li a:is(:hover, :focus-visible) { background: #f2f7fc; color: #d42127; text-decoration: none; }
.ap-report-nav li a[aria-current="page"] { background: #0872ba; color: #ffffff; font-weight: 700; }
.ap-report-nav__all { color: #d42127; display: inline-block; font-weight: 700; margin-top: 14px; text-decoration: none; }
.ap-report-nav__all:is(:hover, :focus-visible) { text-decoration: underline; }
/* Desktop: issue on the left, navigation on the right, staying in view below the sticky header. */
@media (min-width: 1025px) {
  .single-post article.category-autopeople-report .inside-article { align-items: start; column-gap: 28px; display: grid; grid-template-columns: minmax(0, 1fr) 300px; }
  .single-post article.category-autopeople-report .ap-report-nav { margin-top: 50px; max-height: calc(100vh - 185px); overflow-y: auto; position: sticky; top: 161px; }
}
/* Tablets and phones: the navigation follows the issue. */
@media (max-width: 1024px) {
  .single-post article.category-autopeople-report .ap-report-nav { margin: 24px auto 40px; max-width: 694px; }
}
@media (max-width: 640px) {
  .single-post article.category-autopeople-report .ap-report-nav { margin: 20px 0 32px; }
}

/* ── Blog sidebar (GP element 5401, .ap-blog-sidebar), 2026-11-09 ── */
/* Get Social: the LinkedIn link was a 38px outlined square whose icon the site-wide button rules hid. Now a full-width LinkedIn-blue button with the white LinkedIn logo and "Follow us on LinkedIn" (the link keeps its aria-label "LinkedIn"). */
body .ap-blog-sidebar a.gb-text-38da1229 { align-items: center; background-color: #0a66c2; border: 2px solid #0a66c2 !important; border-radius: 12px; box-sizing: border-box; color: #ffffff !important; column-gap: 10px; display: flex; font-family: "Roboto Condensed", sans-serif; font-size: 15px; font-style: italic; font-weight: 700; height: 46px; justify-content: center; letter-spacing: normal; opacity: 1; padding: 0 16px; text-decoration: none; text-transform: uppercase; width: 100%; }
body .site-content .ap-blog-sidebar a.gb-text-38da1229 .gb-shape { display: inline-flex !important; line-height: 0; }
body .ap-blog-sidebar a.gb-text-38da1229 .gb-shape svg { color: #ffffff; fill: #ffffff; height: 18px; width: 18px; }
body .ap-blog-sidebar a.gb-text-38da1229::after { content: "Follow us on LinkedIn"; }
body .ap-blog-sidebar a.gb-text-38da1229:is(:hover, :focus) { background-color: #004182; border-color: #004182 !important; color: #ffffff !important; opacity: 1; }
/* Call Us Now phone number: same face and size as the header phone (Roboto Condensed 700, 26px; was Oswald 30px). */
.ap-blog-sidebar .gb-text-e35c0106,
.ap-blog-sidebar .gb-text-e35c0106 a { font-family: "Roboto Condensed", sans-serif; font-size: 26px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2; }

/* ── 2026-11-09: footer phone number in the header phone's red (#e21d3e, was #f05a5f). 3.5:1 on the dark footer, which passes WCAG AA for large text (20px bold). ── */
.ap-site-footer .gb-text-1a3b57b5,
.ap-site-footer .gb-text-1a3b57b5 a { color: #e21d3e; }
/* ── 2026-11-09: The Autopeople Report issues no longer butt against the site header. 40px of the blue page shows between the header and the issue on desktop (24px on tablets and phones). The Browse issues card now lines up with the top of the issue and sits 40px to its right (was 28px). ── */
@media (min-width: 1025px) {
  .single-post article.category-autopeople-report .inside-article { column-gap: 40px; padding-top: 40px; }
  .single-post article.category-autopeople-report .ap-report-nav { margin-top: 0; }
}
@media (max-width: 1024px) {
  .single-post article.category-autopeople-report .inside-article { padding-top: 24px; }
}

/* ── Hot Automotive Jobs (page 420, PCRecruiter job board), 2026-11-09: the same centred card as Submit Your Resume instead of a full-width one. The white card is at most 860px wide (was 1,400px) with the blue page on both sides and the same padding (48px 56px 52px). Phones: the same 12px side margins and 28px 20px 32px padding as the resume card. The job board iframe is 100% wide, so it reflows to the card. ── */
.page-id-420 .site .inside-article { box-sizing: border-box; max-width: 860px; padding: 48px 56px 52px; }
@media (max-width: 640px) {
  .page-id-420 .site .inside-article { margin: 0 -18px; max-width: none; padding: 28px 20px 32px; }
}

/* ── Calendly placeholder (2026-11-09): until the scheduler loads (when its box nears the screen), the 700px box shows a light panel with a link to the calendar. ── */
.ap-calendly-lazy { align-items: center; background: #f6f9fc; border-radius: 12px; box-sizing: border-box; display: flex; justify-content: center; }
.ap-calendly-lazy:has(iframe) { background: none; display: block; }
.ap-calendly-lazy__link { color: #0872ba; font-weight: 700; text-decoration: underline; }

/* ── Heading order (#18), 2026-11-09: sidebar titles are H2 instead of H4, and the sidebar phone number is a paragraph instead of an H2 (it sat under the "Call Us Now" H4). On the Blog page (page 577) these blocks had no size of their own, so these rules (which must outrank the theme rules "body:not(.home) .entry-content h2" and "#main p") keep the exact look they had as H4s and an H2: titles 22px, phone 30px (26px up to 768px). Posts' sidebar (element 5401) blocks set their own sizes and needed nothing. ── */
body:not(.home) .entry-content :is(.gb-text-0aed0f50, .gb-text-1f82ff49, .gb-text-0b9c203a, .gb-text-b4a4c533, .gb-text-02d6496f) { font-size: 22px; line-height: 1.25; }
body:not(.home) #main .gb-text-3eb642d8 { font-size: 30px; line-height: 1.2; }
@media (max-width: 768px) {
  body:not(.home) #main .gb-text-3eb642d8 { font-size: 26px; }
}

/* ── Blog publishing kit blocks (2026-11-09). Inserted from the "Autopeople" section of the block inserter, or pre-filled in new posts (see functions.php). The editor loads this file too, so posts look the same while writing. Text size presets: Small 14 / Body 16 / Lead 19 / Large 24. ── */
.has-ap-small-font-size { font-size: 14px !important; }
.has-ap-body-font-size { font-size: 16px !important; }
.has-ap-lead-font-size { font-size: 19px !important; line-height: 1.55; }
.has-ap-large-font-size { font-size: 24px !important; line-height: 1.35; }
/* Key takeaways */
.ap-takeaways { background: #f4f4f4; border-left: 5px solid #d42127; border-radius: 12px; box-sizing: border-box; margin: 32px 0; padding: 24px 28px; }
.ap-takeaways .ap-takeaways__title { color: #d42127; font-family: Oswald, sans-serif; font-size: 22px; font-weight: 600; line-height: 1.2; margin: 0 0 10px; }
.ap-takeaways ul { margin: 0 0 0 1.2em; padding: 0; }
.ap-takeaways li { margin: 0 0 6px; }
.ap-takeaways > :last-child, .ap-takeaways li:last-child { margin-bottom: 0; }
/* Pull quote */
.wp-block-quote.ap-quote { background: none; border: 0; border-left: 5px solid #0872ba; margin: 32px 0; padding: 4px 0 4px 24px; }
.wp-block-quote.ap-quote p { color: #231f20; font-family: Assistant, sans-serif; font-size: 22px; font-style: italic; line-height: 1.45; margin: 0 0 8px; }
.wp-block-quote.ap-quote cite { color: #5c6670; display: block; font-size: 14px; font-style: normal; font-weight: 600; }
/* Stat callout */
.ap-stat { background: #ffffff; border-radius: 12px; border-top: 4px solid #0872ba; box-shadow: 0 6px 20px rgba(10, 32, 58, .08); box-sizing: border-box; margin: 32px 0; padding: 22px 28px; }
.ap-stat .ap-stat__number { color: #0872ba; font-family: Oswald, sans-serif; font-size: 52px; font-weight: 600; line-height: 1; margin: 0 0 6px; }
.ap-stat .ap-stat__label { color: #231f20; font-size: 18px; font-weight: 600; line-height: 1.4; margin: 0 0 8px; }
.ap-stat .ap-stat__source { color: #5c6670; font-size: 13px; margin: 0; }
/* Image with caption */
.ap-figure img { border-radius: 12px; }
.ap-figure figcaption { color: #5c6670; font-size: 14px; font-style: italic; margin-top: 8px; text-align: left; }
/* Calls to action (synced patterns 6909 and 6910) */
.ap-cta { border-radius: 12px; box-sizing: border-box; color: #ffffff; margin: 40px 0 8px; padding: 32px 36px; }
.ap-cta--hire { background: #231f20; }
.ap-cta--candidates { background: #0872ba; }
.ap-cta .ap-cta__title { color: #ffffff; font-family: Oswald, sans-serif; font-size: 28px; font-weight: 600; line-height: 1.2; margin: 0 0 10px; }
.ap-cta .ap-cta__text { color: #ffffff; font-size: 17px; line-height: 1.55; margin: 0 0 20px; max-width: 620px; }
.ap-cta .wp-block-buttons, .ap-subscribe .wp-block-buttons { gap: 12px; margin: 0; }
.ap-cta .wp-block-button .wp-block-button__link, .ap-subscribe .wp-block-button .wp-block-button__link { background: #d42127; border: 2px solid #d42127; border-radius: 12px; color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-size: 15px; font-style: italic; font-weight: 700; letter-spacing: normal; line-height: 1.2; padding: 12px 26px; text-decoration: none; text-transform: uppercase; }
.ap-cta .wp-block-button .wp-block-button__link:is(:hover, :focus) { background: #ffffff; border-color: #ffffff; color: #231f20; }
.ap-cta .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; border-color: #ffffff; color: #ffffff; }
.ap-cta .wp-block-button.is-style-outline .wp-block-button__link:is(:hover, :focus) { background: #ffffff; color: #0872ba; }
/* Subscribe to The Autopeople Report (opens the site's subscribe popup) */
.ap-subscribe { background: #eef6fd; border: 1px solid #cfe4f7; border-radius: 12px; box-sizing: border-box; margin: 32px 0; padding: 24px 28px; }
.ap-subscribe .ap-subscribe__eyebrow { color: #d42127; font-family: Oswald, sans-serif; font-size: 22px; font-weight: 600; line-height: 1.2; margin: 0 0 6px; }
.ap-subscribe .ap-subscribe__text { color: #231f20; font-size: 16px; line-height: 1.5; margin: 0 0 16px; }
.ap-subscribe .wp-block-button .wp-block-button__link:is(:hover, :focus) { background: #ffffff; border-color: #000000; color: #231f20; }
@media (max-width: 640px) {
  .ap-cta { padding: 24px 20px; }
  .ap-cta .ap-cta__title { font-size: 24px; }
  .ap-takeaways, .ap-stat, .ap-subscribe { padding: 20px; }
  .ap-stat .ap-stat__number { font-size: 44px; }
}

/* ── Market Guides hub (page 6441), 2026-11-11: the US map was removed (it made Autopeople look limited to those markets), so the page is now one column. Same centered card as Submit Your Resume and Hot Automotive Jobs: at most 860px wide, 48px 56px 52px padding; phones use 12px side margins and 28px 20px 32px padding. ── */
.page-id-6441 .site .inside-article { box-sizing: border-box; max-width: 860px; padding: 48px 56px 52px; }
@media (max-width: 640px) {
  .page-id-6441 .site .inside-article { margin: 0 -18px; max-width: none; padding: 28px 20px 32px; }
}

/* ── Market guides: links back to the hub (2026-11-11). Printed by functions.php above each guide's H1 ("← All Market Guides") and at the end of the article ("Explore all Automotive Dealership Market Guides →"). ── */
.site .ap-guide-back { font-family: "Roboto Condensed", sans-serif; font-size: 15px; font-weight: 700; letter-spacing: .02em; line-height: 1.4; margin: 0 0 14px; }
.site .ap-guide-back a { color: #0872ba; text-decoration: none; }
.site .ap-guide-back a:is(:hover, :focus-visible) { color: #d42127; text-decoration: underline; }
.site .ap-guide-back--end { border-top: 1px solid #e3e8ee; font-size: 17px; margin: 40px 0 0; padding-top: 22px; }