/*
 * Loaded right after the blocks CSS, which follows style.css (live order).
 * 1. The Customizer "Additional CSS" (<style id="wp-custom-css">), verbatim. Mandatory:
 *    cyan primary CTA, 240px logo, 90rem top bar, no .grid-padding-x gutters, ...
 * 2. The back-to-top button CSS that every live page inlines, verbatim.
 * 3. Rebuild additions that keep the look (sticky, reduced motion, focus, skip link).
 */

/* ---- wp-custom-css (Customizer) ---- */
.hero .gradient.alt {
    background: linear-gradient(0deg,rgba(15,41,71,.75) 32.09%,rgba(15,41,71,0) 101.76%);
}

.featured-hero {
	background-position: center;
}

.footer .inner-footer .col1 p {
    text-align: center;
	  margin: 0;
}

.footer .inner-footer .col1 {
    text-align: center;
}

.footer .inner-footer .col1 p {
    font-size: .70rem;
}

.footer-logo {
	margin: 10px 0 40px 0;
}

.bulletsize {
	font-size: 1.15rem;
	
}
.primary-cta {
background-color: #40fff5;
}

.primary-cta:hover {
	background-color: #40fff5;
}

.primary-cta:active {
	background-color: #2fbfb6;	
}

.primary-cta.arrow:active, .primary-cta.arrow:focus {
	background-color: #2fbfb6;
}

.primary-cta:focus {
background-color: #2fbfb6;	
}

.primary-cta::before {
border-left: 1px solid #40fff5;
border-top: 1px solid #40fff5;
}

.primary-cta::after {
border-right: 1px solid #40fff5;
border-bottom: 1px solid #40fff5;
}


.textwidget a {
color: #fff;
text-decoration: none;
}

.social-icons {
	padding: 0px;
}

.social-icons a {
	padding: 0 0 0 15px;
}

.social-icons img {
	height: 24px;
	width: 24px;
}

.menu-careers a::after {
	display: none;
}
.disclaimer {
	font-size: 0.9em;
}
.board-title {
	text-align: left;
	padding: 10px 0;
}
.boards_module h2 {
  font-size: 3rem;
	text-align: center;
	margin-bottom: 50px;
}
.boards_module hr {
	margin: 20px auto;
	width: 4rem;
}
.boards_module h3 {
	font-size: 2rem;
	margin: 40px 0 0 0;
}

.legal_module .deeplink {
	padding-top: 100px;
	margin-top: -100px;
}
.legal_module h2 {
	padding-bottom: 50px;
}
.legal_module hr {
	width: 100%;
	border-bottom: 1px solid #888888;
	margin: 50px 0;
}
.menu-item-19574,  .menu-item-23970 {
	width: 50%;
}

.grid-padding-x > .cell {
  padding-right: 0;
  padding-left: 0;
}

.header .top-bar{
	max-width: 90rem;
}

.header .top-bar .top-bar-left .logo {
	width: 240px;

}
.quote-cta {
background-color: #ffcb3f;
color: #151515;
font-weight: 700;
padding: 1.15em 3em;
position: relative;
transition: all .5s;
margin-right: 2em;
}

.quote-cta:hover {
	background-color: #ffcb3f;
}

.quote-cta, h5 {
  text-transform: uppercase;
}
.quote-cta::after, .quote-cta::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  transition: all ease-out .5s;
}
.quote-cta::before {
  border-left: 1px solid #ffcb3f;
  border-top: 1px solid #ffcb3f;
  left: -7px;
  top: -7px;
}
.quote-cta::after {
  border-right: 1px solid #ffcb3f;
  border-bottom: 1px solid #ffcb3f;
  right: -7px;
  bottom: -7px;
}

.quote-cta:hover {
  background-color: #ffdb4f;
}

.quote-cta:hover::before {
  left: 0;
  top: 0;
}

.quote-cta:hover::after {
    right: 0;
    bottom: 0;
}
tbody tr:nth-child(2n) {
  border-bottom: 0;
  background-color: #bacfe7;
}

h4 {
	margin: 2rem 0 2rem 0;
}

.pipe-section.module .cell.left p {
	margin-top: 2.5em
}
.OH-Blue{
	color: #1468a0;
}

