How to remove dotted lines around links, and change Nav menu font - version 7.1

1. When clicking on any links on site, a dotted border shows up around the link. Is there any way to remove this?

2. We have tried to change the Nav menu buttons font but unsuccessfully. Does anyone know CSS to change this?

Webpage is here:

https://bit.ly/31SvfRp

Any help appreciated! 

@ddl_ellsie Add to Home > Design > Custom CSS

a:focus {
    outline: none;
}
.header-nav-item a {
    font-family: monospace !important;
}

Change motospace to font what you want

Thank you!  Worked a treat @tuanphan   🙏😊

@tuanphan 

Hi Tuan, do you know how to change the underline in the Nav menu so that when the Nav menu is black (on white background) the underline is black also? It seems to be locked on white for the pages where the Nav is white. 

Any help much appreciated!

https://bit.ly/31SvfRp

@ddl_ellsie

body#collection-5da087964487bb406dce3057 .header-nav-item--active a, body#collection-5da08979f2fa8c63b9b79a18 .header-nav-item--active a {
    border-bottom: 1px solid black;
}