/**************************************************
* $File: //p4-wdpro/Projects/Sites/ESPNWWOS/main-minify/web-app/src/public/static/css/slides.css $
*
* $Author: flegp001 $
* $Revision: #1 $
* $Change: 1457315 $
* $Date: 2014/03/31 $
**************************************************/

.parallax {
    background-color: #000;
}

.slides {
    background-color: #FFF;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
}

.ie8 .slides {
    border-top: 2px solid #b0babe;
}

.slides.full-image {
    background-color: #87CCEF;
    height: 500px;
    padding: 0;
}

.slides.full-image.no-parallax {
    background-position: 50% -196px;
}

.ie9 .slides.full-image,
.ie10 .slides.full-image {
    background-attachment: fixed;
    position: static;
}

.t .slides.full-image {
    height: 400px;
}

.m .slides.full-image {
    height: 270px;
}

.slides.full-image .inner-wrapper .scroll-down-button-wrapper {
    /* IE8 transparent background */
    background: transparent\9; /* clear current background for ie */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfFFFFFF, endColorstr=#bfFFFFFF)";
    background-color:rgba(255,255,255,0.50);
    zoom:1;
    display: block;
    height: 18px;
    margin: 0 auto;
    padding: 12px 12px 11px;
    width: 25px;
}

.ie9 .slides.full-image .inner-wrapper .scroll-down-button-wrapper {
    background: none;
}

.slides.full-image .inner-wrapper .scroll-down-button {
    background-position: -239px -15px;
    height: 17px;
    width: 26px;
}

.no-touch .slides.full-image .inner-wrapper .scroll-down-button-wrapper:hover .scroll-down-button {
    background-position: -175px -57px;
}

.slides.full-image .inner-wrapper .scroll-down-button-wrapper:focus {
    outline: 0;
}

.slides.full-image-and-tiles {
    background-color: #8ACDEE;
    background-position: 50% bottom;
    overflow: hidden;
    padding: 0 10px;
}

.t .slides.full-image-and-tiles {
    height: 270px;
}

.m .slides.full-image-and-tiles {
    height: 234px;
}

.slides.full-image-and-tiles .inner-wrapper {
    padding: 100px 0 348px;
    position: relative;
    z-index: 1;
}

.t .slides.full-image-and-tiles .inner-wrapper {
    padding: 30px 0 0;
}

.m .slides.full-image-and-tiles .inner-wrapper {
    padding: 48px 0 0;
}

.slides.content-and-image,
.slides.content-and-images {
    box-shadow: 0 2px 5px #555;
    z-index: 2;
}

.slides.content-and-images.one {
    z-index: 2;
}

.t .slides.content-and-image .inner-wrapper,
.t .slides.content-and-images .inner-wrapper {
    padding-top: 35px;
    padding-bottom: 11px;
}

.t .slides.content-and-image .slides-content-wrapper,
.t .slides.content-and-images .slides-content-wrapper {
    padding-left: 36px;
}

.m .slides.content-and-image .inner-wrapper,
.m .slides.content-and-images .inner-wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
}

.m .slides.content-and-image .slides-content-wrapper,
.m .slides.content-and-images .slides-content-wrapper {
    margin-bottom: 0;
}

.slides .inner-wrapper {
    padding: 76px 0 70px;
}

.slides.full-image .inner-wrapper {
    padding: 0;
}

.slides-content-wrapper,
.slides-media-wrapper {
    float: left;
    padding: 0 20px;
}

.slides-content-wrapper .slides-title {
    color: #454748;
    font-family: "Playoff Pro Serif Regular",serif;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}

.t .slides-content-wrapper .slides-title {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 19px;
}

.m .slides.content-and-image .slides-title,
.m .slides.content-and-images .slides-title {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 19px;
}

.slides-content-wrapper .slides-content {
    line-height: 20px;
    margin-bottom: 13px;
}

.content-and-images .slides-media-wrapper {
    max-width: 394px;
}

.m .content-and-images .slides-media-wrapper {
    margin-top: 14px;
}

.slides.full-image .slides-media-wrapper {
    float: none;
}

.slides.one .slides-media-wrapper,
.slides.three .slides-media-wrapper,
.slides.five .slides-media-wrapper {
    position: relative;
}

.slides.three .slides-media-wrapper {
    top: -20px;
}

.t .slides.one .slides-media-wrapper,
.t .slides.three .slides-media-wrapper {
    top: 46px;
}

.t .slides.one .slides-media-wrapper {
    padding-right: 36px;
    top: 52px;
}

.t .slides.three .slides-media-wrapper {
    top: 46px;
}

.slides.five .slides-media-wrapper {
    top: 0;
}

.t .slides.five .slides-media-wrapper {
    top: 10px;
}

.m .slides-content-wrapper,
.m .slides-media-wrapper {
    float: none;
}

.t .slides-content-wrapper,
.m .slides-content-wrapper {
    margin-bottom: 28px;
}

.t .slides-media-wrapper,
.m .slides-media-wrapper {
    max-width: 352px;
}

.m .slides-media-wrapper {
    margin: 0 auto;
}

.m .slides .slides-media-wrapper {
    top: 0;
}

.m .slides-tiles-wrapper {
    text-align: center;
}

.slides-tiles-wrapper .slides-tile {
    color: #252525;
    font-family: "Playoff Pro Serif Regular",serif;
    font-size: 20px;
    text-align: center;
}

.m .slides-tiles-wrapper .slides-tile {
    color: #454748;
    display: inline-block;
    font-size: 14px;
    width: 66px;
}

.slides-tiles-wrapper .slides-tile img {
    margin: 0 auto 7px;
    height: 125px;
}

.t .slides-tiles-wrapper .slides-tile img {
    margin-bottom: 3px;
    max-height: 112px;
}

.slides-tiles-wrapper .slides-tile .tile-icon {
    display: block;
    margin: 0 auto 4px;
}

.slides-tiles-wrapper .slides-tile .tile-icon.sports {
    background-position: -204px -193px;
    height: 27px;
    width: 20px;
}

.slides-tiles-wrapper .slides-tile .tile-icon.events {
    background-position: -224px -193px;
    height: 25px;
    width: 26px;
}

.slides-tiles-wrapper .slides-tile .tile-icon.complex {
    background-position: -250px -193px;
    height: 24px;
    width: 26px;
}

.slides-tiles-wrapper .slides-tile .tile-icon.social {
    background-position: -276px -193px;
    height: 27px;
    width: 25px;
}

.slides-cta:focus,
.slides-tile:focus,
.slides.full-image .inner-wrapper .scroll-down-button-wrapper:focus {
    outline:thin dotted #000;
}