:root {
    --primary-color: #f00019;
}

.navigation-type-split .logo-wrapper .tedx-header-logo {
    display: inline-flex;
    align-items: flex-start;
    direction: ltr;
    color: #fff;
    font: 400 25px/1 Arial, sans-serif;
    letter-spacing: -.065em;
    white-space: nowrap;
}

.navigation-type-split .logo-wrapper .tedx-header-logo b {
    font-size: inherit;
    line-height: inherit;
    color: #f00019;
    font-family: Arial Black, Arial, sans-serif;
    font-weight: 900;
}

.navigation-type-split .logo-wrapper .tedx-header-logo sup {
    position: relative;
    top: -.28em;
    margin-left: 1px;
    font-size: .52em;
    color: #f00019;
}

.navigation-type-split .logo-wrapper .tedx-header-logo > span {
    margin-left: .1em;
    font-weight: 400;
}

@media (max-width: 575px) {
    .navigation-type-split .logo-wrapper .tedx-header-logo { font-size: 21px; }
}