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

.intro-content {
    clear:both;
    margin-top:70px;
    min-width:320px;
}

.m .intro-content {
    min-width: 0;
}
/*Remove padding to fix GRPT-3121*/
#espnwwos-complex-landing-page.d #space, #espnwwos-complex-landing-page.t #space{
	padding-top: 0;
}
#espnwwos-complex-landing-page.t #main-content, #espnwwos-complex-landing-page.d #main-content {
	opacity: 0;
}

.intro-content .intro-title {
    float:left;
    height:50px;
    padding:0 20px;
    font-family:"Playoff Pro Serif Medium",serif;
    font-size:30px;
    line-height:52px;
    color:#fff;
    background-color:#404040;
    /* IE8 transparent background */
    background: transparent\9; /* clear current background for ie */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000)";
    background-color:rgba(0,0,0,0.75);
    zoom: 1;
}

.ie9 .intro-content .intro-title {
    background: none;
}

.intro-content .intro-subtitle-wrapper {
    background:#beb392;
    /* IE8 transparent background */
    background: transparent\9; /* clear current background for ie */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfa8996e, endColorstr=#bfa8996e)";
    background:rgba(168,153,110,0.75);
    overflow:hidden;
    max-height:50px;
}

.ie9 .intro-content .intro-subtitle-wrapper {
    background: none;
}

.intro-content .intro-subtitle {
    height:50px;
    padding:0 24px;
    font-size:30px;
    font-family:"Playoff Pro Serif Regular",serif;
    line-height:50px;
    color:#fff;
    overflow:hidden;
    zoom: 1;
}

.intro-content .intro-link {
    float:right;
    height:50px;
    padding:0 22px;
    font-size:13px;
    font-family:"InspireTWDC",sans-serif;
    line-height:50px;
    overflow:hidden;
    zoom: 1;
}
.intro-share:focus,
.intro-link a:focus {
    outline: thin dotted #000;
}

.hide-video.hover-opacity-80.m-hide:focus,
div#tabs-events-apply-button a:focus,
.intro-link a:focus {
    outline: thin dotted #fff;
}

.m .intro-content .intro-link {
    padding: 0 20px 0 0;
}

.intro-link a {
    display:inline;
    font-size:12px;
    color:#fff;
    background: transparent url(images/arrow-right-white.png) right 8px no-repeat;
    padding:5px 14px 5px 10px;
}

@-moz-document url-prefix() {
    .intro-link a {
        background-position:right 7px;
    }
}
.intro-content .intro-content.inner-wrapper .intro-desc p {
	max-width: 655px;
}
.intro-content .intro-desc-wrapper {
    float:none;
    clear:both;
    background:#f6f6f6;
    /* IE8 transparent background */
    background: transparent\9; /* clear current background for ie */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF, endColorstr=#D8FFFFFF)";
    background:rgba(245,245,245,0.85);
}

.intro-content .desc-side-link .intro-desc-wrapper {
    position: relative;
}

.ie9 .intro-content .intro-desc-wrapper {
    background: none;
}

.intro-content .intro-desc {
    padding:34px 26px 33px;
    -webkit-box-shadow:0 3px 3px #555;
    -moz-box-shadow:0 3px 3px #555;
    box-shadow:0 3px 3px #555;
    line-height: 25px;
    font-size:18px;
    font-family:"Playoff Pro Sans Light",sans-serif;
}