.platform-products-img {
  width: 50%;
	padding: 25% 0 !important;
}
.pipe-section.module .prgrm .accordion-title .phase-bar .fill {
  -webkit-clip-path: polygon(0% 0px,0px 0%,calc(100% - 0px) 0%,100% 0px,100% calc(100% - 13px),calc(100% - 13px) 100%,0px 100%,0 calc(100% - 0px));
  clip-path: polygon(0% 0px,0px 0%,calc(100% - 0px) 0%,100% 0px,100% calc(100% - 13px),calc(100% - 13px) 100%,0px 100%,0 calc(100% - 0px));
}
.partners-module.module .section-title {
  top: 0;
}
.partners-module.module {
	margin-top: 5rem;
}
.grid-margin-x.medium-up-2 > .cell {
 width: 100%;	

}

.menu-item-24705 a{
	text-decoration: underline;
}

.ewd-ufaq-faq-div {
margin: 20px 0 20px 0;
padding-bottom: 15px !important;
border-bottom: 1px dotted #0f2947;
}

.ewd-ufaq-faq-body {
padding-top: 20px;
padding-bottom: 20px;
}

div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol {
margin-top: 10px;
}

.content, .hero-content {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.blogcard .img-overlay {
	padding: 10%;
	background-color: #0f2947;
	background-image: linear-gradient(100.74deg,rgba(255,95,45,.4) 42.21%,rgba(43,86,130,.4) 80.36%);
	min-height: 250px;
}

.blogcard .img-overlay:hover {
background: linear-gradient(100.74deg,rgba(255,95,45,.8) 42.21%,rgba(43,86,130,.8) 80.36%);
}
.news-background {
	background: linear-gradient(100.74deg,rgba(255,95,45,.2) 42.21%,rgba(43,86,130,.2) 80.36%) !important;}

.news-background:hover{
	background: linear-gradient(100.74deg,rgba(255,95,45,.4) 42.21%,rgba(43,86,130,.4) 80.36%) !important;
}

.news-background h2, .news-background h5 {
	color: #424242;
}

.news-background h5 span {
	color: #ff602e !important;
}
.button-group.stacked-for-small {
	flex-wrap: nowrap;
}
.button-group {
	align-items: center;
	display: ruby;
}
.btn-group-module {
	margin-top: 20px;
	margin-bottom: 20px;
}


/* ---- back-to-top (inline on every page) ---- */
#back-to-top {
            position: fixed;
            bottom: 20px;
            left: 20px;
            padding: 10px 15px;
            font-size: 14px;
            background-color: #333;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            z-index: 9999;
        }
        #back-to-top:hover {
            background-color: #555;
        }


/* ==========================================================================
   Design changes (D-53: new looks, each checked at four widths before it ships).
   ========================================================================== */

/* D-59. Products on /platform/: the theme's product cards, four across from 64em and
   two across below. The Customizer rule above (.grid-margin-x.medium-up-2 > .cell)
   made each product a full-width row, and .platform-products-img a half-width square
   photo. The photos are 5:4 with white backgrounds: the tile keeps their shape, and
   multiply turns the white into the theme's light tint so every card has the same
   clipped edge. The caption's orange rule is the theme's hr. Below 64em the theme
   insets this grid by .9375rem; without it the cards line up with the heading. */
@media screen and (max-width: 63.99875em) {
  .product-module.module .grid-x.grid-margin-x { margin-left: 0; margin-right: 0; }
}
.product-module.module .grid-margin-x.medium-up-2 > .cell {
  width: calc(50% - 1.25rem);
  margin-bottom: 1.25rem;
}
.product-module.module .inner .img-overlay.platform-products-img {
  width: 100%;
  padding: 40% 0 !important;
  background-color: #f3f8ff;
  background-blend-mode: multiply;
  -webkit-clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}
