/* =====================================================================
   SCS REBRAND - STYLES (non-font overrides)
   STRICT CLIENT-ONLY  (reduced 2026-07-24, Sourabh)
   -------------------------------------------------------------------
   This file now contains ONLY styles the client specified per-element
   (typography sheet, button spec, and the palette sheet's text-link note).
   Everything that came from Diane's older 12-ROLE color table, from
   general rules, from my own defaults, or from unspecified hover states
   was REVERTED to the theme default and will be rebuilt strictly per
   client. Removed on 2026-07-24:
     - heading bars (.redstrip/.sideheading/.blockheading etc.) -> red
     - news/events/blog + sidebar feature boxes -> salmon #ED7B88
     - content/rotator/timeline wrappers -> Gray1 #F5F2F2
     - homepage timeline blocks -> red/dark-blue
     - footer -> red bg + white text
     - navigation teal->red recolor
     - button hover -> dark red, content-link hover -> red
   Loaded LAST in header.php (after scs-rebrand-fonts.css) so it wins.
   ===================================================================== */

/* =====================  BUTTONS  =====================================
   Client spec: fill SCS Red #D70321, SQUARE corners, WHITE text.
   (Hover color NOT specified by client -> left to theme default.) */
.button,
.careersbutton,
.seeall,
.btninfo,
a.contact-popup.btninfo,
.readmore a,
.info-link a,
input[type="submit"],
input[type="button"],
button[type="submit"],
.printpage,
.footerboxtwo input[type=submit],
.footerboxthree input[type=submit],
.conleft input[type=submit]{
  background-color:#D70321 !important;
  border-color:#D70321 !important;
  color:#fff !important;
  border-radius:0 !important;
  -moz-border-radius:0 !important;
  -webkit-border-radius:0 !important;
}
.button a,
.careersbutton a,
.seeall a,
.readmore a,
.btninfo a{ color:#fff !important; }

/* =====================  INNER-PAGE BANNER  =============================
   Banner title top padding 35px -> 55px (Sourabh 2026-07-27; style.css 1015).
   Sub-banner variant padding 10px 0 0 0 -> 45px 0 0 0 (style.css 1017). */
.banner-title{padding-top:55px;}
.banner-title-sub{padding:45px 0 0 0;}

/* Normalise the banner slot to 157px site-wide (Sourabh-directed 2026-07-27).
   The theme hardcodes the height in each template's inline style and used TWO
   values: 157px on the main pages, but 95px on 14 listing/detail templates
   (template-{articles,white-papers,tech-bulletins,brochures,staff},
   single-{scs-articles,scs-white-papers,technicalbulletins,brochures},
   video_playlist, search-page, 404, plus one branch each in template-events
   and template-sub-services) = roughly 1,170 pages. In a 95px slot the
   client's 1920x160 banners scale to 120px under background-size:cover and
   lose ~25px to cropping. One global rule is enough: the 157px pages are
   already 157, so only the 95px group changes. `!important` is required to
   beat the templates' inline style="height:95px". No template edits needed.
   theme-responsive.css sets no .banner height, so mobile is unaffected. */
.banner{height:157px !important;}

/* =====================  HEADER / LOGO  =================================
   Logo vertical padding 23px -> 35px (Sourabh-directed 2026-07-27); gives
   the new stacked logo more breathing room. Adds 24px to header height. */
.logo{padding:35px 0 35px 0 !important;}

/* =====================  COLORS (client per-element specs ONLY)  =======

/* --- Heading text colors (client typography sheet: H1/H3 Red, H2/H4-H6 Black) --- */
h1,h3{color:#D70321 !important;}
h2,h4,h5,h6{color:#000000 !important;}

/* --- Body text -> Black (client typography sheet) --- */
body,.container p,.inrcontainer p,.inrbox p,.inrbox li,#inrcontainer p,#inrcontainer li{color:#000000;}

/* --- Content text links -> BLACK (Sourabh-directed 2026-07-27).
       Was Dark Blue #002858 (palette sheet's contrast-safe link color);
       changed to #000000 on request - deliberate deviation from the client
       palette, same call as the black listing titles in #21. --- */
/* (link hover NOT specified by client -> left to theme default) */
.inrcontainer a,.container a,.moreblock a,.publicationbox ul li a,.descriptionproject a{color:#000000;}

/* =====================  HOME PAGE  (client mockup image (1)) ===========
   Source: client home-page mockup `scs\new styles\image (1).png`.
   Covers the top of the home page only (top bar + News/Events/Blog band).
   Mockup shows: red contact/search bar; red flanking blocks with WHITE
   cards; red "NEWS/EVENTS/BLOG" labels; black card text. */

/* 1. Top contact + search bar -> SCS Red bg (its text/links are already white) */
.top-searchbox{background-color:#D70321 !important;}

/* 2. News/Events/Blog band: red flanks (the full-width area outside the
      centered container) + white cards */
.mainboxrotatorarea{background-color:#D70321 !important;}      /* red flanking */
.mainblock{background-color:#ffffff !important;}               /* white behind cards */
.newsblock,.eventsblock,.blogblock{background-color:#ffffff !important;}  /* white cards */

/* 2b. Card separators -> client Light Blue #D6F0F5 (secondary shading), and
       drop the white line above the band (Sourabh-directed 2026-07-27).
       Theme had 3px #FFF separators (invisible once the cards went white) and
       a 3px #FFF border-top on the band. Widths re-balanced so the extra 2px
       on the news/blog divider doesn't push the third block onto a new row. */
.mainboxrotatorarea{border-top:0 !important;}
/* Desktop only (>1024px): theme-responsive.css restacks these blocks and
   zeroes their borders below that - must not override it. */
@media screen and (min-width:1025px){
  .newsblock{
    width:32.72051282051282% !important;
    border-left:3px solid #D6F0F5 !important;
    border-right:5px solid #D6F0F5 !important;
  }
  .eventsblock{width:33.25% !important;}
  .blogblock{
    width:32.72051282051282% !important;
    border-left:3px solid #D6F0F5 !important;
    border-right:3px solid #D6F0F5 !important;
  }
}

/* 2c. Card excerpt text (Sourabh-directed 2026-07-27). Theme had 11px
       museo_sans300 (-> Inter regular) in black; now 12px museo_sans700
       (-> Poppins Bold via the font remap) in client Gray 5 #6F635F.
       `.excerptblock` is home-page only: the News/Events/Blog cards and the
       bottom Articles/White-Papers/Technical-Bulletins cards. */
.excerptblock{
  font-size:12px !important;
  font-family:'museo_sans700' !important;
  color:#6F635F !important;
  line-height:15px !important;
  padding:0 0 5px 0 !important;
  text-align:left !important;
}

/* 2e. Home intro block vertical padding (Sourabh-directed 2026-07-27).
       style.css line 438 sets no padding on this wrapper. */
.inrcontainer.home-container{padding:50px 0;}

/* 2d. Home page title "SCS innovates" -> Gray 4, ALL CAPS, 24px
       (Sourabh-directed 2026-07-27). Scoped to the home container so other
       H1s keep the client SCS Red. */
.home-container .content-area h1{
  color:#99918C !important;
  text-transform:uppercase !important;
  font-size:24px !important;
  padding-top:0;
  line-height:normal;
  padding-bottom:10px;
}

/* 3. Section labels NEWS / EVENTS / BLOG -> SCS Red
      (scoped to .mainblock so the bottom Articles/White-Papers/Technical-
      Bulletins boxes - which share .blockheading but are NOT in this mockup -
      keep their original label color) */
.mainblock .blockheading,.mainblock .blockheading a{color:#D70321 !important;}
/* (card titles .titleblock are already black; body copy black from typography pass) */

/* 4. Remove the thin #cddee4 border on the carousel items (showed once cards went white) */
.ca-item,.blogca-item,.eventsca-item{border:none !important;}

/* 5. Carousel nav arrows (News/Events/Blog) -> red version, per mockup.
      New sprite images/arrows-red.png (recolor of the teal arrows.png).
      Scoped to Section 2 navs only - the bottom Articles/White-Papers/
      Technical-Bulletins navs keep the shared teal arrows.png. */
.ca-nav span,.blogca-nav span,.eventsca-nav span{
  background-image:url(../images/arrows-red.png) !important;
  opacity:1 !important;
}

/* 5b. Careers band: space it off the bottom Articles/White-Papers band
       (Sourabh 2026-07-27). style.css line 873 sets no bottom margin. */
.careerbox{margin-bottom:40px;}

/* 6. Bottom section - Articles / White Papers / Technical Bulletins.
      SAME treatment as the News/Events/Blog band above (Sourabh-directed
      2026-07-24; this section is NOT in the mockup - extending the mockup
      style on request). Red flanking band + white cards + red labels +
      red nav arrows. */
.bottomscrollarea{background-color:#D70321 !important;margin-bottom:1px;}   /* red flanking */
.bottomscrollarea > .container{background-color:#ffffff !important;}  /* white behind cards + gaps */
.bottombox1,.bottombox2,.bottombox3{background-color:#ffffff !important;}  /* white cards */
/* Card separators -> Light Blue #D6F0F5, matching Section 2 (see 2b above).
   Theme had 3px solid #FFF, invisible once the cards went white. */
.bottombox1{
  border-left:3px solid #D6F0F5 !important;
  border-right:5px solid #D6F0F5 !important;
}
.bottombox3{
  border-left:3px solid #D6F0F5 !important;
  border-right:3px solid #D6F0F5 !important;
}
.bottomscrollarea .blockheading,.bottomscrollarea .blockheading a{color:#D70321 !important;}  /* labels red */
.articlesca-nav span,.whitepaperca-nav span,.technicalca-nav span{
  background-image:url(../images/arrows-red.png) !important;
  opacity:1 !important;
}

/* =====================  FOOTER  (Sourabh-directed 2026-07-24) ==========
   Map the two footer grays to the client gray scale, keeping them LIGHT so
   the existing dark footer text/links stay readable (minimal-update goal):
   - main footer #bdbdbe -> Gray 3 #CCC2BD
   - bottom social/copyright strip #cdcdcd -> Gray 2 #E0D9D6
   SUPERSEDED 2026-07-28 by Kacie: "Change the footer color to Gray 1 (#F5F2F2)".
   All three footer strips now go to Gray 1 so the footer reads as one flat
   block. Lighter than before, so the existing dark text and dark blue links
   gain contrast rather than lose it - no text colour change needed. */
.boxesfooterarea{background-color:#F5F2F2 !important;}
.footersocialarea,.copyrightarea{background-color:#F5F2F2 !important;}

/* Copyright strip text 14px -> 13px (Sourabh 2026-07-27; style.css line 1007) */
.copyright-text{
  text-align:left;
  font-size:13px;
}

/* Red divider strip just above the footer (empty 30px div, in footer.php).
   2026-07-24: old burgundy #910029 -> Dark Red #9A1122.
   2026-07-28 (Kacie gave the choice "removed or changed to SCS Red";
   Sourabh's call = REMOVE): the strip is HIDDEN, not deleted, so it is one
   line away from coming back. The colour rule is kept commented below. */
.redstrip{display:none !important;}
/* .redstrip{background-color:#9A1122 !important;} */

/* =====================  HOME - "SCS FIRSTS" band  =====================
   The band holding the "At the forefront of sustainable environmental
   solutions for over 56 years." heading.
   2026-07-24: theme light blue #e7f0f4 -> Mid Blue #BAE3ED.
   2026-07-27 (Sourabh): background colour removed entirely (band now
   inherits white), theme's `margin:5px 0 0 0` zeroed, 50px added below. */
/* .timelineboxarea{background-color:#BAE3ED !important;} */
/* NOTE: must force transparent - simply dropping our override let the theme's
   own light blue #e7f0f4 (style.css line 626) show through again. */
.timelineboxarea{
  background-color:transparent !important;
  margin:0;
  margin-bottom:50px;
}

/* Drop the bottom shadow strip under the timeline (Sourabh 2026-07-27).
   style.css line 844: background image timeline-bottom-shadow.png, 27px tall. */
.timeline-botshadow{display:none;}

/* Fix: timeline expanded panel text must stay WHITE (theme default color:#FFF).
   Our body/.container p -> black rule was loading later and turning the
   hover-expanded .timeboxright <p> black. Restore white, scoped to timeline. */
.timeboxright p{color:#ffffff !important;}

/* Timeline blocks: ONE FLAT Gray 5 (Sourabh-directed 2026-07-27; was the
   alternating Gray5/Gray4 stripe from 2026-07-24, which was itself replacing
   the old 6 rotating colors).
   WHY FLAT: the carousel ROTATES THE DOM on every nav click - the first
   .timelineca-item is moved to the end (2025 -> last), so the nth-child
   stripe re-assigned itself and every year visibly changed colour as you
   paged. There is no stable per-item hook to stripe on: all 42 items share
   the class `timelineca-item-1`, and the only per-item class .timebg-N is
   scrambled and repeats (timebg-1/3/5 each appear at BOTH parities), so no
   CSS list can reproduce a clean A/B stripe either. A single colour is the
   only position-independent fix in pure CSS.
   White block text stays readable. Arrow images are transparent (white
   chevron only) so each arrow inherits the block gray. */
.timelinefullsection .timelineca-item .hpanel{background-color:#6F635F !important;}   /* Gray 5 */
/* Remove the gold chevron strip that appears when a timeline block is
   hovered/expanded (Sourabh 2026-07-27). style.css lines 819-824 give the
   expanded panel `background:url(images/collapse-ch2..7.png)` - a yellow/gold
   vertical strip with a white chevron. #14 recoloured the expand-chN images
   to transparent+white but left the collapse-chN set gold, so the old colour
   reappeared on hover. Killing the image (not the file) keeps the flat gray. */
.collapsehc2,.collapsehc3,.collapsehc4,.collapsehc5,.collapsehc6,.collapsehc7{
  background-image:none !important;
}
/* Expanded/hovered block -> Gray 4, so it lifts off the flat Gray 5 track
   (Sourabh 2026-07-27). Gray 4 chosen over Gray 3: the panel text is white,
   and white on Gray 4 #99918C is 3.1:1 while white on Gray 3 #CCC2BD is
   1.75:1 (unreadable). */
.timelinefullsection .haccordion li:hover .hpanel{background-color:#99918C !important;}

/* Timeline prev/next arrows -> SCS Red background (Sourabh 2026-07-27).
   style.css line 620 sets them transparent with the white timeline-arrows.png
   sprite (19x16, white chevron on transparent), which was near-invisible on
   the Gray 2 track. Red circle behind it; full opacity so the red is solid
   (theme had 0.7). Sprite untouched - the white chevron reads on the red.
   The timeline-arrows.png sprite is DROPPED here and the chevron is drawn in
   CSS instead. Two reasons: the sprite is 38x16 with the two arrows adjacent
   and no gap, so any box wider than 19px bleeds a sliver of the neighbouring
   arrow; and the sprite already carries its own white ring, which clipped
   badly inside a red circle. A CSS chevron on a solid red disc is crisp at
   any size and needs no image file in the WPE rollout. */
.timelineca-nav span{
  background-image:none !important;
  background-color:#D70321 !important;
  border-radius:50% !important;
  opacity:1 !important;
  box-sizing:border-box !important;
  width:26px !important;
  height:26px !important;
  margin-top:-13px !important;
  left:-38.5px !important;
}
.timelineca-nav span.timelineca-nav-next{
  left:auto !important;
  right:-36.5px !important;
}
.timelineca-nav span:before{
  content:"" !important;
  position:absolute;
  top:50%; left:50%;
  width:7px; height:7px;
  border-right:2px solid #ffffff;
  border-bottom:2px solid #ffffff;
  text-indent:0;
}
.timelineca-nav span.timelineca-nav-prev:before{
  transform:translate(-40%,-50%) rotate(135deg);
}
.timelineca-nav span.timelineca-nav-next:before{
  transform:translate(-60%,-50%) rotate(-45deg);
}
.timelineca-nav span:hover{background-color:#9A1122 !important;}   /* Dark Red */

/* Timeline track background - this is the strip visible at the LEFT and RIGHT
   edges of the "SCS FIRSTS" band, around the dark grey timeline blocks.
   2026-07-24: khaki #bfc8b3 -> Gray 2 #E0D9D6.
   2026-07-28 (Kacie): "change the side/edge light gray in SCS Firsts section
   to light blue" -> client palette Light Blue #D6F0F5. */
.timelinefullsection{background-color:#D6F0F5 !important;}

/* =====================  INNER-PAGE SIDEBARS  (Sourabh-directed 2026-07-24) ==
   LEFT sidebar menu (.sidemenu): hover/active background was pale green
   #eaefdc -> Light Blue. Menu text stays dark #363636 (readable on light blue). */
.sidemenu ul li:hover,
.sidemenu ul li.current_page_item a,
.sidemenu ul li.current-menu-item a{background-color:#D6F0F5 !important;}

/* RIGHT sidebar boxes (Project Case Studies / Publications / etc.):
   old teal/olive/green -> brand colors. */
/* box + section heading bars -> Gray 5 (white text already set by theme).
   .headingbar is a general section heading bar (e.g. "CONTACT US" at page bottom).
   2026-07-24 these were SCS Red; changed to Gray 5 #6F635F on 2026-07-27
   (Sourabh: too much red on the inner pages). Red is now reserved for the
   H1/H3 page titles and buttons, so the sidebar recedes. */
.popularblogbox-heading,.publicationbox-heading,.lightgreenbox-heading,.headingbar{background-color:#6F635F !important;}
/* box accent left/right borders -> Gray 5 (was SCS Red) */
.projectbox,.popularlistbox,.publicationbox,.contentlistbox,.lightlistbox,.archivebox{
  border-left-color:#6F635F !important;border-right-color:#6F635F !important;}
/* box links -> Dark Blue (match other content links); drop the old olive hover */
.populardesc a{color:#002858 !important;}
.descriptionproject a:hover,.populardesc a:hover,.publicationbox ul li a:hover{color:#002858 !important;}

/* =====================  LISTING PAGES (Sourabh-directed 2026-07-24) ========
   Article/publication LISTING titles (h3 inside .postloop) -> Black instead
   of the client's H3-red, because a page of stacked red titles is too much
   red. Scoped to .postloop only - H3 stays SCS Red on normal content pages. */
.postloop h3,.postloop h3 a{color:#000000 !important;}

/* =====================  REMAINING OLD-COLOR DEFAULTS PASS  ==================
   (Sourabh "apply defaults" 2026-07-24). brand accents/headings/buttons ->
   SCS Red #D70321; links + hovers -> Dark Blue #002858; teal/green content-box
   backgrounds -> Gray 1 #F5F2F2 (White for card interiors, Light Blue for
   menu-like); button hovers -> Dark Red #9A1122; neutral grays left as-is. */

/* default link + hover -> Dark Blue (no !important so specific rules still win) */
a{color:#002858;}
a:hover{color:#002858;}

/* Mega-menu / navigation */
#navigation li a:hover,#navigation .active{background-color:#D70321 !important;}
.nav [class*="nav-column"] h3,.nav .nav-column h3{color:#D70321 !important;}
/* .toggleMenu bg removed 2026-07-27 (Sourabh). It only shows on LOCAL, where
   js/toggle.js is blocked (footer.php hardcodes it from the live domain), so
   adjustMenu() never runs and the "Go To ..." link stays visible at desktop
   width. On live/staging the script runs and hides it above 979px. Its mobile
   bg is set by theme-responsive.css (#7c002a + toggle-bg.png) - recolour there
   if the mobile toggle needs the new red. */
/* .toggleMenu{background-color:#D70321 !important;} */
/* No background colour on the mobile menu toggle either (Sourabh 2026-07-27).
   theme-responsive.css sets #7c002a + white text; drop the bg and darken the
   text so it stays readable. Arrow image toggle-bg.png kept. */
@media screen and (max-width:979px){
  .toggleMenu,.toggleMenu:hover{background-color:transparent !important;color:#000000 !important;}
}
#navigation li{box-shadow:0 1px 2px #CCC2BD !important;}
#wp_page_numbers li.active_page a{border-color:#D70321 !important;}

/* Careers page + WP Job Manager buttons (CSS only - not touching the plugin) */
.sidecareer-heading{background-color:#D70321 !important;border-color:#D70321 !important;}
/* Red bg + WHITE text. The 2026-07-24 pass set the background but not the
   colour, so the label fell through to the global `a{color:...}` rule and
   rendered black on red = 3.92:1 (e.g. the "Add alert" button on
   /careers/setup-job-alerts/, which only appears once logged in). */
.jm-alerts__add-new a,.job-manager-form input[type="submit"],.job_filters.wpjmsf_filters .search_input_submit{
  background-color:#D70321 !important;color:#ffffff !important;}
.jm-alerts__add-new a:hover,.job-manager-form input[type="submit"]:hover,.job_filters.wpjmsf_filters .search_input_submit:hover{
  background-color:#9A1122 !important;color:#ffffff !important;}

/* WP Job Manager's own UI buttons (jm-notice footer, e.g. the "Sign in"
   button shown to logged-out visitors on /careers/setup-job-alerts/).
   The plugin leaves these unstyled here so they rendered BLACK ON BLACK -
   completely invisible. Brand them: solid red + white, outline variant red. */
a.jm-ui-button,.jm-ui-button,button.jm-ui-button{
  background-color:#D70321 !important;color:#ffffff !important;border-color:#D70321 !important;}
a.jm-ui-button:hover,.jm-ui-button:hover,button.jm-ui-button:hover{
  background-color:#9A1122 !important;color:#ffffff !important;border-color:#9A1122 !important;}
a.jm-ui-button--outline,.jm-ui-button--outline{
  background-color:transparent !important;color:#D70321 !important;border:1px solid #D70321 !important;}
a.jm-ui-button--outline:hover,.jm-ui-button--outline:hover{
  background-color:#D70321 !important;color:#ffffff !important;}

/* Native <select> option highlight -> SCS Red (was old teal #619996).
   style.css:1248 sets `option:checked, option:hover{ background:#619996
   url("data:image/gif;base64,...") repeat scroll 0 0; color:white; }` - a GLOBAL
   rule, so the selected item of every dropdown rendered old teal. Hits the
   contact-form popup's "How did you hear about us?" select, which is output
   site-wide (seen on 20 page types on the WPE dev env).
   Must reset background-IMAGE too - the theme uses the `background` shorthand
   with a base64 GIF, so background-color alone does not win.
   NOTE this was invisible on LocalWP: our copy runs the 2026-06-08 hardened
   contact-form-popup plugin whose wp_kses_post() strips <select> entirely, so
   the local pages have zero <option> elements. Found only by scanning dev. */
option:checked,option:hover{
  background-image:none !important;
  background-color:#D70321 !important;
  color:#ffffff !important;
}

/* Staff / Professionals / Leadership */
.stafsearchleft,.printboxbg{background-color:#F5F2F2 !important;}
.sideheading,.sideheadingtitle,.sideheadingtitle a,.nationalspecialist span,.leaderspecialpost,.postby span,h3.summary,.borderfirst,.leaderinfo .multioffice{color:#D70321 !important;}
#inrcontainer-staff .staffsearchright a:hover,#inrcontainer-staff .staffsearchright a.active{color:#D70321 !important;}
.nationalspecialist a:hover,.leaderemail a:hover{color:#002858 !important;}

/* Locations / maps */
.location-map-box,.mapleftlocation{background-color:#F5F2F2 !important;}
.wpgmza_sl_search_button,.wpgmza_sl_reset_button{color:#D70321 !important;}

/* Accordion */
.accord > ul > li > span,.info-controls span.accor_btn,.info-controls .btninfo,
#inrcontainer-staff .inactsppost,#inrcontainer-staff .actsppost,
#inrcontainer-professionals .inactsppost,#inrcontainer-professionals .actsppost{background-color:#D70321 !important;color:#fff !important;}
.accord ul li a,.accord ul li a:hover,.accord ul li div a,.accord ul li div a:hover{color:#002858 !important;}

/* Search results page */
.searchcat-title{color:#D70321 !important;}
.searchandfilter ul .sf-field-search h4{background-color:#D70321 !important;color:#fff !important;}
.search_input_reset,.search_input_alert a{border-color:#D70321 !important;}
.search_input_reset:hover,.search_input_alert a:hover{background-color:#9A1122 !important;}

/* Global / misc */
.ca-content-wrapper,.blogca-content-wrapper,.eventsca-content-wrapper,.timelineca-content-wrapper,
.articlesca-content-wrapper,.whitepaperca-content-wrapper,.technicalca-content-wrapper{background:#ffffff !important;}
.collapse{background-color:#D6F0F5 !important;}
.titleblock a:hover{color:#D70321 !important;}
.no-record{color:#D70321 !important;}
#ext-continue{background-color:#D70321 !important;}
.widget.tawhidurrahmandeareightWidget input[type="button"]{background-color:#D70321 !important;}
.clientaccess a:hover,.footerboxone a:hover,.footerboxthree a:hover,.footerboxfour ul li a:hover{color:#002858 !important;}

/* --- Final runtime-scan sweep (2026-07-24) --- */
/* contact-form popup container (#cfp-popup) teal borders -> SCS Red */
#cfp-popup{border-color:#D70321 !important;}
/* search-results title links (h2.entry-title a) burgundy -> Black (match listing titles) */
.entry-title,.entry-title a{color:#000000 !important;}
/* RevSlider loading spinner: teal dots -> SCS Red; lt-blue module wrap -> white */
.dot1,.dot2,.bounce1,.bounce2,.bounce3{background-color:#D70321 !important;}
.rs-module-wrap{background-color:#ffffff !important;}

/* =====================  MAIN MENU / NAV  (Sourabh-directed 2026-07-24) ======
   Replace old burgundy in the main menu with SCS Red. Burgundy appears on:
   top-level hover (text #7c002a + underline #7b0d30), the dropdown panel's
   top border (#7b0d30), and hovered/current sub-menu items (#74012a). */
.nav > li:hover > a{color:#D70321 !important;border-bottom-color:#D70321 !important;}
.nav > li > div{border-top-color:#D70321 !important;}
.nav [class*="nav-column"] li a:hover,
.nav [class*="nav-column"] li.current_page_item a,
.nav [class*="nav-column"] li.current-menu-item a,
.nav .nav-column li a:hover,
.nav .nav-column li.current_page_item a,
.nav .nav-column li.current-menu-item a{color:#D70321 !important;}

/* =====================  COOKIE POPUP - Complianz "Manage Consent" ==========
   (Sourabh-directed 2026-07-24). Complianz colors run off CSS variables +
   button classes; override both. */
/* popup background -> Gray 1 */
.cmplz-cookiebanner{--cmplz_banner_background_color:#F5F2F2 !important;background:#F5F2F2 !important;}
/* "Manage Consent" heading -> SCS Red */
.cmplz-cookiebanner .cmplz-title{color:#D70321 !important;}
/* buttons: new style - square corners */
.cmplz-cookiebanner .cmplz-btn{border-radius:0 !important;}
/* "Yes I am happy" / Accept -> SCS Red bg, white text */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept{background-color:#D70321 !important;border:1px solid #D70321 !important;color:#ffffff !important;}
/* "Manage cookies" (view preferences) -> outline: SCS Red border + red text, Gray 1 bg */
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences{background-color:#F5F2F2 !important;border:1px solid #D70321 !important;color:#D70321 !important;}
/* category toggle "on" state -> Dark Red */
.cmplz-cookiebanner{--cmplz_slider_active_color:#9A1122 !important;}
.cmplz-cookiebanner .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before{background-color:#9A1122 !important;}
/* The "My Choices" re-open tab (#cmplz-manage-consent > .cmplz-manage-consent),
   which appears in the corner AFTER consent is given - missed in the
   2026-07-24 pass. Was Complianz's default cream #F3F2E5 with #222 text,
   neither of which is in the client palette. -> Gray 1 bg + black text to
   match the banner itself. (Sourabh 2026-07-27.) */
#cmplz-manage-consent .cmplz-manage-consent,
.cmplz-manage-consent{
  background-color:#F5F2F2 !important;
  color:#000000 !important;
}

/* =========================================================================
   CLIENT REVISION ROUND 2 - Kacie 2026-07-28
   ========================================================================= */

/* "Bold SCS Careers text on the homepage under the timeline".
   The heading is the widget title of the black-studio-tinymce-3 text widget
   inside .careerbox > .container > .careeleft, i.e. h2.widget-title.
   It has to outrank scs-rebrand-fonts.css `h2{font-weight:400 !important}`
   (the client's own typography sheet sets H2 to Poppins Regular), so this is
   a deliberate, SCOPED deviation for this one heading - every other H2 on the
   site stays Regular. Specificity 0,2,0 + !important beats 0,0,1 + !important. */
.careerbox .widget-title{font-weight:700 !important;}

/* "Can we bold Contact SCS Engineers at top of homepage".
   .searchtext lives in header.php, so it is the SAME element on every page,
   not just the home page - bolding it applies site-wide by nature. */
.searchtext,
.searchtext a{font-weight:700 !important;}

/* SITE-WIDE: no text over the banner image, on any page (Sourabh 2026-07-28,
   extending Kacie's bullet 1 from the 7 landing pages to the whole site).
   50 templates emit `.banner-title` or `.banner-title-sub`. The 9 landing-page
   templates have theirs commented out in PHP (change-log #51, #52, #63); this
   rule catches every remaining template in one line, so nothing can slip
   through, and it is reversible by deleting the rule.
   Safe because the banner keeps its fixed inline height:157px, and every page
   type was checked first for a visible H1 in the content column - see #63.
   The `.banner-title` padding rules from #36 above are now inert. */
.banner-title,
.banner-title-sub{display:none !important;}

/* "Can we update the icons that live on the lefthand column of each page and
   the footer?" - see change-log #57/#61.
   Kacie's icon files are used AS-IS, straight from her set, all on the same
   55x49 canvas. That matters: she already balanced every glyph inside that
   shared frame, so scaling the whole canvas keeps her intended relative sizes
   and the row looks even. Re-cutting each glyph to a square box (the first
   attempt) threw that balance away and made the thin Facebook "f" look small.
   55x49 is NOT square, so the size is set here with width + height:auto.
   These rules must override the hardcoded width="27"/24" height="27"/24"
   attributes still in the markup - CSS wins over HTML attributes, and
   height:auto is what stops the icons being squashed to a square. */
.side-socialbox ul li img{width:30px !important;height:auto !important;}   /* left column */
.social_list li img{width:28px !important;height:auto !important;}        /* footer */
/* The left column holds 4 icons in one row inside a ~172px sidebar. At the old
   27px + the theme's 13.5px right padding they just fitted; at 30px the row
   overflowed and LinkedIn wrapped to a second line. Trim the gap to 10px so
   the wider icons still sit on one row (4x30 + 3x10 = 150px). */
.side-socialbox ul li{padding:0 10px 0 0 !important;}
.side-socialbox ul li:last-child{padding:0 !important;}

/* "Can we remove the black box around search?"
   The header search field is rendered by the Search & Filter plugin shortcode
   (id 7727) as input.sf-input-text. Nothing in the theme sets a border on it,
   so the black box is the BROWSER'S DEFAULT input border. Scoped to the header
   search box only, so search inputs elsewhere (sidebar filters, staff search,
   job manager) are untouched. */
.top-searchbox .searchandfilter .sf-input-text{
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}

/* ============================================================
   CLIENT REVISION ROUND 3 - Kacie 2026-07-29
   ============================================================ */

/* R3 item 1: footer social icons horizontal under "Contact Us", a bit smaller.
   The theme absolutely positions ul.social_list at the right of the address box
   (style.css:947 - position:absolute; right:30px; top:50px) and its li have no
   display rule, so they render as a vertical stack. Put the list back in normal
   flow (the markup already sits right after the "Contact Us" link) and lay the
   li out inline. Mobile CSS (theme-responsive.css:275) already does the same,
   so this just makes desktop match. */
.social_list{
  position:static !important;
  right:auto !important;
  top:auto !important;
  margin:8px 0 0 !important;
  padding:0 !important;
}
.social_list li{display:inline-block !important; padding:0 8px 0 0 !important;}
.social_list li:last-child{padding:0 !important;}
/* was 28px (round 2, #61); client asked for a bit smaller */
.social_list li img{width:20px !important;height:auto !important;}

/* R3 item 2: left column must not compete with the page title.
   Columns stay top-aligned (pushing the sidebar down reads as misalignment);
   the hierarchy comes from contrast instead: "Explore <section>" drops from
   26px to 17px and from SCS Red to Gray 5 #6F635F (client palette), so the
   red content H1 is the only dominant title. Gray 5 must beat the round-2
   red rule at line ~435, hence the repeated selectors here, loaded later. */
.sideheadingtitle{font-size:17px !important; line-height:22px !important; padding-bottom:12px !important;}
.sideheadingtitle,.sideheadingtitle a{color:#6F635F !important;}

/* R3 item 3 companion: the two careers banner buttons were pulled up 23px to
   tuck under the (now removed) helmet image; without the helmet the offset
   drags them into the print-button row above. Reset it. */
.careerbuttonsarea{top:0 !important;}