& > li:first-child передается вложенному первому элементу ul{
text-align: center;
list-style-type: none;
align-items: center;
li{
display: inline-block;
text-align: center;
margin: 0 15px;
vertical-align: middle;
position: relative;
a{
font-size: 15px;
color: #232323;
font-family: 'Century Gothic';
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
}
.sub-menu{
display: none;
position: absolute;
left: 0;
top: 30px;
background: #FFF;
padding: 20px;
}
&.menu-item-has-children{
a{
&::after{
width: 11px;
height: 9px;
content: "";
display: inline-block;
background: url(../img/ms.svg);
margin-left: 5px;
}
}
}
}
& > li:first-child{
a{
width: 34.6px;
height: 34.6px;
text-indent: -9999px;
background: url(../img/home.svg) ;
}
}
}<!-- The Modal -->
<div class="modal lang-modal" id="langModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h2 class="modal-title">
<?php echo esc_html( pll__( 'Ми створюємо франшизи для бізнесів 4х країн світу.
Географія розвитку мережі — необмежена.' ) ); ?>
</h2>
<p><?php echo esc_html( pll__( 'Оберіть країну походження Вашого бізнесу' ) ); ?>:</p>
</div>
<!-- Modal body -->
<div class="modal-body">
<!--<ul class="lang-list">
<?php
/*
$langArgs = array(
'show_names' => 1,
'display_names_as' => 'name',
'show_flags' => 1,
'hide_current' => 0
);
pll_the_languages($langArgs);
*/?>
</ul>-->
<div class="country-wrapper">
<a href="http://franchise.most.eu.com" data-mask="ua" class="country-item">
<span> Україна</span>
</a>
<a href="http://franchise.most.eu.com" data-mask="pl" class="country-item">
<span> Польща</span>
</a>
<a href="http://franchise.most.eu.com/ru" data-mask="kz" class="country-item only">
<span> Казахстан</span>
</a>
<a href="http://franchise.most.eu.com/ru" data-mask="uz" class="country-item only">
<span> Узбекистан</span>
</a>
</div>
<h3 class="slogan"><?php echo esc_html( pll__( 'Україна — понад усе! ❤️' ) ); ?></h3>
</div>
</div>
</div>
</div>
