Edit History

Zrobiłem jak powiedziałeś  Dobry pomysł. Niestety nth-child działa w tym przypadku na listę czyli na znaczniki li.link - ta klasa opisuje tło przycisku a nie sam napis - czcionkę. Napis jest w klasie .top-menu a[data-depth="0"]

Narzucenie czcionki na selektor li link nie zmienia nic w widoku przycisku. Jak próbuję zamienić li.link na ul.top-menu to nic się nie dzieje.

<div class="menu col-lg-12 js-top-menu position-static hidden-md-down" id="_desktop_top_menu">{menu nodes=$menu.children}</div>
		</td> 
		<td algin="left">
			<div class="row">
				<div class="menu col-lg-12 js-top-menu position-static hidden-md-down" >
					<ul class="top-menu" >
						<li class="link" >
							<a class="dropdown-item" href="https://google.pl" data-depth="0">test</a>
						</li>
					</ul>
				</div>
			</div>

.top-menu a[data-depth="0"] {
    font-size: 18px;
    padding: 1.625rem 1rem;
	  font-family: 'FuturaNewDemi-Reg';
    color: #333333 !important;
    font-weight: 300;
    transition: 0.4s;
    width: 100%;
    text-decoration: none;
    }