@charset "utf-8";
/* CSS Document 
	trib-custom.css
	Updated 09/11/17 sports podcasts tweaks, colors
	Updated 08/07/18 -- ins
*/


/* icon of second position in 5-pack */
html body.a-e div#wrap main div.container div.row div.col-md-8 div.row div.col-md-12.col-sm-12.col-xs-12.sm-push-down div.four-pack.sports div.showcase.packed.packed-1 a div.headline h2.focus div.fa.fa-video-camera {color: #970056 !important;}

html body.lifestyles div#wrap main div.container div.row div.col-md-8 div.row div.col-md-12.col-sm-12.col-xs-12.sm-push-down div.four-pack.sports div.showcase.packed.packed-1 a div.headline h2.focus div.fa.fa-video-camera {color: #6e9639 !important;} 

/*breaking news*/
div#wrap main div.container div.row div.col-xs-12 a div.alert-danger {padding: 5px 9px 4px; }

div#wrap main div.container div.row div.col-xs-12 a div.alert-danger h5.focus {background-image:url(../../images/icons/other/breaking.png); padding-left:5em; padding-top:4px; padding-bottom:1px; background-repeat:no-repeat; min-height:32px;}


/*.sharethis .st.st_facebook_custom {display:none;}*/

body article .factbox a {text-decoration: underline;}
body article .related {color: #000000;}

body article p {margin-bottom:10px;}

/*Stats timezone*/
.shsTimezone { display: none; }
.shsESTZone { display: block; }

/*Aligns photos to top/center, sted center/center*/
.photo .hover {	background-position: top center;}

/*Search box*/
.ui-menu-item {color: #000000;}
.ui-widget-content a {color: #000000; width: 100px; background-color: #FFFFFF; padding: 1px 1px; z-index: 4;}
.ui-autocomplete {width: 240px !important; padding: 2px 2px;}
.ui-autocomplete li {color: #000000;}

/*Alerts*/
.alert-danger {background-color: #990000; border-color: #ebcccc; color: #FFFFFF;}

/*Gallery*/
.slider.slideshow .main.slides .slide img {max-height: 475px !important;}
/*centers images*/
.slider.slideshow .main.slides .slide .slide-inner {float: none !important;}
/* video icon in showcase */
.showcase .fa-video-camera {display: inline;}

.fa-print:before {content:"\f02f";}
.fa-minus-square-o:before {content:"\f068";}     
.fa-plus-square-o:before {content:"\f067";}
.fa-phone:before {content:"\f095";}
.fa-fax:before {content:"\f1ac";}
.fa-comment:before {content:"\f075";}

/* Fixes headshots resize 
a.headshot div.columnist .author .headshot {width:35px !important; height:53px !important;}
.columnist {background-position: inherit !important;}
div.columnist {height: 53px !important;}*/

/* Fixes footer */
footer .social .fa:hover, footer .social .fa:focus, footer .social .fa:active {
    text-decoration: none;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
/*Tag Show or Not*/
/*.four-pack .showcase .tag{bottom: 0; top:initial;}*/
a .photo .tag {bottom: 0; top:initial;}
.showcase a .photo .tag{bottom: 0; top:initial;}


/********************/
/*****HS SPORTS *****/
/********************/
.panel {
    border: medium none !important;
    box-shadow: none;
    margin-bottom: 16px;
}
.panel .panel-heading {
    display: block;
    font-family: "Stainless Cond";
    font-size: 1.25em;
    font-style: normal;
    font-weight: bold;
    position: relative;
    transition: background 0.3s ease 0s;
}
.panel .panel-heading::after {
    color: rgb(255, 255, 255);
    content: "";
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    right: 8px;
    text-rendering: auto;
    top: 11px;
    transition: color 0.3s ease 0s;
    z-index: 2;
}
.panel .panel-heading.collapsed {
    background: rgb(236, 236, 236) none repeat scroll 0 0;
    color: rgb(57, 57, 57);
}
.panel .panel-heading.collapsed::after {
    color: rgb(114, 114, 114);
    content: "";
}
.panel .panel-heading.collapsed:hover::after {
    color: rgb(255, 255, 255);
}
.panel .panel-body {
    border-top: medium none !important;
    font-size: 0.875em;
}
.panel .panel-body::before, .panel .panel-body::after {
    content: " ";
    display: table;
}
.panel .panel-body::after {
    clear: both;
}
.panel .panel-body::before, .panel .panel-body::after {
    content: " ";
    display: table;
}
.panel .panel-body::after {
    clear: both;
}
.panel .panel-body .column {
    float: left;
    padding-right: 23px;
}
.panel .panel-body .columns::before, .panel .panel-body .columns::after {
    content: " ";
    display: table;
}
.panel .panel-body .columns::after {
    clear: both;
}
.panel .panel-body .columns::before, .panel .panel-body .columns::after {
    content: " ";
    display: table;
}
.panel .panel-body .columns::after {
    clear: both;
}
.panel .panel-body .columns:last-child {
    padding-right: 0;
}
.panel .panel-body .button.small {
    font-size: 0.7857em;
    margin-bottom: -6px;
    margin-right: -14px;
}
.panel .panel-body a::after {
    content: "\a ";
    white-space: pre;
}
.panel-group {
    margin-bottom: 10px;
}
.panel-group .panel, .panel-group .panelesque {
    margin-bottom: 6px;
}
.panelesque {
    background: rgb(236, 236, 236) none repeat scroll 0 0;
    color: rgb(57, 57, 57);
    display: block;
    font-family: "Stainless Cond";
    font-size: 1.25em;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 16px;
    padding: 6px 8px 6px 14px;
    position: relative;
    transition: background 0.3s ease 0s;
}
.panelesque::after {
    color: rgb(114, 114, 114);
    content: "";
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    opacity: 0.85;
    position: absolute;
    right: 7px;
    text-rendering: auto;
    top: 10px;
    transition: opacity 0.3s ease 0s, color 0.3s ease 0s;
    z-index: 2;
}
.panelesque:hover::after {
    color: rgb(255, 255, 255);
    opacity: 1;
}

/********************/
/** HS SPORTS END **/
/******************/


/* Bar Graphs */
.graph {
	width: 250px;
	position: relative;
	right: 30px;
	}
.bar-title {
	position: relative;
	float: left;
	width: 104px;
	line-height: 20px;
	margin-right: 17px;
	font-weight: bold;
	text-align: right;
	}
.bar-container {
	position: relative;
	float: left;
	width: 110px;
	height: 10px;
	margin: 0px 0px 15px;
	}
.bar-container div {
	background-color:#cc4400;
	height: 20px;
	}
.bar-container strong {
	position: absolute;
	right: -32px;
	top: 0px;
	overflow: hidden;
	}
#poll-results p {
  text-align: center;
	}
.civicscience.ballotbox .header {
    background: #b32025 none repeat scroll 0 0;
    border-bottom: 3px solid #727272;
    color: #fff;
    font-family: "Stainless Cond Bd";
    font-size: 18px;
    font-weight: normal;
    padding: 4px 10px;
	}
.section .pad-inside {
    padding-bottom: 12px;
}	
.dates .date {
	margin: 3px 2.6px;
	/*padding: 8px 0.667em;*/
	}
/*div.event-listings-x.pad-inside div#ttmEventWidgetLoad.event-holder-x div.preview.event a span{
    display: inline;
    margin-top: -3px;
    position: absolute;
	}*/
	
	/*AdBlade Overrides*/
div.adblade-dyna.zone-10037.container-18422.ad_type_1 div.zone ul li.ad-type-1 div.ad div.text a.description {
    font-family: "Stainless Lt" !important;
	}
html body.local div#wrap main div.container div.row.md-push-down.sm-push-down div.col-md-8.col-xs-12 div.row.push-down div.col-md-12.col-sm-12.col-xs-12 div.adblade-dyna.zone-10037.container-18422.ad_type_1	{
    font-family: "Stainless Lt" !important;
	}
html body.local div#wrap main div.container div.row.md-push-down.sm-push-down div.col-md-8.col-xs-12 div.row.push-down div.col-md-12.col-sm-12.col-xs-12 div.adblade-dyna.zone-10037.container-18422.ad_type_1 div.zone ul li.ad-type-1 div.ad div.text a.displayname {
    font-family: "Stainless Lt" !important;
	}
div.adblade-dyna.zone-10037.container-18422.ad_type_1 div.zone div.adbladetitle {
    font-family: "Stainless Lt" !important;
	}

	/***Old Remove -After- Testing Removal***/
div.adblade-dyna.zone-10037 .zone .adbladetitle, .adblade-dyna.container-18422.zone-10037 .zone .ad a.description, .adblade-dyna.container-18422.zone-10037 .zone .ad a.displayname {
    font-family: "Stainless Lt" !important;
	}
div.adblade-dyna.zone-10037 .zone .adbladetitle, .adblade-dyna.container-18422.zone-10037 .zone .ad a.description, .adblade-dyna.container-18422.zone-10037 .zone .ad a.displayname {
    font-family: "Stainless Lt" !important;
	}
	
	
/*****top top nav global change*******/
header .head-top a {
    color: #393939 !important;
    float: left;
    font-size: 0.72em;
    padding: 11px 6px 10px;
    text-transform: uppercase;
	}
/*****AD CODE BITS*******/
.ad {
    border-top: none;
    margin-bottom: 12px;
    padding-top: 10px;
	}

/* padding for ads */
div.double-ads {height:110px;}
/****** 300x250 ad centering ******/
.media {text-align:center;}
img.img_ad {text-align:center;}
div#google_image_div a#aw0 img.img_ad {text-align:center;}
div.ad-with-text {text-align:center; margin-top:10px;}
/****** 300x250 ad centering ******/


/*****Share This Tweeks*****/
@media (min-width:992px){
.sharethis{opacity:0.4;}
.sharethis:hover {opacity:1;}
}

/*AP Sports Widget Button Color (Master CSS)*/	
	/* Contextual button background color, border color */
html body.sports div#wrap main .table-widget-wrapper .nav-wrapper button {
    background: #b32025;                             
    border-color: #d7a9ab;                      
}
/* Contextual button hover background color */
html body.sports div#wrap main .table-widget-wrapper .nav-wrapper button:hover {
    background: #94181c;                             
}

div#ap_widget_container_d5ce5eacb04b85136b6f21d401c784e5 div#5873f233acfec.ap_widget.ap_widget-Auto_Racing_Schedule.table-widget-wrapper.verticle.schedule-table div#ap-new-widgets div.content-wrapper div.content-block div.inner-frame div.nav-wrapper a button {
	background: #b32025;                             
    border-color: #d7a9ab;                      
}
div#ap_widget_container_d5ce5eacb04b85136b6f21d401c784e5 div#5873f233acfec.ap_widget.ap_widget-Auto_Racing_Schedule.table-widget-wrapper.verticle.schedule-table div#ap-new-widgets div.content-wrapper div.content-block div.inner-frame div.nav-wrapper a button:hover {
    background: #94181c;                             
}
/*AP end*/