.m .intro-content .intro-youtube-icon {
    display: inline-block;
    float: left;
    width: 19px;
    height: 15px;
    margin: 5px 18px 0 0;
    cursor: pointer;
    background-position: -330px -172px;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.m .intro-content .intro-youtube-icon.planning { /*Youtube icon shouldn't be in planing-tool tab */
	display: none;
}

.m .intro-content .intro-heart-icon {
    background-position: -430px -71px;
    margin-top: 5px;

}
.intro-content .intro-heart-icon {
    display: none;
    float: left;
    width: 20px;
    height: 16px;
    margin: 1px 18px 0 0;
    cursor: pointer;
    background-position: -234px -38px;
}

.d .intro-content .intro-heart-icon:hover {
	opacity: 1;
    filter: alpha(opacity=100);
}
.intro-content .intro-share {
    cursor: pointer;
    float: left;
    position: relative;
}

.intro-content .intro-share a {
    color: #464646;
}

.intro-content .intro-share-menu {
    position: absolute;
    width: 125px;
    height: 96px;
    top: -110px;
    right: 40px;
    background-color: white;
    box-shadow: 2px 2px 2px #b2b2b2;
    -moz-box-shadow: 2px 2px 2px #b2b2b2;
    -webkit-box-shadow: 2px 2px 2px #b2b2b2;
    z-index: 5;
    display: none;
}

.intro-content .intro-share-fb .fb-text,
.intro-content .intro-share-twitter .twitter-text,
.intro-content .intro-share-email .email-text {
    float: left;
    font-size: 12px;
    color: #464646;
}

.intro-content .intro-share-fb {
    width: 100%;
    padding: 9px 0 0 12px;
}

.intro-content .intro-share-fb .fb-logo {
    width: 21px;
    height: 21px;
    float: left;
    background-position: -170px -15px;
}

.intro-content .intro-share-fb .fb-text {
    width: 96px;
    padding: 2px 0 0 8px;
}

.intro-content .intro-share-twitter,
.intro-content .intro-share-email {
    width: 100%;
    margin-top: 31px;
    padding-left: 12px;
}

.intro-content .intro-share-email {
    margin-top: 60px;
}

.intro-content .intro-share-twitter .twitter-logo {
    width: 25px;
    height: 21px;
    float: left;
    background-position: -191px -15px;
}

.intro-content .intro-share-twitter .twitter-text {
    width: 95px;
    padding: 2px 0 0 5px;
}

.intro-content .intro-share-email .email-text {
    width: 94px;
    padding: 2px 0 0 8px;
}

.intro-content .intro-share-email .email-logo {
    width: 23px;
    height: 17px;
    float: left;
    background-position: -216px -15px;
}

.intro-content .intro-share-whitearrow {
    position: absolute;
    width: 14px;
    height: 12px;
    background-position: -187px -38px;
    top: 96px;
    right: 6px;
    z-index: 5;
}

.m .intro-share {
    margin-top: 2px;
}
.m .intro-content .intro-share-icon {
    background-position: -411px -72px;
    margin-top: 2px;
}
.intro-content .intro-share-icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    background-position: -254px -38px;
}
.d .intro-content .intro-share-content,
.d .intro-content .intro-share-icon,
.d .intro-content .intro-heart-icon {
	opacity: 0.75;
    filter: alpha(opacity=75);
}
.d .intro-content .intro-share:hover > .intro-share-content,.intro-share-icon{
	opacity: 1 !important;
    filter: alpha(opacity=100)!important;
    color: #003252;
}

.intro-content.two-thirds-wide .intro-desc {
    padding-right: 367px;
}

.intro-content .subtitle-link .intro-subtitle {
    float: left;
}

.intro-content .subtitle-link .intro-link a {
    color: #fff;
}

.m .intro-content .subtitle-link .intro-link a {
    padding-left: 0;
    padding-right: 10px;
}

