/* Shared submenu typography and the existing Beautium sub-menu-trigger icon. */
.mobile-header-menu-container .header-mobile-button .beautium-button {
    width: 100%;
    box-sizing: border-box;
}

body .header .header-menu-container .main-menu li ul.sub-menu > li > a,
body .mobile-header-menu-container .main-menu li ul.sub-menu > li > a {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-transform: none;
    letter-spacing: normal;
    text-shadow: none;
}

.header.header-type-2 .main-menu > li.menu-item-has-children > a {
    padding-right: 18px;
}

/* Reuse the glyph rather than the mobile click handler on desktop links. */
body .header .main-menu li.menu-item-has-children > a::after,
body .header .main-menu .fbc-needs-trigger > span::after,
body .mobile-header-menu-container .main-menu .fbc-needs-trigger > span::after {
    content: '\e803';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    width: 24px;
    height: 24px;
    margin: -12px 0 0;
    padding: 0;
    border: 0;
    font: 400 normal 7px/24px 'fontello';
    text-align: right;
    text-transform: none;
    transform: none;
    color: inherit;
    pointer-events: none;
}

body .header .main-menu .fbc-needs-trigger,
body .mobile-header-menu-container .main-menu .fbc-needs-trigger {
    position: relative;
    padding-right: 30px;
}

body .header .main-menu .fbc-needs-trigger > span,
body .mobile-header-menu-container .main-menu .fbc-needs-trigger > span {
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    margin: -12px 0 0;
    border: 0;
    font-size: 0;
    line-height: 0;
    transform: none;
    pointer-events: none;
}

body .mobile-header-menu-container .main-menu .fbc-needs-trigger {
    padding-right: 61px;
}

body .mobile-header-menu-container .main-menu .fbc-needs-trigger > span {
    right: 30px;
}

body .header .fbc-header-two-rows .main-menu .fbc-needs-trigger {
    padding-right: 18px;
}

body .header .main-menu li.menu-item-has-children > a::after,
body .header .main-menu .fbc-needs-trigger > span::after {
    top: 55%;
}

body .header .main-menu li.menu-item-has-children:hover > a::after,
body .header .main-menu li.menu-item-has-children:focus-within > a::after,
body .header .main-menu .fbc-needs[open] > .fbc-needs-trigger > span::after,
body .mobile-header-menu-container .main-menu .fbc-needs[open] > .fbc-needs-trigger > span::after {
    content: '\e806';
}