/*******************************/
/******** CUSTOM CSS ***********/
/**** ALTERNATE CAROUSEL *******/
/*******************************/
.four-pack .showcase.packed-5 {width: 100%;}
.four-pack .showcase.packed-6 {width: 33.33%; float: left; padding-right: 7px;}
/*.alt-6 {width:33.33%; padding-right: 0px;}*/
/*********************************************************************************************************************/
/** These two classes below - change the last photo in the holy cow carousel so that it is squared off like others. **/
/*********************************************************************************************************************/
html body.news div#wrap main div.container div.row div.col-xs-12 div.four-pack div.showcase.packed.packed-6.alt-6.section.hex-news
{width:33.33%; padding-right: 0px;}
html body.news div#wrap main div.container div.row div.col-xs-12 div.four-pack div.showcase.packed.packed-6.alt-6.section.hex-news a div.photo{padding-bottom: 55.2%;}
/*********/
.four-pack .showcase.packed-7 {width: 33.33%; float: left; padding-right: 0px;}
.four-pack .showcase.packed-8 {width: 74%; float: left; padding-right: 15px;}
.four-pack .showcase.packed-9 {width: 25%; float: left; padding-right: 0px;}

/*html body.news div#wrap main div.container div.row div.col-xs-12 div.four-pack div.showcase.packed.packed-6.alt-6.section.hex-news
{width:33.33%; padding-right: 0px;}
html body.news div#wrap main div.container div.row div.col-xs-12 div.four-pack div.showcase.packed.packed-6.alt-6.section.hex-news a div.photo{padding-bottom: 55.2%;}*/

