.ip h4 { overflow: hidden; } .ip li { vertical-align: top; display: inline-block; } .ip li:not(.noimage) div:not(.metadata) { background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0px, rgba(0, 0, 0, 0) 100%); } .ip li.noimage { background: rgb(0, 0, 0); } .ip li div:not(.metadata) { padding: 10rem 2rem 3.8rem; left: 0px; width: 100%; bottom: 0px; overflow: hidden; white-space: normal; position: absolute; } .ip li div:not(.metadata) p { padding-top: 1.6rem; } .ip li div:not(.metadata) p img { width: 1.6rem; height: 1.6rem; margin-right: 0.8rem; vertical-align: top; } .ip li div:not(.metadata) p .dt { margin-left: 1rem; } .ip li div:not(.metadata) p > span:not(.mediaicon) { line-height: 1.364; font-family: "Segoe UI","Segoe WP",Arial,Sans-Serif; font-size: 1.1rem; font-weight: 600; } .ip li div:not(.metadata) p > span:not(.mediaicon):not(.dt):first-of-type { color: rgb(160, 160, 160); } .ip .photo div::before { background: rgb(0, 0, 0); right: 0px; bottom: 0px; position: absolute; content: ""; } .ip .video div::before { background: rgb(0, 0, 0); right: 0px; bottom: 0px; position: absolute; content: ""; } .ip .swipenav { -ms-scroll-chaining: none; } .ip .swipenav { -ms-overflow-style: none; } .ip .swipenav li { -ms-overflow-style: none; } .ip ul { white-space: nowrap; } .slidecount { width: 100%; height: 0.6rem; text-align: center; bottom: 2.7rem; position: absolute; pointer-events: none; } .slidecount span { background: rgba(255, 255, 255, 0.4); margin: 0px 0.5rem; border-radius: 50%; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; display: inline-block; } .slidecount span.selected { background: rgb(255, 255, 255); } .highdensity div > img { width: 1.6rem; height: 1.6rem; margin-right: 0.8rem; float: left; } .normaldensity div > img { width: 1.6rem; height: 1.6rem; margin-right: 0.8rem; float: left; } .highdensity div > img + span { float: left; max-width: calc(100% - 2.4rem); } .normaldensity div > img + span { float: left; max-width: calc(100% - 2.4rem); } .highdensity div > span { color: rgb(160, 160, 160); line-height: 1.384; font-family: "Segoe UI","Segoe WP",Arial,Sans-Serif; font-size: 1.3rem; font-weight: 600; } .normaldensity div > span { color: rgb(160, 160, 160); line-height: 1.384; font-family: "Segoe UI","Segoe WP",Arial,Sans-Serif; font-size: 1.3rem; font-weight: 600; } .highdensity h4 { overflow: hidden; } .normaldensity h4 { overflow: hidden; } .stripecontent li { overflow: hidden; } .stripeouter .paging-container > div:not(.highdensity):not(.normaldensity) { overflow: hidden; } .stripeouter .stripe { overflow: hidden; } .stripeouter .stripe .paging { overflow: hidden; } .highdensity li { box-sizing: content-box; } .normaldensity li { box-sizing: content-box; } .stripe { box-sizing: content-box; } .stripecontent li { box-sizing: content-box; } .stripeouter { box-sizing: content-box; } .startpage .pagingsection div.paging { top: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; } .stripecontainer .ad .adchoiceicon + span { float: none; transform: none; -webkit-transform: none; } .stripecontent { } .stripecontent a { width: 100%; height: 100%; color: inherit; display: block; } .highdensity.stripecontent ul.secondary > li div { padding: 1.5rem 0.8rem; } .highdensity.stripecontent ul.secondary > li div:first-child h4 { height: 7.2rem; line-height: 1.3; font-family: "Segoe UI","Segoe WP",Arial,Sans-Serif; font-size: 2rem; font-weight: 200; max-height: 7.2rem; } .highdensity.stripecontent ul.secondary > li div:first-child p { width: 28.3rem; height: 14rem; line-height: 1.384; font-size: 1.3rem; max-height: 14rem; } .highdensity.stripecontent ul.tertiary > li h4 { height: 6rem; line-height: 1.467; font-size: 1.5rem; } .stripecontent li:hover { opacity: 0.95; } .stripecontent li { position: relative; } .stripecontent ul { position: relative; } .stripecontent .tertiary .mediaicon a::after { z-index: 4; } .stripecontent ul { vertical-align: top; display: inline-block; -ms-overflow-y: hidden; } .stripecontent .tertiary .mediaicon a::before { z-index: 3; } .stripeouter .mediaicon a::after { z-index: 3; } .stripeouter { line-height: 0; font-size: 0px; position: relative; } .hidden.stripeouter { display: none; } .stripeouter .highdensity .secondary div > img { margin-top: 0.9rem; } .stripeouter .highdensity .secondary div > span { margin-top: 0.9rem; } .stripeouter .highdensity .tertiary div img { bottom: 0px; margin-top: 0px; } .stripeouter .highdensity .tertiary div span { bottom: 0px; margin-top: 0px; } .stripeouter .mediaicon a::before { border: solid rgb(0, 0, 0); border-image: none; position: absolute; content: ""; opacity: 0.8; } .stripeouter .normaldensity .secondary div > img { margin-top: 0.2rem; } .stripeouter .normaldensity .secondary span { margin-top: 0.2rem; } .stripeouter .normaldensity .tertiary div > img { margin-top: 0.2rem; } .stripeouter .normaldensity .tertiary span { margin-top: 0.2rem; } .stripeouter .paging { height: 0.6rem; text-align: center; margin-top: 1.1rem; } .stripeouter .paging span { background: rgba(51, 51, 51, 0.25); margin: 0px 0.5rem; border-radius: 50%; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; display: inline-block; } .stripeouter .paging span.selected { background: rgb(51, 51, 51); } .stripeouter .snap.paging-container { -ms-overflow-x: scroll; -ms-overflow-y: hidden; -ms-scroll-chaining: none; -ms-scroll-snap-type: mandatory; -ms-overflow-style: none; } .stripeouter .sliding.paging-container { transition:220ms linear; -webkit-transition: all 220ms linear 0ms; } .stripeouter .paging-container > div { vertical-align: top; display: inline-block; } .stripeouter .paging-container > div.ad { padding: 0px; margin-bottom: 0px; } .stripeouter .paging-container > div.ad .outeradcontainer { padding: 0px 0.2rem; } .stripeouter .paging-container > div:not(.highdensity):not(.stripeheadlinelinklist):not(.ad):not(.normaldensity) { padding: 1.1rem; } .stripeouter .paging-container > div.stripeheadlinelinklist div.one-col { padding: 1.1rem; } .stripeouter .paging-container > div:not(.normaldensity):not(.stripeheadlinelinklist):not(.highdensity) { background: rgb(255, 255, 255); width: 30.67rem; height: 29.6rem; margin-right: 1.5rem; border-right-color: rgb(223, 223, 221); border-bottom-color: rgb(223, 223, 221); border-right-width: 0.1rem; border-bottom-width: 0.1rem; border-right-style: solid; border-bottom-style: solid; } .stripeouter .paging-container > div.stripeheadlinelinklist div.one-col { background: rgb(255, 255, 255); width: 30.67rem; height: 29.6rem; margin-right: 1.5rem; border-right-color: rgb(223, 223, 221); border-bottom-color: rgb(223, 223, 221); border-right-width: 0.1rem; border-bottom-width: 0.1rem; border-right-style: solid; border-bottom-style: solid; } .stripeouter .paging-container > div > ul { background: rgb(255, 255, 255); width: 30.67rem; height: 29.6rem; margin-right: 1.5rem; border-right-color: rgb(223, 223, 221); border-bottom-color: rgb(223, 223, 221); border-right-width: 0.1rem; border-bottom-width: 0.1rem; border-right-style: solid; border-bottom-style: solid; } .stripeouter .paging-container > div.stripeheadlinelinklist { width: 32.2rem; } .stripeouter .paging-container > div:last-child.stripeheadlinelinklist { width: 30.7rem; } .stripeouter .paging-container > div.stripeheadlinelinklist .hdlist { height: 3.6rem; } .stripeouter .paging-container > div.stripeheadlinelinklist .hdlist a { padding-top: 0.3rem; } .stripeouter .paging-container > div.stripeheadlinelinklist .hdlist a:focus h4 { text-decoration: underline; } .stripeouter .paging-container > div.stripeheadlinelinklist .hdlist a:hover h4 { text-decoration: underline; } .stripeouter .paging-container > div.stripeheadlinelinklist