.product-module.module .inner .inner-overlay {
  padding: .875rem 0 0;
}
.product-module.module .inner .inner-overlay::before {
  content: "";
  display: block;
  width: 1.5rem;
  margin-bottom: .625rem;
  border-bottom: 4px solid #ff602e;
  transition: width 1s;
}
.product-module.module .inner:hover .inner-overlay::before,
.product-module.module .inner:focus-within .inner-overlay::before {
  width: 3rem;
}
.product-module.module .inner .inner-overlay h3 {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.25;
}
.product-module.module .inner .inner-overlay p:empty {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .product-module.module .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
    margin-bottom: 1.875rem;
  }
  .product-module.module .inner .img-overlay.platform-products-img {
    -webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 40px 100%, 0 calc(100% - 40px));
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 40px 100%, 0 calc(100% - 40px));
  }
  .product-module.module .inner .inner-overlay { padding-top: 1.25rem; }
  .product-module.module .inner .inner-overlay::before { width: 2.25rem; margin-bottom: 1rem; border-bottom-width: 8px; }
  .product-module.module .inner:hover .inner-overlay::before,
  .product-module.module .inner:focus-within .inner-overlay::before { width: 4.5rem; }
  .product-module.module .inner .inner-overlay h3 { font-size: 1.375rem; }
}
@media print, screen and (min-width: 64em) {
  .product-module.module .grid-margin-x.medium-up-2 > .cell { width: calc(25% - 1.875rem); }
}
@media screen and (min-width: 75em) {
  .product-module.module .inner .inner-overlay h3 { font-size: 1.5rem; }
}

/* ==========================================================================
   Rebuild additions (not in the WordPress site). None of these changes the
   default look; see docs/inventory/theme-and-design.md §7.3 and §7.4.
   ========================================================================== */

/* 1. Sticky share column on posts, people and FAQs, without Foundation Sticky
      (it stuck 10em = 160px from the top, from the medium breakpoint, inside
      the row that holds #singleC). position:sticky does not work under an
      ancestor with overflow:hidden, so the wrapper clips horizontally only,
      which is all the off-canvas push transition needs. */
@supports (overflow: clip) {
  .off-canvas-wrapper { overflow: visible; overflow-x: clip; }
}
@media print, screen and (min-width: 40em) {
  .stacked-social-links-wrapper.sticky { position: sticky; top: 160px; }
}

/* 2. Reduced motion: the theme has none. Cancels the arrow bounces, the 1s card
      transitions, the off-canvas push and the HOPE animations. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* 3. Keyboard focus. The theme removes link outlines (a{outline:0}) and hides
      the rest for mouse users ([data-whatinput=mouse]); keyboard users get a
      ring again. Mouse and touch users never see it. */
a:focus-visible,
button:focus-visible,
.button:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* 3b. People cards: what a mouse hover shows ("View Bio", "View Linkedin" and the colour
       photo) also shows while one of the card's actions has keyboard focus (AX-03). */
@media print, screen and (min-width: 40em) {
  .people .img-overlay:has(:focus-visible) { filter: grayscale(0%); }
  .people .img-overlay:has(:focus-visible) .gradient { opacity: 1; }
  .people .img-overlay:has(:focus-visible) .actions { opacity: 1; pointer-events: auto; }
}

/* 4. Skip link (visible only when focused). */
.skip-link.show-on-focus:focus,
.skip-link.show-on-focus:active {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 10000;
  padding: .75rem 1rem;
  background: #fff;
  color: #151515;
}

/* 5. Off-canvas accordion: the chevron turns when the parent link's aria-expanded is
      true (Foundation put aria-expanded on the <li>; the rebuild puts it on the link). */
.accordion-menu .is-accordion-submenu-parent > a[aria-expanded="true"]::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

/* 6. "Cookie settings" link in the footer's copyright row (D-06). */
.footer .copyright a.cookie-settings {
  color: #fff;
  text-decoration: underline;
}
/* Below 360px the row is too narrow for the link plus both icons at the theme's 15px gap:
   a smaller gap before the link keeps the LinkedIn icon on the line (RC-08). */
@media screen and (max-width: 359px) {
  .footer .copyright a.cookie-settings { padding-left: .375rem; }
}

/* 6b. PB-Q4 (D-65): the block partials' accessibility markup (templates/partials/blocks/,
   _a11y.html). Each partial changed once, for every page, and must look the same, so these
   are the theme's rules for the old tags, copied for the new ones at the same weight
   (:where() keeps an element selector's weight; div.h5 outranks .h5 as h5 did).
   - The outlined section titles are a decorative <div aria-hidden="true">, not an <h1>. */