h1.ultraheader { font-size:500% !important;}
/*fixing the right maring issue on large sports carousel*/
.four-pack.sports div.showcase.packed.packed-2.packed-b {margin-left:6px; margin-right: 0;}
.four-pack.sports div.showcase.packed.packed-2.packed-b.playable  {margin-left:6px; margin-right: 0;}
/*end*/
@media (max-width:720px){
	.four-pack .showcase.packed-6 {
    float: left;
    padding-right: 7px;
    width: 100%;
	}
	
	.four-pack .showcase.packed-7 {
    float: left;
    padding-right: 0px;
    width: 100%;
	}
	.four-pack .showcase.packed-8 {
    float: none; 
    padding-right: 0px;
    width: 100%;
	}
	.four-pack .showcase.packed-9 {
    float: left;
    padding-right: 7px;
    width: 100%;
	}
	h1.ultraheader { font-size:380% !important;}
	/*********************************************************************************************************************/
	/** These few classes below - change the last photo in the holy-cow carousel so that it is squared off like others. **/
	/*********************************************************************************************************************/
	html body.news div#wrap main div.container div.row div.col-xs-12 div.four-pack div.showcase.packed.packed-6.alt-6.section.hex-news
		{width:100%; padding-right: 0px;}
	.four-pack .showcase.packed-6 {width: 100%; float: left; padding-right: 0px;}
	html body.news div#wrap main div.container div.row div.col-xs-12 div.four-pack div.showcase.packed.packed-6.alt-6.section.hex-news a div.photo
		{padding-bottom: 56.25%;}
	
	/*fixing the right maring issue on large sports carousel-not working as expected on tablet*/
	.four-pack.sports div.showcase.packed.packed-2.packed-b {margin-left:0px; margin-right: 0;}
	.four-pack.sports div.showcase.packed.packed-2.packed-b.playable  {margin-left:0px; margin-right: 0;}
	/*end*/		
	/********************************************/
	/********************************************/
	/********************************************/	
	}
