<div class="et-menu-item et-menu-link col-auto{if $et_MenuLink.alignRight} et-menu-item-align-right{/if}{if $et_BaseWidget.cssClass !== ''} {$et_BaseWidget.cssClass}{/if}" id="et-menu-main-item-{$et_BaseWidget.id}" role="menuitem" tabindex="0"{if !empty($et_MenuLink.image.src)} style="background-image: url('{if !empty($et_MenuLink.image.srcWebP)}{$et_MenuLink.image.srcWebP}{else}{$et_MenuLink.image.src}{/if}');"{/if}>
    {block name='et-menu-link-main-link'}
        <a class="et-menu-item-link no-style"
            {if isset($et_MenuLink.link) && $et_MenuLink.link.href !== ''} href="{$et_MenuLink.link.href}"{/if}
            {if isset($et_MenuLink.link) && $et_MenuLink.link.title !== ''} title="{$et_MenuLink.link.title}"{/if}
            {if isset($et_MenuLink.link) && $et_MenuLink.link.external} target="_blank" rel="noreferrer noopener"{/if}>
            <div class="et-menu-item-title">
                {if !empty($et_MenuLink.icon)}<i class="{$et_MenuLink.icon}"></i>{/if}{include file="widgets/base/textfield.tpl" value=$et_MenuLink.label type="span"}
            </div>
        </a>
    {/block}
</div>