div:where(.section-title) {
  margin: 0 0 .5rem;
  padding: 0;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
/* - The call-to-action banner's headline ("Join Our Team") is an h2, at the h1's size. */
.prefoot-module.module h2 { font-size: 2.5rem; font-weight: 600; }
@media print, screen and (min-width: 40em) { .prefoot-module.module h2 { font-size: 4rem; } }
@media print, screen and (min-width: 64em) { .prefoot-module.module h2 { font-size: 6.25rem; } }
/* - One control per call to action: <a class="… button"> (a <span class="button"> inside a
     card that is already a link) instead of <a><button>. These are what the <button>
     element had that the .button classes don't set: the browser's button font and text
     defaults and the theme's button reset. */
a:where(.button), span:where(.button) {
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: normal;
  word-spacing: normal;
  text-indent: 0;
  text-transform: none;
  text-shadow: none;
  text-rendering: auto;
  overflow: visible;
  /* a <button> shrinks to its text even as display:block (.overview); a link would stretch */
  width: fit-content;
}
/* - A hero's eyebrow, a place's name and a milestone's date are labels, not headings:
     <div class="h5"> and <div class="h6"> (Foundation's .h5 and .h6 type). */
div.h5 { font-weight: 600; text-transform: uppercase; }
.hero .hero-content div.h5 { color: #fff; font-family: TT-Lakes, Helvetica, Arial, sans-serif; font-weight: 600; }
.half-hero.hero .hero-content div.h5 { color: #151515; font-family: TT-Lakes, Helvetica, Arial, sans-serif; font-weight: 600; }
.locations-module div.h5 { margin-top: 1rem; }
.history-module .milestone div.h6 { font-weight: 600; margin-bottom: 5rem; position: relative; text-transform: uppercase; }
.history-module .milestone div.h6:before { background: #151515; content: ''; height: 3rem; position: absolute; top: 2rem; left: .75rem; width: 1px; }
.history-module .milestone div.h6:after { background: #151515; content: ''; height: 3px; position: absolute; top: 5rem; left: 11px; transform: rotate(45deg); width: 3px; }

/* 7. D-55 list B: bugs the live site has too, fixed without changing the design.
      Each rule only acts where the bug shows. */

/* RC-01: from 1024 to 1228px the centred menu ran under the 240px logo (tapping
   "Company" hit the logo). There it starts after the logo, at the right. */
@media print, screen and (min-width: 64em) and (max-width: 76.8125em) {
  .header #main-nav.align-center { justify-content: flex-end; }
}

/* RX-03, RX-12, AX-21: anchors and focused fields stopped under the fixed 73px header.
   Fragment links (the legal page's #privacy_policy…) and focus now leave room for it, as
   the theme's .deeplink offset meant to; the smooth-scroll links keep their own offset. */
html { scroll-padding-top: 100px; }
/* Archive and search pages started under the header; they get the posts' 5pc. As padding:
   a top margin here collapsed through .off-canvas-content, and the fixed header (whose
   top is its static position) moved down with it, leaving a white band above it and the
   title and the sidebar search still underneath (AX-21, wave 4). */
body.archive .content,
body.search .content { padding-top: 5pc; }

/* RX-06: from 640 to 859px the newsroom's "NEWSROOM" eyebrow sat under the header, and
   the featured tile's "Learn More" fell below the hero's bottom edge. */
@media print, screen and (min-width: 40em) and (max-width: 53.74875em) {
  .blog-hero.hero .hero-content { padding-top: 6rem; }
  .blog-hero.hero .img-overlay .pin-content { top: 20%; }
}

/* RX-04: on phones a word longer than the column (e.g. "Immunosuppressive" at 320px) ran
   off the screen; it breaks instead. Titles that fit don't change. Wider screens keep
   the theme's overflow (the newsroom's "Updates" overhangs its column there by design). */
@media screen and (max-width: 39.99875em) {
  h1.hero-title { overflow-wrap: break-word; }
}

/* RC-04: team names were "First&nbsp;Last" and overflowed their cards on phones; they
   now wrap, and a single very long name breaks. */
.people .ppl-content h5 { overflow-wrap: anywhere; }

/* RC-05: on phones each testimonial card was 32px wider than its slide, so the photo's
   and the text's right edge were cut off. */
.testimonial-module .testimony-carousel .swiper-slide > article { padding-left: 0; padding-right: 0; }

/* RX-07: block-editor images with an inline width and height were squashed when the
   column made them narrower; they keep their proportions. */
#singleC figure.is-resized > img,
.entry-content figure.is-resized > img { height: auto !important; }

/* RX-05: news card titles that don't fit end with an ellipsis above "Learn More"
   (static/js/site.js sets the number of lines). */
.blogcard .img-overlay .pin-content h2.ow-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: none;
}

/* RX-16: on phones the pagination showed only « and »; the current page shows too. */
.pagination li.ow-current { display: inline-block; }

/* 8. D-55 (AX-01, RC-03, AX-04): white text over the light hero and photo overlays fell to
      1.7-2.9:1. A navy layer (#0f2947 at 60%) now sits under the theme's own blue-to-orange
      gradient, the least that brings the brightest 10% behind every measured title to 3:1
      and every eyebrow and paragraph to 4.5:1, at 390, 768, 1024 and 1440. The gradient's
      colours and angle are the theme's. Plain heroes (posts, FAQs, /attribution/), photo
      heroes, the careers half-hero and the shared prefooter ("Join Our Team"…). */
header[class="hero"] > .gradient,
.featured-hero.hero .gradient,
.half-hero.hero .img-overlay .gradient {
  background: linear-gradient(145deg, rgba(43, 86, 130, .4) 0%, rgba(255, 95, 45, .4) 100%), rgba(15, 41, 71, .6);
}
.prefoot-module .img-overlay .gradient {
  background-color: rgba(15, 41, 71, .6);
}

/* ==========================================================================
   9. Accessibility (wave 4; site audit 2026-10-23, AX-*). The keyboard and
      screen-reader fixes change nothing a mouse user sees; the D-68 colours are
      the one visible change, each made just dark enough for WCAG AA.
   ========================================================================== */

/* 9a. D-68 (AX-15): small text below 4.5:1.
   Archive and search bylines: the theme's #999 is 2.85:1 on white; #767676 is the lightest
   grey that reaches 4.5:1 (4.54:1). The category links in them keep the theme's blue
   (#1779ba, 4.69:1 on white), but only their colour told them apart from the grey (1.03:1
   against #767676, SC 1.4.1): they are underlined rather than darkened to navy. */
.byline { color: #767676; }
.byline a[rel~="tag"] { text-decoration: underline; }
/* The certificate cards' "View certificate" (13px): the gold #b8902f is 2.97:1 on white;
   the same hue and saturation at the least lightness that reaches 4.5:1 is #927225
   (4.51:1). Two classes, because certificates.css loads after this file. */
.ossium-accred-card .ossium-accred-card__link { color: #927225; }

/* 9b. AX-23: /hope/'s pulsing badge dot and the dots travelling between the steps looped
   forever, with no way to stop them (SC 2.2.2). They now stop within five seconds: the
   badge dot after two pulses (4s), at full size; each connector dot after two trips (5s),
   gone as at the end of every trip. Under reduced motion they don't move at all (§2).
   `body` outranks hope.css, which loads after this file. */
body .hope-hero__badge .hope-dot,
body .hope-conn__dot.--active { animation-iteration-count: 2; }

/* 9c. AX-10: one control per call to action. The theme wraps its buttons in links
   (<a href><button class="… button">): two Tab stops, announced "link, button", and
   invalid HTML. The rebuild's templates draw one <a class="… button"> instead, or a
   <span class="… button"> where the whole card is already the link. These rules give
   them what the <button> element had, so nothing moves: the browser's button defaults
   (at the tag's weight, so every theme class still wins) and copies of the theme's
   button.minor-arrow rules (same weight as the originals). */
a:where(.button.minor-arrow, .button.primary-cta, .button.cta), span:where(.button) {
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: normal;
  word-spacing: normal;
  text-indent: 0;
  text-transform: none;
  text-shadow: none;
  text-rendering: auto;
  overflow: visible;
}
:is(a, span).minor-arrow { font-size: .85rem; font-weight: 700; padding-left: 0; text-transform: uppercase; background-color: transparent; }
:is(a, span).minor-arrow:hover,
:is(a, span).minor-arrow:active,
:is(a, span).minor-arrow:focus { background-color: transparent; }
:is(a, span).minor-arrow svg { vertical-align: text-top; }
:is(a, span).minor-arrow svg path { fill: #151515; }
.blog-hero.hero .img-overlay .pin-content :is(a, span).minor-arrow { color: #fff; padding: 0; position: relative; }
.blog-hero.hero .img-overlay .pin-content :is(a, span).minor-arrow svg path { fill: #fff; }
.blogcard .img-overlay .pin-content :is(a, span).minor-arrow { color: #fff; padding: 0; position: absolute; bottom: 0; right: 2rem; }
.blogcard .img-overlay .pin-content :is(a, span).minor-arrow svg path { fill: #fff; }
.people .img-overlay .actions :is(a, span).minor-arrow { color: #40fff4; font-size: .65rem; margin-bottom: .5rem; padding: 0; }
.people .img-overlay .actions :is(a, span).minor-arrow svg { vertical-align: middle; width: 18px; }
.people .img-overlay .actions :is(a, span).minor-arrow svg path { fill: #40fff4; }
@media print, screen and (min-width: 40em) {
  .people .img-overlay .actions :is(a, span).minor-arrow { font-size: .85rem; }
  .people .img-overlay .actions :is(a, span).minor-arrow svg { width: 22px; }
}
:is(a, span).minor-arrow:hover svg { animation: e 1.4s infinite; }

/* 9d. AX-05: focus rings that show everywhere (keyboard only, like §3). §3's ring takes the
   text colour, so it vanished in three places: white around the white newsroom cards, dark
   on the navy footer, and not drawn at all where an inline link wraps a block (the image
   and title cards: browsers draw no outline round an inline box whose content is a block).
   There the ring is two-tone, navy outside and white inside, so it shows on white and on
   photos, and it is drawn on the block the link wraps: on its image box if it has one
   (just inside the edge, where the theme's notched corners can't cut it off), else on the
   heading or text. On the navy footer the tones swap: white outside, navy inside. */
a:focus-visible:not(:has(> div)) > :is(h1, h2, h3, h4, h5, h6, p, figure, button) {
  outline: 2px solid #0f2947;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff;
}
a:focus-visible > div {
  outline: 3px solid #0f2947;
  outline-offset: -3px;
  box-shadow: inset 0 0 0 5px #fff;
}
.footer :is(a, button, input):focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #0f2947;
}

/* 9e. AX-12: the category-and-date line over a post title, the "Newsroom" and "Featured"
   labels and a job's department are eyebrows, not headings: the rebuild's templates draw
   them as <div class="h5"> (Foundation's .h5 has the h5 type) instead of <h5>, so the first
   heading of the page is its title. These are the theme's h5 rules for those places,
   copied for div.h5 (each copy one class heavier than its original, so they rank among
   themselves as the originals do). Imported sections and blocks keep their <h5>. */
div.h5 { font-weight: 600; text-transform: uppercase; }
.hero .hero-content div.h5 { color: #fff; font-family: TT-Lakes, Helvetica, Arial, sans-serif; font-weight: 600; }
.half-hero.hero .hero-content div.h5 { color: #151515; font-family: TT-Lakes, Helvetica, Arial, sans-serif; font-weight: 600; }
.blog-hero.hero .hero-content div.h5 { color: #151515; }
.blog-hero.hero .img-overlay .pin-content div.h5 span,
.full-blog-hero.hero .hero-content div.h5 span,
.blur-blog-hero.hero .hero-content div.h5 span { color: #40fff4; }
.blog-module.module .outer .inner-left div.h5 { color: #fff; text-transform: uppercase; }
.blogcard .img-overlay .pin-content div.h5 { font-size: 1rem; }
.blogcard .img-overlay .pin-content div.h5 span { color: #40fff4; }
@media print, screen and (min-width: 40em) {
  .blogcard .img-overlay .pin-content div.h5 { font-size: .85rem; }
}
@media print, screen and (min-width: 64em) {
  .blogcard .img-overlay .pin-content div.h5 { font-size: 1rem; }
}
.news-background div.h5 { color: #424242; }
.news-background div.h5 span { color: #ff602e !important; }