@media (max-width:490px){
	h1.ultraheader { font-size:200% !important; margin-left:6px;}
	
	.four-pack .showcase.packed-8 {
    float: none; 
    padding-right: 0px;
    width: 100%;
	}
	}
	
	@media (max-width:300px){
		h1.ultraheader { font-size:110% !important; margin-left:6px;}
		html body.news main div.container div.row div.col-xs-12 div.trending div.preview.trendy-1 a div.alert.text-right.col-lg-2.col-md-2.col-sm-3.col-xs-12 h2 {
			font-size:175% !important;
			}
		html body.news main div.container div.row div.col-xs-12 div.trending div.preview.trendy-1 a div.alert.text-right.col-lg-2.col-md-2.col-sm-3.col-xs-12 {
			font-size-adjust:80% !important;
			}
		/*breaking news on mobile size*/		
		div#wrap main div.container div.row div.col-xs-12 a div.alert-danger h5.focus {
			background-image:url(../../images/icons/other/breaking.png); padding-left:5em; padding-top:1px; padding-bottom:4px; background-repeat:no-repeat; min-height:32px;
			}
	}
	
	html body.news main div.container div.row div.col-xs-12 div.four-pack div.showcase.packed.packed-8.section.hex-news a div.photo {padding-bottom:75%;}

	.bg-success {
    background-color: #5cb85c;
	}
	.bg-danger {
    background-color: #f2dede;
	}
	

	/*****************************************/
	/********* Steelers Guide Alert **********/
	/*****************************************/
   
	div#wrap main div.container div.row div.col-xs-12 a div.alert-steelers h5.focus::after {
					content: "";
					background-image:url(../../images/icons/other/guide_73X24.png);
					background-repeat: no-repeat;
					display:inline;
					height:32px;
					min-height: 30px;
					padding-bottom: 12px;
					padding-left: 90px;
					margin-left:6px;
					}
	html body.sports div#wrap main div.container div.row div.col-xs-12 a div.alert-steelers h5.focus  {
					padding: 5px;
					}
	div#wrap main div.container div.row div.col-xs-12 a div.alert-steelers {
					padding: 2px 4px;
					}
	.alert-steelers {
					background-color: #ffb612;
					border-color: #ffd512;
					color: #000000 !important;
					}
		@media (max-width:320px){
		div#wrap main div.container div.row div.col-xs-12 a div.alert-steelers h5.focus::after {
					padding-left: 80px;
					}
		div.row div.col-xs-12 a div.alert-steelers h5 {
					font-size:100% !important;
					font-stretch: semi-condensed;
					}
		}
	/*****************************************/
	/******* Steelers Guide Alert END ********/
	/*****************************************/

	/********************************/
	/******* Sports Podcasts ********/
	/********************************/
		#ttmpodcast h3{
			font-size:1.5em;
			padding: 1px;
			margin: 3px 0px 3px;
		}
		.duration	{
			font-size: 11px;
			/*color:dodgerblue;*/
			margin:2px 0px;
		}
		#ttmpodcast ul li p {
			color:#707070;
			line-height: 1.23;
		}
		#podcastsWrapper div#ttmpodcast ul li{
			list-style-type:none;
		}
	/********************************/
	/******* Sports Podcasts ********/
	/********************************/