3rem; width: 3rem; height: 3rem; } .primary-nav-1 slot.primary-nav[name='opt-sec-logo-mobile'] { display: block; } .media-slider-1 .overflow-clip.open.media-slider { height: 4rem; width: 4rem; } .login-button-1 span.login-button { display: block; float: right; } } @media (min-width: 890px) { .media-button-1 .label.media-button,.media-button-1 .web.media-button:after { display: block; width: 90px; height: 90px; margin: 0 !important; padding: 0 1.5rem; } .media-subnav-1 ul.media-subnav { font-size: 1.6rem; } .wayback-slider-1 li.wayback-slider a.wayback-slider { display: none; position: absolute; width: 100%; height: 3rem; width: 3rem; display: block; width: 100%; margin: 0 0 1rem 0; text-decoration: none; color: #999; padding: 0.5rem; height: 100%; box-sizing: border-box; color: #fff; } .media-button-1 .menu-item.media-button > .icon.media-button > svg.media-button { height: 3rem; width: 3rem; } .primary-nav-1 .user-menu.active.primary-nav { background: none; color: #fff; } .login-button-1 .active.login-button .fill-color.login-button { fill: #999; } .primary-nav-1 slot.primary-nav[name='opt-sec-logo-mobile'] { display: block; height: 35.8rem; left: 4rem; z-index: 3; } .ia-topnav-1 primary-nav.ia-topnav:focus { outline: none; } .media-button-1 .menu-item.selected.media-button .label.media-button,.media-button-1 .menu-item.selected.web.media-button:after { color: #fff; } .primary-nav-1 .hamburger.primary-nav,.primary-nav-1 .search-trigger.primary-nav,.primary-nav-1 .mobile-donate-link.primary-nav { display: none; } .wayback-search-1 .search-field.wayback-search svg.wayback-search { position: absolute; top: 0; } .primary-nav-1 .search-trigger.primary-nav svg.primary-nav { vertical-align: middle; } }