Make first item on my navigation bold?

[admets]

Hi! I've been trying to make the first item on my menu navigation bold and red, however, my old solution id do for SCSS files won't work with our new CSS theme file. Can anyone please help me out? 

store url: https://juicebeauty.com/

Thanks

[Zworthkey]

Hii, @admets 
Paste this code on top of the theme.scss file.

ul.HorizontalList.HorizontalList--spacingExtraLoose .HorizontalList__Item:nth-child(1) {
    font-weight: bolder !important;
}

Thank You.

[admets]

Thank you so much for your help! I noticed this also makes "Skincare Regimens" red. Any chance you could pleasee help me make thhe "skincare Regiments" section bold and not red, but keep Holiday bold and red? 

Thank you again! 

red 

[Zworthkey]

@admets 
Remove the previous code which I have given you.
THank You.

[Zworthkey]

@admets 
Paste this code on top of the theme.scss file.

ul.HorizontalList.HorizontalList--spacingExtraLoose .HorizontalList__Item:nth-child(1) a {
    font-weight: bolder !important;
}

Thank You.

[Kinjalbuha]

hello @admets 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

ul.HorizontalList.HorizontalList--spacingExtraLoose .HorizontalList__Item:nth-child(1) a {
    font-weight: bold !important;
    color:#ff0000 !important ;
}

.HorizontalList__Item:nth-child(2)  .MegaMenu .MegaMenu__Inner .MegaMenu__Item.MegaMenu__Item--fit:nth-child(2)   .Linklist .Linklist__Item:nth-child(1) a {
    font-weight: bold !important;
}