2rem; } .media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(9) { -ms-grid-row: 1; -ms-grid-column: 1; } .media-subnav-1 .links.media-subnav { padding: 0 5px 0 10px; -webkit-transform: translate(0, 0); } .media-slider-1 .information-menu.media-slider { left: 0; z-index: 4; height: 5rem; padding-right: 1.5rem; } .primary-nav-1 .user-menu.primary-nav img.primary-nav { display: block; padding: 1rem 0.5rem; } .nav-search-1 .search-inactive.nav-search { display: inline-block; padding: 0 4.5rem; font-size: 1.6rem; text-align: center; } .wayback-search-1 input.wayback-search { padding-left: 3rem; margin-top: .3rem; font-size: 1.4rem; border-color: #bca38e; background: #fff; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15); } .search-menu-1 .open.search-menu { opacity: 1; } .media-subnav-1 .top.media-subnav { -ms-grid-column: 1; } } @media (min-width: 890px) { .nav-search-1 .search.nav-search path.nav-search { fill: #333; } .desktop-subnav-1 .donate.desktop-subnav svg.desktop-subnav { width: 2.8rem; height: 2.8rem; vertical-align: -14px; } .nav-search-1 .search-activated.nav-search .search-field.nav-search:focus { outline: none; } .nav-search-1 .search-activated.nav-search { display: block; text-transform: uppercase; color: inherit; } .save-page-form-1 input.save-page-form[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: .4rem .8rem; font: normal 1.2rem/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; } .ia-topnav-1 .topnav.ia-topnav { position: absolute; right: 0; bottom: 0; left: auto; z-index: 5; transition: opacity 0.2s ease-in-out; font-size: 1.4rem; border-radius: 2px; background: #fff; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.075), 0 0 #c3ad97; } .wayback-search-1 .search-field.wayback-search svg.wayback-search { width: 100%; padding: 0; font-weight: 400; color: #fff; content: ''; border-bottom: 7px solid currentColor; border-left: 6px solid transparent; } .search-menu-1 .initial.search-menu,.search-menu-1 .closed.search-menu { opacity: 1; overflow: visible; } .signed-out-dropdown-1 h3.signed-out-dropdown { display: none; } } @media (min-width: 890px) { .wayback-search-1 form.wayback-search { margin: 0; list-style: none; } .primary-nav-1 nav.hide-search.primary-nav { grid-template-areas: 'hamburger empty heart user'; -ms-grid-columns: 4rem minmax(1rem, 100%) 4rem 4rem 4rem; grid-template-columns: 4rem auto 4rem 4rem 4rem; } .icon-hamburger-1 .fill-color.icon-hamburger { fill: #333; } } @media (min-width: 890px) { .media-subnav-1 h4.media-subnav { font-size: 0.8em; color: #999; } .login-button-1 span.login-button { display: block; } .ia-topnav-1 .topnav.ia-topnav { position: absolute; right: 7px; top: -7px; width: 12px; height: 7px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 2rem; background: #eee; } .wayback-search-1 fieldset.wayback-search { padding: 0; margin: 0; font-size: inherit; overflow: hidden; white-space: nowrap; max-width: 165px; } .primary-nav-1 .search-activated.primary-nav { position: relative; } .search-menu-1 label.search-menu + label.search-menu { padding: 1rem; display: block; height: 4rem; width: 4rem; } .icon-hamburger-1 .fill-color.icon-hamburger { fill: #999; } .wayback-search-1 .search-field.wayback-search .fill-color.wayback-search { fill: #999; } .login-button-1 span.login-button a.login-button { color: #fff; } .primary-nav-1 .upload.primary-nav:hover svg.primary-nav,.primary-nav-1 .upload.primary-nav:focus svg.primary-nav,.primary-nav-1 .upload.primary-nav:active svg.primary-nav { height: 3rem; padding: 0.5rem 2rem; font-size: 0.8em; color: #999; } .login-button-1 span.login-button { display: block; color: #fff.