.intro-content .single-line-share .intro-desc-wrapper {
    background: #005583;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

.intro-content.single-line-share .intro-desc {
    padding: 17px 125px 18px 20px;
    font-family: "InspireTWDC",sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: white;
    box-shadow: none;
}

.intro-content.single-line-share .intro-desc .subtitle {
    font-size: 12px;
}

.intro-content .single-line-share .intro-desc-side {
    float: right;
    margin: -40px 22px 0 0;
    font-family: "Playoff Pro Cond Bold",sans-serif;
    font-size: 12px;
    color: #003252;
}

.intro-content .intro-text {
    background-color:#fff;
    padding:34px 20px 15px 20px;
}

.intro-content.desc-side-link .pen-icon {
    float: left;
    width: 18px;
    height: 17px;
    background-position: 0px -192px;
    margin-right: 5px;
}

.intro-content.desc-side-link .intro-desc-side > div:hover .pen-icon {
    background-position: 0px -171px;
}

.intro-content.desc-side-link .intro-desc-side {
    margin: 0px 25px 0 0;
    padding: 0 0 20px 25px;
    font-family: "Playoff Pro Sans Regular", sans-serif;
    font-size: 14px;
    border-left: 1px #000 solid;
    position: absolute;
    right: -2px;
    top: 33px;
}
.intro-content.desc-side-link .intro-desc-side a:focus{
    color: #C00;
}
.m .intro-content.desc-side-link .intro-desc-side {
    position: relative;
    float: right;
    top: 0;
    right: 0;
}

.m .intro-content.desc-side-link .intro-desc-side {
    border-left: none;
    float: none;
    margin: 0;
    padding: 0 20px 18px;
}

.intro-content.desc-side-link .intro-desc-side > a {
    color: #000000;
    text-decoration: none;
}

.intro-content.desc-side-link .intro-desc-side > a > div {
    padding-bottom: 5px;
}

.intro-content.desc-side-link .intro-desc-side > a > div:hover {
    color: #cc0000;
}

.intro-content.desc-side-link .intro-desc-side > a > div:hover .ad-arrow{
    background-position: -83px -27px;
}

.intro-content.desc-side-link .intro-side-link-email {
    float: right;
}

.m .intro-content.desc-side-link .intro-side-link-email {
    display: none;
}

.intro-content .sport-icon {
    margin-right: 2px;
    float: left;
    position: relative;
    top: -4px;
}

.intro-title a {
    color:#fff;
    text-decoration:none;
}
.intro-title a:focus {
    outline: thin dotted #fff;
}

/* mobile */
.m .intro-content .intro-title {
    font-family: "Playoff Pro Serif Regular",serif;
    font-size: 24px;
    height: auto;
    line-height: 45px;
    padding: 0 18px;
}

/* mobile & tablet */
.t .intro-content .intro-subtitle {
    font-size: 24px;
    padding: 0 22px;
}

.m .intro-content .intro-subtitle {
    height:auto;
    line-height: 30px;
    padding: 13px 20px 0;
    color:#a8996e;
    font-size:24px;
}

.m .intro-content.single-line-share .intro-subtitle {
    padding: 15px 20px 10px;
}

.m .intro-content.single-line-share.complex .intro-subtitle {
    padding: 7px 20px 8px;
    text-transform: none;
}

.m .intro-content .intro-subtitle-wrapper {
    max-height:none;
    clear: both;
    background: #f6f6f6;
    background: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF, endColorstr=#D8FFFFFF)";
    background: rgba(245,245,245,0.85);
    text-transform: uppercase;
}

.m .intro-content .intro-desc {
    box-shadow: none;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 20px 24px;
    min-width: 0;
}

.m .intro-content.complex .intro-desc,
.t .intro-content.complex .intro-desc {
    font-size: 16px;
}

.t .intro-content.complex .intro-desc {
    padding: 9px 20px 11px;
}

.m .intro-content.complex .intro-desc {
    padding: 10px 20px 15px;
}

.m .intro-content.desc-side-link .intro-desc {
    padding: 2px 20px 15px;
}

.t .intro-content.two-thirds-wide .intro-desc {
    min-width:265px;
}

.m .intro-content .intro-link {
    float:none;
    height: 23px;
    line-height: 23px;
    position:relative;
    top:22px;
    background: #beb392;
    background: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfa8996e, endColorstr=#bfa8996e)";
    background: rgba(168,153,110,0.75);
    text-align:right;
}

.intro-content.desc-side-link .intro-desc-side a {
    color: #363636;
    text-decoration: none;
}

.intro-content.desc-side-link .intro-desc-side a:link,
.intro-content.desc-side-link .intro-desc-side a:visited, {
    color: #363636;
}

.intro-content.desc-side-link .intro-desc-side > div:hover,
.intro-content.desc-side-link .intro-desc-side > div:hover a {
    color: #C00;
}

.intro-content.desc-side-link .intro-desc-side > div:hover .ad-arrow {
    background-position: -83px -27px;
}

.intro-content.desc-side-link .intro-desc-side > div:hover .sport-icon {
	color: #C00;
}

.collapsible-list .collapsible-wrapper .collapsible-content-toggle:focus,
.collapsible-list .collapsible-wrapper .collapsible-content a:focus,
.tab-contents .content .year-results-title a:focus,
.mediaEngineContainer a.nextButton:focus,
.mediaEngineContainer a.previousButton:focus,
.me-theme-light .mediaEngineContainer .nextButton a:focus,
.me-theme-light .mediaEngineContainer.touch .nextButton.disabled:focus a,
.me-theme-light .mediaEngineContainer .previousButton a:focus,
.me-theme-light .mediaEngineContainer.touch .previousButton.disabled:focus a {
    outline:thin dotted #000;
}