Vertical Line Dividers between Primary Navigation links in Impact Template

Site URL: https://prehealthpivot.com/

I need to implement dividers (i.e., pipe) between navigation values for header bar content. 

For example, make the following happen for non-mobile header bar content: About Us | Industry Options | Insights | Contact Us

Add to custom CSS and you can change the color by changing the #000 to another hex number. Color Hex Color Codes

/* Add vertical links */
.site-navigation .nav-item {
   border-right: 1px solid #000 !important;
}
/* Hide vertical last item */
.site-navigation .nav-item:last-child {
   border-right: none !important;
}
/* Change spacing */
.site-navigation .nav-item span {
   padding-right: 10px;
}

Color Hex Color Codes