display: block;
height: 4rem;
width: 4rem;
}
.icon-hamburger-1 .fill-color.icon-hamburger {
fill: #fff;
}
display: block;
text-transform: uppercase;
color: #ccc;
cursor: pointer;
}
.login-button-1 .dropdown-toggle.login-button svg.login-button {
height: 100%;
width: 4rem;
}
.login-button-1 .dropdown-toggle.login-button .fill-color.login-button {
fill: #999;
}
.login-button-1 .dropdown-toggle.login-button:active .fill-color.login-button,.login-button-1 .dropdown-toggle.login-button:focus .fill-color.login-button,.login-button-1 .dropdown-toggle.login-button:hover .fill-color.login-button {
fill: #fff;
}
.login-button-1 .active.login-button {
border-radius: 1rem 1rem 0 0;
background: #333;
}
.login-button-1 .active.login-button .fill-color.login-button {
fill: #fff;
}
.login-button-1 span.login-button {
display: none;
font-size: 1.4rem;
text-transform: uppercase;
color: #999;
}
.login-button-1 span.login-button a.login-button {
color: inherit;
text-decoration: none;
outline: 0;
}
.login-button-1 a.login-button:hover,.login-button-1 a.login-button:active,.login-button-1 a.login-button:focus {
color: #fff !important;
outline: none !important;
outline-offset: inherit !important;
}
@media (min-width: 890px) {
.login-button-1 .logged-out-toolbar.login-button {
padding: 1rem 0.5rem;
vertical-align: middle;
}
.login-button-1 .active.login-button {
background: transparent;
}
.login-button-1 .dropdown-toggle.login-button {
display: inline-block;
vertical-align: middle;
}
.login-button-1 .dropdown-toggle.login-button svg.login-button {
height: 3rem;
width: 3rem;
display: block;
}
.login-button-1 span.login-button {
display: inline;
vertical-align: middle;
}
}
color: #222;
}
.nav-search-1 input.nav-search:focus {
outline: none;
}
.nav-search-1 button.nav-search {
background: none;
color: inherit;
border: none;
font: inherit;
cursor: pointer;
}
.nav-search-1 button.nav-search:focus {
outline: none;
}
.nav-search-1 .search.nav-search {
padding-top: 0;
margin-right: 0.5rem;
}
.nav-search-1 .search.nav-search svg.nav-search {
position: relative;
fill:;
}
.nav-search-1 .search-activated.nav-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
right: 4rem;
bottom: 0;
left: 4rem;
z-index: 3;
padding: 0.5rem 0.2rem;
border-radius: 1rem 1rem 0 0;
background: #333;
}
.nav-search-1 .search-inactive.nav-search {
display: none;
}
.nav-search-1 .search-activated.nav-search .highlight.nav-search,.nav-search-1 .search-activated.nav-search .search.nav-search {
background: #fff;
border-radius: 0.5rem;
}
.nav-search-1 .search-activated.nav-search .highlight.nav-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0 0.5rem;
}
.nav-search-1 .search-activated.nav-search .search.nav-search {
height: 100%;
padding: 0;
margin-right: 0;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.nav-search-1 .search-activated.nav-search .search.nav-search svg.nav-search {
height: 3rem;
width: 3rem;
}
.nav-search-1 .search-activated.nav-search .search-field.nav-search {
width: 100%;
height: 100%;
box-sizing: border-box;
padding-left: 1rem;
border-radius: 0.5rem;
border: none;
font-size: 1.6rem;
text-align: center;
}
.nav-search-1 .search-activated.nav-search .search-field.nav-search:focus {
outline: none;
}
@keyframes fade-in-nav-search-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.nav-search-1 .fade-in.nav-search {
animation: fade-in-nav-search-1 0.2s forwards;
}
@media (min-width: 890px) {
.nav-search-1 .search.nav-search svg.nav-search {
display: inline;
width: 2.8rem;
height: 2.8rem;
vertical-align: -14px;
}
.nav-search-1 .search.nav-search path.nav-search {
fill: #333;
}
.nav-search-1 .search-inactive.nav-search,.nav-search-1 .search-activated.nav-search {
display: block;
position: static;
padding: 1.1rem 0.2rem;
background: transparent;
}
.nav-search-1 .search-activated.nav-search .highlight.nav-search {
width: 13rem;
height: 2.8rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.nav-search-1 .search-activated.nav-search .search-field.nav-search {
width: calc(100% - 28px);
height: 100%;
padding-left: 0;
font-size: 1.4rem;
text-align: left;
}
.nav-search-1 .search-activated.nav-search .search.nav-search svg.nav-search {
width: 2.8rem;
height: 2.8rem;
}
}
display: inline-block;
text-decoration: none;
}
.media-button-1 .menu-item.media-button {
display: inline-block;
width: 100%;
padding: 0;
font-size: 1.6rem;
text-align: left;
background: transparent;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.media-button-1 .menu-item.media-button:focus {
outline: none;
}
.media-button-1 .label.media-button {
display: inline-block;
padding: 0;
font-weight: 400;
color: #fff;
text-align: left;
vertical-align: middle;
}
.media-button-1 .menu-item.media-button > .icon.media-button {
display: inline-flex;
vertical-align: middle;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.media-button-1 .menu-item.media-button > .icon.media-button > svg.media-button {
height: 4rem;
width: 4rem;
}
.media-button-1 .menu-item.selected.media-button .icon.media-button {
background-color: #333;
border-radius: 1rem 0 0 1rem;
}
.media-button-1 .icon.media-button .fill-color.media-button {
fill: #999;
}
.media-button-1 .icon.active.media-button .fill-color.media-button {
fill: #fff;
}
.media-button-1 .donate.media-button .fill-color.media-button {
fill: #f00;
}
@media (min-width: 890px) {
.media-button-1 .menu-item.media-button {
width: auto;
height: 5rem;
color: #999;
display: inline-flex;
}
.media-button-1 .menu-item.media-button:hover,.media-button-1 .menu-item.media-button:active,.media-button-1 .menu-item.media-button:focus {
color: #fff;
}
.media-button-1 .menu-item.media-button:hover .fill-color.media-button,.media-button-1 .menu-item.media-button:active .fill-color.media-button,.media-button-1 .menu-item.media-button:focus .fill-color.media-button {
fill: #fff;
}
.media-button-1 .label.media-button {
display: none;
}
.media-button-1 .label.media-button,.media-button-1 .web.media-button:after {
padding-right: 1rem;
font-size: 1.3rem;
text-transform: uppercase;
color: inherit;
}
.media-button-1 .web.media-button:after {
display: none;
content: "web";
}
.media-button-1 .donate.media-button,.media-button-1 .more.media-button {
display: none;
}
.media-button-1 .menu-item.selected.media-button {
background: #474747;
}
.media-button-1 .menu-item.selected.media-button .label.media-button,.media-button-1 .menu-item.selected.web.media-button:after {
color: #fff;
}
.media-button-1 .menu-item.selected.media-button .icon.media-button {
background: transparent;
}
.media-button-1 .web.selected.media-button .fill-color.media-button {
fill: #ffcd27;
}
.media-button-1 .texts.selected.media-button .fill-color.media-button {
fill: #faab3c;
}
.media-button-1 .video.selected.media-button .fill-color.media-button {
fill: #f1644b;
}
.media-button-1 .audio.selected.media-button .fill-color.media-button {
fill: #00adef;
}
.media-button-1 .software.selected.media-button .fill-color.media-button {
fill: #9ecc4f;
}
.media-button-1 .images.selected.media-button .fill-color.media-button {
fill: #aa99c9;
}
}
@media (min-width: 1200px) {
.media-button-1 .label.media-button,.media-button-1 .web.media-button:after {
display: inline;
}
.media-button-1 .web.media-button .label.media-button {
display: none;
}
}
outline: none;
}
.media-menu-1 .media-menu-inner.media-menu {
z-index: -1;
top: -40rem;
background-color: #222;
margin: 0;
overflow: hidden;
transition-duration: 0.2s;
transition-property: top;
transition-timing-function: ease;
}
.media-menu-1 .menu-group.media-menu {
position: relative;
line-height: normal;
}
@media (max-width: 889px) {
.media-menu-1 .media-menu-inner.media-menu {
position: absolute;
width: 100%;
}
.media-menu-1 .open.media-menu .media-menu-inner.media-menu {
top: 0;
}
.media-menu-1 .overflow-clip.media-menu {
position: absolute;
z-index: -1;
top: 4rem;
left: 0;
height: 0;
width: 100%;
overflow: hidden;
transition-duration: 0.2s;
transition-property: height;
}
.media-menu-1 .open.media-menu .overflow-clip.media-menu {
height: 40rem;
}
}
@media (min-width: 890px) {
.media-menu-1 .media-menu-inner.media-menu {
display: block;
position: static;
width: auto;
height: 5rem;
transition-property: none;
}
.media-menu-1 .menu-group.media-menu {
font-size: 0;
}
}
outline: none;
}
.primary-nav-1 nav.primary-nav {
position: relative;
display: flex;
height: 4rem;
grid-template-areas: 'hamburger empty heart search user';
-ms-grid-columns: 4rem minmax(1rem, 100%) 4rem 4rem 4rem;
grid-template-columns: 4rem auto 4rem 4rem 4rem;
-ms-grid-rows: 100%;
grid-template-rows: 100%;
background: #222;
border-bottom: 1px solid #333;
}
.primary-nav-1 nav.hide-search.primary-nav {
grid-template-areas: 'hamburger empty heart user';
-ms-grid-columns: 4rem minmax(1rem, 100%) 4rem 4rem;
grid-template-columns: 4rem auto 4rem 4rem;
}
.primary-nav-1 .right-side-section.primary-nav {
display: flex;
margin-left: auto;
user-select: none;
}
.primary-nav-1 button.primary-nav {
background: none;
color: inherit;
border: none;
font: inherit;
cursor: pointer;
}
.primary-nav-1 .branding.primary-nav {
position: static;
float: left;
margin: 0 !important;
padding: 0 5px 0 10px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.primary-nav-1 slot.primary-nav,.primary-nav-1 .branding.primary-nav {
display: flex;
justify-content: left;
align-items: center;
}
.primary-nav-1 media-menu.primary-nav {
grid-column-start: hamburger-start;
grid-column-end: user-end;
}
.primary-nav-1 .ia-logo.primary-nav {
height: 3rem;
width: 2.7rem;
display: inline-block;
}
.primary-nav-1 .ia-wordmark.primary-nav {
height: 3rem;
width: 9.5rem;
}
.primary-nav-1 .ia-logo.primary-nav,.primary-nav-1 .ia-wordmark.primary-nav {
margin-right: 5px;
}
.primary-nav-1 .hamburger.primary-nav {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: hamburger;
padding: 0;
}
.primary-nav-1 .hamburger.primary-nav svg.primary-nav {
height: 4rem;
width: 4rem;
fill: #fff;
}
.primary-nav-1 .mobile-donate-link.primary-nav {
display: inline-block;
}
.primary-nav-1 .mobile-donate-link.primary-nav svg.primary-nav {
height: 4rem;
width: 4rem;
}
.primary-nav-1 .mobile-donate-link.primary-nav .fill-color.primary-nav {
fill: rgb(255, 0, 0);
}
.primary-nav-1 .sr-only.primary-nav {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
white-space: nowrap;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
user-select: none;
}
.primary-nav-1 .search-trigger.primary-nav {
padding: 0;
}
.primary-nav-1 .search-trigger.primary-nav svg.primary-nav {
height: 4rem;
width: 4rem;
}
.primary-nav-1 .search-trigger.primary-nav .fill-color.primary-nav {
fill: #999;
}
.primary-nav-1 .search-activated.primary-nav {
position: relative;
z-index: 3;
}
.primary-nav-1 .upload.primary-nav {
display: none;
}
.primary-nav-1 .upload.primary-nav span.primary-nav {
display: none;
}
.primary-nav-1 .upload.primary-nav svg.primary-nav {
height: 3rem;
width: 3rem;
}
.primary-nav-1 .screen-name.primary-nav {
display: none;
font-size: 1.3rem;
vertical-align: middle;
text-transform: uppercase;
}
.primary-nav-1 .user-menu.primary-nav {
color: #999;
padding: 0.5rem;
height: 100%;
}
.primary-nav-1 button.user-menu.primary-nav:hover,.primary-nav-1 button.user-menu.primary-nav:focus {
color: #fff;
outline: none;
}
.primary-nav-1 .user-menu.active.primary-nav {
border-radius: 1rem 1rem 0 0;
background: #333;
}
.primary-nav-1 .user-menu.primary-nav img.primary-nav {
display: block;
width: 3rem;
height: 3rem;
}
.primary-nav-1 .link-home.primary-nav {
text-decoration: none;
display: inline-flex;
}
.primary-nav-1 a.link-home.primary-nav:focus,.primary-nav-1 a.link-home.primary-nav:focus-visible {
outline-offset: 1px;
}
@media only screen and (min-width: 890px) and (max-device-width: 905px) {
.primary-nav-1 .branding.second-logo.primary-nav {
padding-right: 0;
}
}
@media (min-width: 906px) {
.primary-nav-1 .branding.second-logo.primary-nav {
padding-right: 20px;
}
}
@media (max-width: 889px) {
.primary-nav-1 slot.primary-nav[name='opt-sec-logo'] {
display: none;
}
.primary-nav-1 .right-side-section.primary-nav {
display: initial;
}
.primary-nav-1 .right-side-section.primary-nav .user-info.primary-nav {
float: right;
}
}
@media (min-width: 890px) {
.primary-nav-1 {
;
}
.primary-nav-1 nav.primary-nav {
display: flex;
z-index: 4;
height: 5rem;
padding-right: 1.5rem;
}
.primary-nav-1 slot.primary-nav[name='opt-sec-logo-mobile'] {
display: none;
}
.primary-nav-1 .ia-logo.primary-nav,.primary-nav-1 .ia-wordmark.primary-nav {
margin-right: 10px;
}
.primary-nav-1 .hamburger.primary-nav,.primary-nav-1 .search-trigger.primary-nav,.primary-nav-1 .mobile-donate-link.primary-nav {
display: none;
}
.primary-nav-1 .user-info.primary-nav {
display: block;
float: right;
vertical-align: middle;
height: 100%;
}
.primary-nav-1 .user-info.primary-nav .user-menu.primary-nav img.primary-nav {
height: 3rem;
width: 3rem;
margin-right: 0.5rem;
}
.primary-nav-1 .user-menu.primary-nav {
padding: 1rem 0.5rem;
}
.primary-nav-1 .user-menu.active.primary-nav {
background: transparent;
}
.primary-nav-1 .user-menu.primary-nav img.primary-nav {
display: inline-block;
vertical-align: middle;
margin-right: 0.5rem;
}
.primary-nav-1 .upload.primary-nav {
display: block;
padding: 1rem 0.5rem;
float: right;
font-size: 1.4rem;
text-transform: uppercase;
text-decoration: none;
color: #999;
}
.primary-nav-1 .upload.primary-nav:active,.primary-nav-1 .upload.primary-nav:focus,.primary-nav-1 .upload.primary-nav:hover {
color: #fff;
}
.primary-nav-1 .upload.primary-nav:focus-visible {
outline: none;
}
.primary-nav-1 .upload.primary-nav svg.primary-nav {
vertical-align: middle;
fill: #999;
}
.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 {
fill: #fff;
}
.primary-nav-1 nav-search.primary-nav {
float: right;
margin-left: 1rem;
}
}
@media (min-width: 990px) {
.primary-nav-1 .screen-name.primary-nav {
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 165px;
}
.primary-nav-1 .upload.primary-nav span.primary-nav {
display: inline;
}
}
position: relative;
}
.search-menu-1 button.search-menu:focus,.search-menu-1 input.search-menu:focus {
outline-color: #428bca;
outline-width: 0.16rem;
outline-style: auto;
outline-offset: 2px !important;
}
.search-menu-1 .search-menu-inner.search-menu {
position: absolute;
right: 0;
left: 0;
z-index: 4;
padding: 0 4.5rem;
font-size: 1.6rem;
background-color: #333;
}
.search-menu-1 .tx-slide.search-menu {
overflow: hidden;
transition-property: top;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.search-menu-1 .initial.search-menu,.search-menu-1 .closed.search-menu {
top: -1500px;
}
.search-menu-1 .closed.search-menu {
transition-duration: 0.2s;
}
.search-menu-1 label.search-menu,.search-menu-1 a.search-menu {
padding: 1rem;
display: block;
}
.search-menu-1 .advanced-search.search-menu {
text-decoration: none;
color: #428bca;
line-height: normal;
padding: 0.5rem;
margin-top: 5px;
}
@media (min-width: 890px) {
.search-menu-1 .search-menu-inner.search-menu {
overflow: visible;
right: 2rem;
left: auto;
z-index: 5;
padding: 1rem 2rem;
transition: opacity 0.2s ease-in-out;
font-size: 1.4rem;
color: #333;
border-radius: 2px;
background: #fff;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
}
.search-menu-1 .search-menu-inner.search-menu:after {
position: absolute;
right: 7px;
top: -7px;
width: 12px;
height: 7px;
box-sizing: border-box;
color: #fff;
content: '';
border-bottom: 7px solid currentColor;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.search-menu-1 .initial.search-menu,.search-menu-1 .closed.search-menu {
opacity: 0;
transition-duration: 0.2s;
}
.search-menu-1 .open.search-menu {
opacity: 1;
}
.search-menu-1 label.search-menu {
padding: 0;
font-weight: normal;
margin: 0;
}
.search-menu-1 label.search-menu + label.search-menu {
padding-top: 7px;
}
.search-menu-1 a.search-menu {
padding: 1rem 0 0 0;
}
}
font: normal 1.2rem/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wayback-search-1 form.wayback-search {
max-width: 600px;
}
.wayback-search-1 p.wayback-search {
margin-top: 0;
font-weight: 200;
}
.wayback-search-1 a.wayback-search {
font-weight: 500;
text-decoration: none;
color: #fff;
}
.wayback-search-1 fieldset.wayback-search {
padding: 0.7rem 2rem;
margin: 1.5rem 0;
box-sizing: border-box;
text-align: center;
border: none;
border-radius: 7px;
background-color: #fcf5e6;
box-shadow: 3px 3px 0 0 #c3ad97;
}
.wayback-search-1 label.wayback-search {
display: none;
}
.wayback-search-1 img.wayback-search {
width: 100%;
max-width: 215px;
max-height: 60px;
margin-bottom: 1.3rem;
vertical-align: middle;
}
.wayback-search-1 input.wayback-search {
display: block;
width: 100%;
height: 3rem;
padding: 0.5rem 1rem 0.5rem 2.5rem;
font: normal 1.2rem/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #858585;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 2rem;
background: #eee;
}
.wayback-search-1 input.wayback-search:focus {
border-color: #66afe9;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
outline: none;
}
.wayback-search-1 .search-field.wayback-search {
position: relative;
overflow: hidden;
}
.wayback-search-1 .search-field.wayback-search svg.wayback-search {
position: absolute;
top: 2px;
left: 3px;
width: 2.4rem;
height: 2.4rem;
}
.wayback-search-1 .search-field.wayback-search .fill-color.wayback-search {
fill: #999;
}
.wayback-search-1 input.wayback-search:focus + svg.wayback-search {
display: none;
}
@media (min-width: 890px) {
.wayback-search-1 form.wayback-search {
margin: 0 auto;
}
.wayback-search-1 p.wayback-search {
margin-bottom: 3rem;
font-size: 1.6rem;
text-align: center;
}
.wayback-search-1 img.wayback-search {
margin: 0;
}
.wayback-search-1 fieldset.wayback-search {
margin: 0 auto;
font-size: 0;
}
.wayback-search-1 fieldset.wayback-search a.wayback-search,.wayback-search-1 .search-field.wayback-search {
display: inline-block;
width: 50%;
vertical-align: middle;
}
.wayback-search-1 fieldset.wayback-search a.wayback-search {
text-align: center;
}
.wayback-search-1 .search-field.wayback-search svg.wayback-search {
width: 2.8rem;
height: 2.8rem;
}
.wayback-search-1 .search-field.wayback-search .fill-color.wayback-search {
fill: #333;
}
}
.wayback-search-1 p.wayback-search {
margin-bottom: 1rem;
font-size: 1.6rem;
text-align: center;
}
.wayback-search-1 fieldset.wayback-search {
padding: .5rem;
border-radius: 5px;
box-shadow: none;
}
.wayback-search-1 input.wayback-search {
padding-left: 3rem;
margin-top: .3rem;
font-size: 1.4rem;
border-color: #bca38e;
background: #fff;
}
.wayback-search-1 input.wayback-search::placeholder,.wayback-search-1 input.wayback-search::-webkit-input-placeholder {
color: #8e8e8e;
}
.wayback-search-1 .search-field.wayback-search svg.wayback-search {
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 890px) {
.wayback-search-1 fieldset.wayback-search a.wayback-search,.wayback-search-1 .search-field.wayback-search {
display: block;
width: auto;
}
.wayback-search-1 fieldset.wayback-search a.wayback-search {
margin: 0 1.5rem;
}
}
display: grid;
grid-template-columns: 1fr auto;
grid-column-gap: .8rem;
margin: 0;
padding: 0;
border: none;
}
.save-page-form-1 input.save-page-form[type="text"] {
width: 100%;
height: 3rem;
box-sizing: border-box;
border: 1px solid #999;
border-radius: .5rem;
color: #222;
font-size: 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.3rem 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #fff;
border: none;
border-radius: 16px;
background: #222;
cursor: pointer;
}
.save-page-form-1 .error.save-page-form {
display: none;
margin-top: .5rem;
font-weight: bold;
color: #ffcd27;
}
.save-page-form-1 .visible.save-page-form {
display: block;
}
@media (min-width: 890px) {
.save-page-form-1 h3.save-page-form {
margin-top: 0;
font: normal 100 1.6rem 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
}
font-size: 1.6rem;
}
.wayback-slider-1 a.wayback-slider {
text-decoration: none;
color: #fff;
}
.wayback-slider-1 ul.wayback-slider {
padding: 0;
margin: 0;
list-style: none;
}
.wayback-slider-1 li.wayback-slider + li.wayback-slider {
padding-top: 1.5rem;
}
@media (min-width: 890px) {
.wayback-slider-1 h4.wayback-slider {
margin: 0 0 1rem 0;
font-weight: 100;
}
.wayback-slider-1 ul.wayback-slider {
font-size: 1.3rem;
}
.wayback-slider-1 li.wayback-slider {
padding-bottom: .5rem;
}
.wayback-slider-1 li.wayback-slider + li.wayback-slider {
padding-top: 0;
}
.wayback-slider-1 li.wayback-slider a.wayback-slider {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
@media (min-width: 890px) {
.wayback-slider-1 {
display: block;
grid-column: 1 / 4;
padding: 0 1.5rem;
}
.wayback-slider-1 h4.wayback-slider {
margin-top: 0;
font: normal 100 1.6rem 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wayback-slider-1 .grid.wayback-slider {
display: grid;
grid-template-columns: minmax(auto, 260px) 1fr minmax(auto, 260px);
grid-column-gap: 2.5rem;
}
.wayback-slider-1 .link-lists.wayback-slider {
display: grid;
grid-template-columns: calc(50% - 1.25rem) calc(50% - 1.25rem);
grid-column-gap: 2.5rem;
}
}
padding: 0;
margin: -1rem 0 0 0;
list-style: none;
}
.more-slider-1 a.more-slider {
display: block;
padding: 1rem 0;
text-decoration: none;
color: #fff;
}
font-size: 1.6rem;
}
.media-subnav-1 a.media-subnav {
text-decoration: none;
color: #fff;
}
.media-subnav-1 ul.media-subnav {
padding: 0;
margin: 0;
list-style: none;
}
.media-subnav-1 li.media-subnav + li.media-subnav {
padding-top: 1.5rem;
}
@media (min-width: 890px) {
.media-subnav-1 h4.media-subnav {
margin: 0 0 1rem 0;
font-weight: 100;
}
.media-subnav-1 ul.media-subnav {
font-size: 1.3rem;
}
.media-subnav-1 li.media-subnav {
padding-bottom: .5rem;
}
.media-subnav-1 li.media-subnav + li.media-subnav {
padding-top: 0;
}
.media-subnav-1 li.media-subnav a.media-subnav {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.media-subnav-1 img.media-subnav {
display: block;
width: 90px;
height: 90px;
margin: 0 auto 1rem auto;
border-radius: 45px;
}
.media-subnav-1 h3.media-subnav {
margin-top: 0;
font-size: 1.8rem;
}
.media-subnav-1 .icon-links.media-subnav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
text-align: center;
}
.media-subnav-1 .icon-links.media-subnav a.media-subnav {
display: inline-block;
width: 12rem;
margin-bottom: 1.5rem;
overflow: hidden;
white-space: nowrap;
text-align: center;
text-overflow: ellipsis;
}
.media-subnav-1 .icon-links.media-subnav a.media-subnav + a.media-subnav {
margin-left: 2rem;
}
.media-subnav-1 .featured.media-subnav h4.media-subnav {
display: none;
}
@media (min-width: 890px) {
.media-subnav-1 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 40% 20% 40%;
grid-template-columns: 40% 20% 40%;
}
.media-subnav-1 .wayback-search.media-subnav {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1 / 4;
}
.media-subnav-1 h3.media-subnav {
display: none;
}
.media-subnav-1 .icon-links.media-subnav {
-ms-grid-column: 1;
}
.media-subnav-1 .icon-links.media-subnav a.media-subnav {
padding-top: 3.5rem;
max-width: 16rem;
}
.media-subnav-1 .links.media-subnav {
padding: 0 1.5rem;
}
.media-subnav-1 .featured.media-subnav {
-ms-grid-column: 2;
}
.media-subnav-1 .featured.media-subnav h4.media-subnav {
display: block;
}
.media-subnav-1 .top.media-subnav {
-ms-grid-column: 3;
}
.media-subnav-1 .top.media-subnav ul.media-subnav {
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 3rem 50%;
grid-template-columns: 50% 50%;
-ms-grid-rows: (auto)[7];
grid-template-rows: repeat(7, auto);
grid-column-gap: 3rem;
grid-auto-flow: column;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(2) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(4) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(5) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(6) {
-ms-grid-row: 6;
-ms-grid-column: 1;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(7) {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(8) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(9) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(10) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(11) {
-ms-grid-row: 4;
-ms-grid-column: 3;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(12) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(13) {
-ms-grid-row: 6;
-ms-grid-column: 3;
}
.media-subnav-1 .top.media-subnav ul.media-subnav > *.media-subnav:nth-child(14) {
-ms-grid-row: 7;
-ms-grid-column: 3;
}
}
position: relative;
}
.media-slider-1 .overflow-clip.media-slider {
display: none;
position: absolute;
top: 3rem;
right: 0;
left: 0;
height: 0;
overflow: hidden;
transition: height 0.2s ease;
}
.media-slider-1 .information-menu.media-slider {
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 0;
height: 31.9rem;
overflow-x: hidden;
font-size: 1.4rem;
background: #333;
}
.media-slider-1 .open.media-slider {
display: block;
}
.media-slider-1 .hidden.media-slider {
display: none;
}
.media-slider-1 .info-box.media-slider {
padding: 1rem;
}
@media (max-width: 889px) {
.media-slider-1 .overflow-clip.open.media-slider {
display: block;
height: 35.8rem;
left: 4rem;
top: 0;
}
}
@media (min-width: 890px) {
.media-slider-1 .overflow-clip.media-slider {
display: block;
}
.media-slider-1 .information-menu.media-slider {
left: 0;
z-index: 3;
height: auto;
min-height: 21rem;
background: #474747;
transform: translate(0, -100%);
transition: transform 0.2s ease;
}
.media-slider-1 .overflow-clip.open.media-slider {
height: 22rem;
}
.media-slider-1 .information-menu.open.media-slider {
transform: translate(0, 0);
}
.media-slider-1 .info-box.media-slider {
max-width: 100rem;
padding: 1.5rem 0;
margin: 0 auto;
}
}
position: relative;
z-index: 3;
padding: .8rem 0;
margin: 0;
font-size: 1.2rem;
text-transform: uppercase;
text-align: center;
background: #333;
}
.desktop-subnav-1 li.desktop-subnav {
display: inline-block;
padding: 0 15px;
}
.desktop-subnav-1 a.desktop-subnav {
text-decoration: none;
color: #aaa;
}
.desktop-subnav-1 a.desktop-subnav:hover,.desktop-subnav-1 a.desktop-subnav:active,.desktop-subnav-1 a.desktop-subnav:focus {
color: #fff;
}
.desktop-subnav-1 .donate.desktop-subnav svg.desktop-subnav {
width: 1.6rem;
height: 1.6rem;
vertical-align: top;
fill: #f00;
}
position: relative;
}
.signed-out-dropdown-1 nav.signed-out-dropdown {
position: absolute;
right: 0;
z-index: 4;
overflow: hidden;
font-size: 1.6rem;
background-color: #333;
transition-property: top;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.signed-out-dropdown-1 .initial.signed-out-dropdown,.signed-out-dropdown-1 .closed.signed-out-dropdown {
top: -1500px;
}
.signed-out-dropdown-1 .closed.signed-out-dropdown {
transition-duration: 0.5s;
}
.signed-out-dropdown-1 .open.signed-out-dropdown {
max-width: 100vw;
overflow: auto;
}
.signed-out-dropdown-1 h3.signed-out-dropdown {
padding: 0.6rem 2rem;
margin: 0;
font-size: inherit;
overflow: hidden;
text-overflow: ellipsis;
}
.signed-out-dropdown-1 ul.signed-out-dropdown {
padding: 0.4rem 0 0.7rem 0;
margin: 0;
list-style: none;
max-height: calc(100vh - 7.2rem + 1px);
overflow: auto;
box-sizing: border-box;
}
.signed-out-dropdown-1 .divider.signed-out-dropdown {
margin: 0.5rem 0;
border-bottom: 1px solid #666;
}
.signed-out-dropdown-1 a.signed-out-dropdown,.signed-out-dropdown-1 .info-item.signed-out-dropdown {
display: block;
color: #fff;
text-decoration: none;
padding: 1rem 2rem;
}
.signed-out-dropdown-1 .info-item.signed-out-dropdown {
font-size: 0.8em;
color: #999;
}
.signed-out-dropdown-1 .callout.signed-out-dropdown {
position: absolute;
margin-left: 10px;
padding: 0 5px;
border-radius: 2px;
background: #fee257;
color: #2c2c2c;
font-size: 1.4rem;
font-weight: bold;
}
.signed-out-dropdown-1 a.mobile-upload.signed-out-dropdown {
display: flex;
justify-content: left;
align-items: center;
}
.signed-out-dropdown-1 a.mobile-upload.signed-out-dropdown svg.signed-out-dropdown {
fill: #fff;
margin-right: 1rem;
height: 1.4rem;
width: 1.4rem;
}
@media (min-width: 890px) {
.signed-out-dropdown-1 nav.signed-out-dropdown {
display: flex;
overflow: visible;
top: 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.15);
}
.signed-out-dropdown-1 nav.signed-out-dropdown:after {
position: absolute;
right: 7px;
top: -7px;
width: 12px;
height: 7px;
box-sizing: border-box;
color: #fff;
content: '';
border-bottom: 7px solid currentColor;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.signed-out-dropdown-1 h3.signed-out-dropdown {
display: none;
}
.signed-out-dropdown-1 ul.signed-out-dropdown {
max-height: calc(100vh - 8.5rem + 1px);
}
.signed-out-dropdown-1 .divider.signed-out-dropdown {
border-bottom-color: #666;
}
.signed-out-dropdown-1 a.signed-out-dropdown {
padding: 0.5rem 2rem;
color: #333;
transition: background 0.1s ease-out, color 0.1s ease-out;
}
.signed-out-dropdown-1 .info-item.signed-out-dropdown {
padding: 0.5rem 2rem;
font-size: 0.8em;
}
.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;
background: #428bca;
outline: none;
}
.signed-out-dropdown-1 .initial.signed-out-dropdown,.signed-out-dropdown-1 .closed.signed-out-dropdown {
opacity: 0;
transition-duration: 0.2s;
}
.signed-out-dropdown-1 .open.signed-out-dropdown {
opacity: 1;
overflow: visible;
}
.signed-out-dropdown-1 a.mobile-upload.signed-out-dropdown {
display: none;
}
}
@media (min-width: 890px) {
.signed-out-dropdown-1 .initial.signed-out-dropdown,.signed-out-dropdown-1 .closed.signed-out-dropdown,.signed-out-dropdown-1 .open.signed-out-dropdown {
right: 33.5rem;
}
.signed-out-dropdown-1 .search-hidden.initial.signed-out-dropdown,.signed-out-dropdown-1 .search-hidden.closed.signed-out-dropdown,.signed-out-dropdown-1 .search-hidden.open.signed-out-dropdown {
right: 18.5rem;
}
}
@media (min-width: 990px) {
.signed-out-dropdown-1 .initial.signed-out-dropdown,.signed-out-dropdown-1 .closed.signed-out-dropdown,.signed-out-dropdown-1 .open.signed-out-dropdown {
right: 40rem;
}
.signed-out-dropdown-1 .search-hidden.initial.signed-out-dropdown,.signed-out-dropdown-1 .search-hidden.closed.signed-out-dropdown,.signed-out-dropdown-1 .search-hidden.open.signed-out-dropdown {
right: 26rem;
}
}
;
color: #fff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.ia-topnav-1 primary-nav.ia-topnav:focus {
outline: none !important;
}
.ia-topnav-1 #close-layer.ia-topnav {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
}
.ia-topnav-1 #close-layer.visible.ia-topnav {
display: block;
}
.ia-topnav-1 .topnav.ia-topnav {
position: relative;
z-index: 4;
}
@media (max-width: 889px) {
.ia-topnav-1 desktop-subnav.ia-topnav {
display: none;
}
}
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; }
More Than Sports TV 
Das Erste 
ZDF 
Deluxe Music 
Strongman 
RT DE 
