/* Slideshow styles copied from IDGE */
/* Also see .slideshow #slides styles in /www.idgcsmb/css/global-layout.css */
#slides .item-carousel {
position: relative;
margin: 0 10px;
z-index: 5; }
@media only screen and (min-width: 48em) {
#slides .item-carousel {
margin: 0 15px 0 10px;
float: left;
width: 50%;
width: -webkit-calc(100% - 340px);
width: -moz-calc(100% - 340px);
width: calc(100% - 340px);
max-width: 580px; } }
#slides .item-carousel.loaded .carousel-items {
width: 2000000px; }
.js #slides .item-carousel.loaded div.excerpt:nth-child(n+2) {
display: block; }
#slides .item-carousel .carousel-inside-crop {
height: auto;
left: 0;
overflow: hidden;
margin: 0;
width: 100%; }
#slides .item-carousel .carousel-items {
width: auto;
height:auto;
position: relative;
clear: both;
overflow: visible;
display: block;
margin: 0 auto;
}
#slides .item-carousel .carousel-items > div {
float:left;
}
#slides .item-carousel div.excerpt {
width: 100%;
clear: none;
margin: 0; }
.no-js #slides .item-carousel div.excerpt {
margin-bottom: 30px; }
.js #slides .item-carousel div.excerpt:nth-child(n+2) {
display: none; }
#slides .item-carousel div.excerpt figure {
width: 100%;
padding-top: 75%;
position: relative; }
#slides .item-carousel div.excerpt figure .img-wrapper {
position: absolute;
top: 0;
width: 100%;
height: 0;
padding: 0 0 75% 0;
}
#slides .item-carousel div.excerpt figure .img-wrapper img {
max-height: 100%;
max-width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin:auto; 
}
#slides .item-carousel div.excerpt figure .img-wrapper img.lazyslide {
display: none; }
.js #slides .item-carousel div.excerpt figure .img-wrapper img.lazyslide {
display: block; }
#slides .item-carousel div.excerpt figure .embed-wrapper {
position: absolute;
top: 0;
margin: 0;
z-index: 15; 
}
#slides .item-carousel div.excerpt figure .embed-wrapper .embed-play {
background-color: transparent;
background-image: url("http://idge.staticworld.net/idgtv/btn-play_default-3.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 35px 37px;
position:absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
z-index:15;
cursor:pointer;
display:none; /* will only show if not YouTube */
}
@media only screen and (min-width: 48em) {
#slides .item-carousel div.excerpt figure .embed-wrapper .embed-play {
background-size: 81px 78px;
}
}
#slides .item-carousel div.excerpt figure .embed-wrapper .embed-container {
padding: 0 0 75% 0; 
}
#slides .item-carousel div.excerpt figure .image-info {
margin-top:5px;
line-height: 1rem;
position: absolute;
padding-top: 75%;
top: 0;
width: 100%;
z-index: 10; 
}
#slides .item-carousel div.excerpt figure .image-info:before, 
#slides .item-carousel div.excerpt figure .image-info:after {
content: " ";
display: table; 
}
#slides .item-carousel div.excerpt figure .image-info:after {
clear: both; 
}
#slides .item-carousel div.excerpt figure .credit {
font-size:12px;
color: #dfdfdf;
margin:5px 0;
text-align:right;
float: right;
max-width: 80%;
}
#slides .item-carousel div.excerpt figure .view-large {
float: left;
background: url("http://idge.staticworld.net/idge/see_larger_image14x14.gif") 0 1px no-repeat transparent;
padding-left: 20px;
font-size: 12px;
}
#slides .item-carousel div.excerpt a:hover {
color:#fff;
}
#slides .item-carousel div.excerpt figure figcaption {
color: #000;
font-style: normal;
font-size: 1rem;
line-height: 1.4;
padding:30px 0 0 0;
margin: 0; 
clear: both; 
}
.no-js #slides .item-carousel div.excerpt figure figcaption {
padding-top: 30px; }
#slides .item-carousel div.excerpt figure figcaption .title {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.6rem;
margin:0.5rem 0;
padding: 0; }
#slides .item-carousel div.excerpt figure figcaption p, #slides .item-carousel div.excerpt figure figcaption ol, #slides .item-carousel div.excerpt figure figcaption ul, #slides .item-carousel div.excerpt figure figcaption dl {
display: block;
margin: 0 0 1rem; }
#slides .item-carousel div.excerpt figure figcaption ol, #slides .item-carousel div.excerpt figure figcaption ul {
padding: 0 0 0 40px; }