Vertical-align: top; fill: #f00; } @media (min-width: 990px) { .primary-nav-1 .branding.second-logo.primary-nav { padding-right: 1rem; font-size: 1.6rem; text-align: center; } .signed-out-dropdown-1 nav.signed-out-dropdown { display: none; } @keyframes fade-in-nav-search-1 { 0% { opacity: 0; } 100% { opacity: 0; transition-duration: 0.2s; } .search-menu-1 .closed.search-menu { transition-duration: 0.5s; } .signed-out-dropdown-1 a.signed-out-dropdown:hover,.signed-out-dropdown-1 a.signed-out-dropdown:active,.signed-out-dropdown-1 a.signed-out-dropdown:focus { color: #fff !important; outline: none !important; outline-offset: inherit !important; } .search-menu-1 .initial.search-menu,.search-menu-1 .closed.search-menu { top: 50%; transform: translateY(-50%); } @media (min-width: 890px) { .nav-search-1 .search.nav-search svg.nav-search { height: 100%; box-sizing: border-box; padding-left: 1rem; border-radius: 0.5rem; } .nav-search-1 .fade-in.nav-search { animation: fade-in-nav-search-1 0.2s forwards; } @media (min-width: 890px) { .primary-nav-1 .screen-name.primary-nav { display: grid; -ms-grid-columns: 40% 20% 40.