Bold one word within a sentence - header-nav:before

Site URL: https://rabbit-tarantula-z3x5.squarespace.com

Hi everyone! I'm trying to customize this text to have the word Quidel, in both instances, be bold. I want it to look like this:

Quidel and Ortho will become QuidelOrtho

So far I have this block of code:

.header-nav:before {
  color: #FFFFFF !important;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  content: "Quidel and Ortho will become QuidelOrtho";
  display: block;
  position: relative;
  top: 0px;
}

So far I haven't been able to find anything about this. Please help!

Site: https://rabbit-tarantula-z3x5.squarespace.com

Password: ortho2022

2 hours ago, 3ACOM said:

I'm trying to customize this text to have the word Quidel, in both instances, be bold.

You won't be able to get there with CSS alone. CSS doesn't have the ability to target specific words in a string of words, unless the words are wrapped in HTML tags. Also CSS can not concatenate text.

If you used the tag line feature of your site, it may be possible to come up with some JavaScript that would wrap the words in HTML span tags and then those could then be targeted with CSS.