/*
 _________   |  Designed and built by:
|  _   _  |  |  University of Tennessee Athletics Dept., Internet Communications
|_/ | | \_|  |    __  ___________   ___    _____  _______________  _  ____________
    | |      |   / / / /_  __/ _ | / _ \  /  _/ |/ /_  __/ __/ _ \/ |/ / __/_  __/
   _| |_     |  / /_/ / / / / __ |/ // / _/ //    / / / / _// , _/    / _/  / /
  |_____|    |  \____/ /_/ /_/ |_/____/ /___/_/|_/ /_/ /___/_/|_/_/|_/___/ /_/
             |

== Christopher Echols, Director
== Drew Edwards, Assoc. Director
== Mark Naylor, Asst. Director

Copyright © 2015-Present, University of Tennessee Athletics
All Rights Reserved
*/

/* FONT AWESOME */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
/* SMOKEY SELECT FONT */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* ------------------------------------------------------------------------------------- */
/* SIDEARM OVERRIDES */
/* ------------------------------------------------------------------------------------- */

	body																	{color:#53565A;}

	/* HIDE MID-ROSTER AND MID-SCHEDULE ADS */
	#schedule-games #vue-content-ad, #roster-players #vue-content-ad {
		display: none;
	}

	/* CONTENT LAYOUT */
	.main-content-placeholder							{padding:0;padding-top:100px;}
	.header-container,
		.main-header,
		.main-navigation,
		.main-header.headroom--not-top
		.sport-navigation,
		#slide															{max-width:1440px;}
	#topStories,
		.indexLeft,
		.article-wrapper.news
			.story-container .story-left,
		html:not(.wide)
			.article-wrapper.sportfile
			.story-container .story-left			{flex:0 1 1086px;-webkit-flex:0 1 1086px;}
	html.storypage
		.main-content-placeholder
		.main-content-placeholder-inside
		.main-content-placeholder-inside-column	{display:block;}
	.sport .main-content-placeholder			{padding-top:160px;}
	.sport-navigation											{box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);}

	/* MAIN NAVIGATION */
	.main-navigation											{background:#FF8200;}
	.c-navigation .c-nav__level-1 > li		{font-size:16px;font-weight:400;font-family:'Montserrat', sans-serif;text-transform:uppercase;padding:0;padding-right:20px;}
	.c-navigation .c-nav__level-2 ul > li	{padding:8px 16px;}
	.c-navigation
		.c-nav__level-2 ul > li > a					{font-size:14px;}
	.c-navigation
		.c-nav__level-2 ul > li > a:first-child span	{font-size:16px;}

	/* ALERTS */
	.sidearm-alerts__title {
		font-weight: bold;
		font-size: 16px;
	}

	/* MOBILE NAVIGATION */
	.off-canvas-menu > ul > li > a				{font-family:'Montserrat', sans-serif;text-transform:uppercase;}

	/* INDEX BODY */
	#topStories
		.c-stories
		.c-stories__item										{background:#333;}
	#topStories
		.c-stories
		.c-stories__details									{color:#EEE;}
	#topStories
		.c-stories
		.c-stories__item
		.c-stories__media										{padding-bottom:56.3%;}
	#topStories
		.c-stories .c-stories__url					{font-size:2.8em;line-height:1em;}
	#topStories
		.c-stories .c-stories__item
		.c-stories__media picture > img			{width:100%;}
	#topStories
		.c-stories .c-stories__item
		.c-stories__media:after							{opacity:0.85;}
	#recentHeadlines > header							{height:80px;border-bottom:1px solid #888;}
	#recentHeadlines											{background:rgba(0,0,0, 0.75);}
	#recentHeadlines .c-stories__item			{border-bottom:1px solid #888;}
	#recentHeadlines
		.c-stories__item
		.c-stories__date										{font-size:0.9em;color:#888;}
	#recentHeadlines
		.story-container-outer:after				{display:none;}
	#recentHeadlines
		.c-stories__item:last-child					{margin-bottom:0;}
	#recentHeadlines
		.c-stories__item:hover							{background:#252525;}
	#recentHeadlines
		.c-stories__item
		.c-stories__url:hover,
		#recentHeadlines > header h2				{color:#EEE;}
	#recentHeadlines > header h2,
		#calendar > header h2,
		#store > header h2,
		#social > header h2,
		#trending > header h2,
		#mobileRecent > header h2,
		.article-wrapper.news
			.related > header h2,
		.article-wrapper.news
			.stories-topstories > header h2		{font-family:'Montserrat', sans-serif;text-transform:uppercase;}
	#recentHeadlines
		.story-container-outer							{top:80px;height:calc(100% - 80px);}
	#moreHeadlines
		.c-stories__item .c-stories__teaser	{display:block;margin-bottom:16px;font-style:italic;}
	.slick-slide img											{width:100%;}

	/* RIGHT RAIL */
	.indexRight														{background:rgba(255, 255, 255, 0.4);}
	#store .shop-container .item					{padding-bottom:48px;}
	.ad-space															{padding:16px;}

	/* FOOTER */
	.main-footer													{background:url(//utennessee.sidearmsports.com/images/bg.jpg) no-repeat center -1000px;}
	.main-footer .row											{height:auto;padding:24px;}
	.main-footer .info										{margin:0;padding:0;font-size:14px;font-weight:400;color:#888;}
	.main-footer .info:before							{display:none;}
	.main-footer .info a									{color:#CCC;}
	.sponsors															{background:rgba(0,0,0,0.5);padding:24px 12px;border-bottom:none;}
	.dfp-ad																{margin:8px auto;}

	/* RELEASE PAGES */
	.article-image picture > img					{width:100%;}
	.story-content p 											{margin:0 0 1.4em;line-height:150%;font-size:16px;font-weight:400;font-family:'Roboto', sans-serif;color:#53565A;}
	.story-content strong, b							{font-weight:700;color:#373A36;}
	.story-content pre										{display:none;}
	.article-wrapper.news
		.story-container
		.story-left
		.article-content > header,
	.article-wrapper.news
		.story-container
		.story-left
		.article-content
		.story-content											{padding:32px 24px;}
	.article-wrapper.news
		.stories-topstories
		.topstories-container
		.item .details .date,
	.article-wrapper.news
		.stories-topstories
		.topstories-container
		.item .details .sport								{color:#888;}
	.article-wrapper.news
		.story-container
		.story-left
		.article-content
		.article-links ul										{float:left;width:100%;margin-bottom:24px;padding:16px 24px;border-bottom:1px solid #F2F2F2;}
	.article-wrapper.news
		.story-container
		.story-left
		.article-content
		.article-date												{color:#888;}

	/* SPORT PAGES */
	/* Hide text links for print/email on sport pages only */
	div.story-left > div.noprint 					{display: none;}
	.sport-navigation
		.sport-nav
		.level-1 > li.sport-home a,
	.sport-navigation
		.sports-mobile-navigation-container
		.sports-mobile-navigation-home a		{font-family:'Montserrat', sans-serif;text-transform:uppercase;}
	.article-content h4										{font-weight:400;font-style:italic;color:#888;}
	.sportfile
		.story-container > .story-left			{width:100%;}


	/* BOX SCORE */
	/* Hide play-by-play for SOFTBALL box scores only */
	html.softball
		.box-score
		#play-by-play 											{display:none !important;}
	html.softball
		.box-score
		.ui-tabs-nav li:nth-child(2) 				{display:none;}
	article.softball
		section#play-by-play								{display:none;}

	/* FACILITIES */
	.sidearm-facilities h4								{font-weight:400;font-style:italic;color:#888;}

	/* LIVE EVENT ALERT */
	html.has-events
		.main-content-placeholder 					{padding-top:150px;}
	html.has-events.sport
		.main-content-placeholder						{padding-top:210px;}
	.has-events .live-events							{margin-bottom:0;background:#32AD3B;}
	.live-events .livenow									{color:#FFF;}
	.ringring															{border:3px solid #FFF;}
	.live-events .item a									{color:#FFF;}

	/* TABLES */
	.sidearm-table
		thead.sidearm-primary th						{background:none;color:#333;font-style:normal;}

	/* FORMS */
	.sidearm-form-field-label {
		font-size: 1rem !important;
	}

	/* CONTENT-SPECIFIC BREAKPOINTS */
	@media (max-width: 1149px) {
		.c-stories__moreinfo .moreInfo			{border-left:1px solid #888;}
	}
	@media (max-width: 1100px) {
		.main-content-placeholder						{padding-top:60px;}
		.sport .main-content-placeholder		{padding-top:120px;}
		html.has-events
			.main-content-placeholder					{padding-top:110px;}
		html.has-events.sport
			.main-content-placeholder					{padding-top:170px;}
	}
	@media (max-width: 680px) {
		#topStories
			.c-stories .c-stories__url				{font-size:2em;line-height:1em;}
		#trending
			.trending-container .item					{display:block;}
	}
	@media (max-width: 570px) {
		#topStories
			.c-stories
			.c-stories__title.small						{border-bottom:1px solid #888;}
		#topStories
			.c-stories
			.c-stories__title.small a					{color:#FFF;}
	}
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */


/* LINKS */
/* a, a:link																{color:#FF8200;} */
/* a:visited 															{color:#FF8200;} */
a:hover 																{color:#6d736b;}
a.accent 																{display:inline;text-decoration:none;}
a.accent:before													{padding-right:4px;font-family:"FontAwesome";content:"\f138";color:#FF8200;}
a.accent:after													{content:"\a";white-space:pre;}
a.accent:hover 													{text-decoration:none;}
a.unaccent  														{font-size:.9em;font-weight:300 !important;color:#53565A;}
p > a.accent:nth-last-child(1) 					{margin-bottom:16px;}
a.orange-button-link {
    background: #ff8200;
    padding: 15px 20px;
    margin-top: 5px;
    display: inline-block;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
a:hover.orange-button-link {
	opacity:0.9;
    text-decoration: underline;
}


/* COMMON ELEMENTS */

	/* RELATED LINKS */
	.utsp-links 													{width:100%;margin:16px 0;padding:16px 0;clear:both;border-top:1px solid #CCC;border-bottom:1px solid #CCC;line-height:1.4em;}
	.utsp-links a 												{font-weight:500;text-decoration:none;}
	.utsp-links a:after										{padding:0 4px 0 8px;content:'/';font-weight:300;color:#AAA;}
	.utsp-links a:nth-last-child(1):after {content:'';}

	/* IMAGE CONTAINERS */
	.utsp-image-left 											{float:left;width:50%;margin-right:16px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #CCC;}
	.utsp-image-left img 									{width:100%;max-width:100%;}
	.utsp-image-left p 										{margin-top:8px;font-size:12px;font-family: "Open Sans", arial, helvetica, sans-serif;}
	.utsp-image-left a 										{font-size:14px;}
	.utsp-image-right 										{float:right;width:50%;margin-left:16px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #CCC;}
	.utsp-image-right img 								{width:100%;max-width:100%;}
	.utsp-image-right p 									{margin-top:8px;font-size:12px;font-family: "Open Sans", arial, helvetica, sans-serif;}
	.utsp-image-right a 									{font-size:14px;}
	.utsp-image-full 											{float:left;width:100%;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #CCC;}
	.utsp-image-full img 									{width:100%;max-width:100%;}
	.utsp-image-full p 										{margin-top:8px;font-size:12px;font-family: "Open Sans", arial, helvetica, sans-serif;}
	.utsp-image-full a 										{font-size:14px;}

	/* HEADSHOT CONTAINERS */
	.utsp-headshot 												{float:left;width:150px;margin-right:16px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #CCC;background:#FFF;}
	.utsp-headshot img 										{width:100%;margin-bottom:8px;}
	.utsp-headshot p 											{font-size:12px;line-height:1em;font-family: "Open Sans", arial, helvetica, sans-serif;color:#AAA;}
	.utsp-headshot p:nth-child(2)					{font-size:14px;font-weight:700;color:#53565A;}
	.utsp-headshot a 											{font-size:14px;}

	/* SIDEBAR RAIL */
	.utsp-rail	 													{float:right;position:relative;width:300px;margin:16px;margin-right:0;padding:0;border-left:0;font-size:12px;font-family: "Open Sans", arial, helvetica, sans-serif;background:#FFF;z-index:1;}
	.utsp-rail > h1 											{display:inline-block;width:100%;margin:0;margin-bottom:8px;padding:8px;font-size:1.2em;font-weight:bold;color:#373a36;background:#FF8200;}
	.utsp-rail > h2 											{display:inline-block;width:100%;margin:8px 0;padding:0;padding-bottom:2px;border-bottom:2px solid #53565A;border-left:none;font-size:1.2em;font-weight:bold;text-transform:uppercase;}
	.utsp-rail > ul 											{float:left;width:100%;list-style-type:none;margin:0;margin-bottom:8px;padding:0;}
	.utsp-rail > ul > li 									{float:left;width:100%;padding:2px 0;line-height:1.2em;border-bottom:1px solid #CCC;}
	.utsp-rail > ol 											{float:left;width:100%;margin:0;}
	.utsp-rail > ol > li 									{float:left;font-size:14px;width:100%;margin-left:-16px;line-height:1.2em;}
	.utsp-rail > ol > li:last-child				{margin-bottom:12px;}
	.utsp-rail a 													{font-weight:400;text-decoration:none;}
	.utsp-rail a.accent 									{font-size:14px;line-height:1.3em;display:inline-block;}
	.utsp-rail a.button 									{display:inline-block;width:100%;margin-top:8px;padding:8px;color:#FF8200;text-align:center;font-size:1.2em;font-weight:500;border:1px solid #FF8200;border-radius:4px;}
	.utsp-rail a.button:hover							{background:#FF8200;color:#FFF;}
	.utsp-rail a.button:last-child 				{margin-bottom:8px;}

	/* ALERTS */
	.utsp-alert-green 										{width:100%;margin:16px 0;padding:16px;padding-bottom:8px;color:#468847;background-color:#DFF0D8 !important;border:1px solid #468847;border-radius:4px;}
	.utsp-alert-green p 									{margin:0;margin-bottom:8px;color:#468847;}
	.utsp-alert-green a 									{font-weight:700;color:#468847;text-decoration:underline;}
	.utsp-alert-red 											{width:100%;margin:16px 0;padding:16px;padding-bottom:8px;color:#B94A48;background-color:#F2DEDE;border:1px solid #B94A48;border-radius:4px;}
	.utsp-alert-red p 										{margin:0;margin-bottom:8px;}
	.utsp-alert-red a 										{font-weight:700;color:#B94A48;text-decoration:underline;}
	.utsp-alert-yellow 										{width:100%;margin:16px 0;padding:16px;padding-bottom:8px;color:#C09853;background-color:#FCF8E3;border:1px solid #C09853;border-radius:4px;}
	.utsp-alert-yellow p 									{margin:0;margin-bottom:8px;}
	.utsp-alert-yellow a 									{font-weight:700;color:#C09853;text-decoration:underline;}
	.utsp-alert-orange 										{width:100%;margin:16px 0;padding:16px;padding-bottom:8px;color:#FF8200;background-color:#FFF2E5;border:1px solid #FF8200;border-radius:4px;}
	.utsp-alert-orange p 									{margin:0;margin-bottom:8px;}
	.utsp-alert-orange a 									{font-weight:700;color:#FF8200;text-decoration:underline;}

	/* IMAGE THUMBNAIL GRID */
	.utsp-thumbnail-grid 									{float:left;width:100%;}
	.utsp-thumbnail-item 									{float:left;width:calc(33% - 12px);margin-right:16px;margin-bottom:16px;overflow:hidden;}
	.utsp-thumbnail-item img 							{float:left;width:100%;max-width:100%;}
	.utsp-thumbnail-text 									{float:left;width:100%;padding:8px 0;}
	.utsp-thumbnail-text p 								{margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #CCC;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.utsp-thumbnail-text span 						{font-weight:300;font-size:12px;line-height:12px;}
	.utsp-thumbnail-text a 								{font-size:.75em;font-weight:500;}
	.utsp-thumbnail-text a:after					{padding:0;padding-left:4px;content:'/';font-weight:300;color:#AAA;}
	.utsp-thumbnail-text
		a:nth-last-child(1):after 					{content:'';}
	.multi-line-title .utsp-thumbnail-item{min-height:184px;}
	.multi-line-title p 									{min-height:56px;}

	/* INFORMATION TABLE */
	table.utsp-info-table 								{width:100%;margin-bottom:16px;border-collapse:collapse;}
	table.utsp-info-table th 							{text-align:left;}
	table.utsp-info-table tr 							{font-size:14px;border-bottom:1px solid #CCC;}
	table.utsp-info-table td 							{padding:4px;}
	table.utsp-info-table tr > td:nth-child(1) 		{text-align:left;}
	table.three-col tr > td:nth-child(1) 	{width:60%;}
	table.three-col tr > td:nth-child(2) 	{width:20%;}
	table.three-col tr > td:nth-child(3) 	{width:20%;}
	table.utsp-alt-table tr > td:nth-child(1) 			{vertical-align: top;border-right: 1px solid #ccc;}

	/* ADJUSTED NAVIGATIONAL ANCHORS */
	h2 > a 																{display:block;position:relative;top:-120px;visibility:hidden;}
	@-webkit-keyframes scrollHighlight 		{from, 50%, to {opacity: 1;} 25%, 75% {opacity: 0;}}
	@keyframes scrollHighlight 						{from, 50%, to {opacity: 1;} 25%, 75% {opacity: 0;}}
	.utsp-rail > h2.scrollHighlight 			{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: scrollHighlight;animation-name: scrollHighlight;}

	/* SECTION CONTAINERS */
	.utsp-section-container 							{float:left;width:100%;margin-bottom:16px;}
	.utsp-section-container h2 						{padding-bottom:8px;}
	.utsp-section-container ul 						{float:left;}

	/* PULL QUOTES */
	.bio_quote_large_right 								{background: #f5f5f5;float: right;width: 50%;padding: 16px;font-style: italic;font-size: 15px;line-height: 20px;margin: 8px 0 8px 8px;}
	.bio_quote_large_left 								{background: #f5f5f5;float: left;width: 50%;padding: 16px;font-style: italic;font-size: 15px;line-height: 20px;margin: 8px 8px 8px 0;}
	.bio_quote_source 										{margin-top:16px;}
	p.utsp-pullquote											{padding:24px;font-size:1.1em;font-style:italic;background:#EEE;}

	/* PLAYER CARD */
	.utsp-player-card 										{display:inline-block;margin-bottom:16px;padding:16px 0;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}

	/* BANNER PROMOS */
  a.banner-promo-320 										{display:none;}
	#utsp-sched-promo-banner							{width:100%;margin-bottom:16px;text-align:center;}
	#utsp-sched-promo-banner
		a.banner-promo-320									{display:block;}

	/* MEDIA CENTER */
  #media-center ul {display: flex;flex-direction: row;flex-wrap: wrap;list-style: none;margin: 0;padding: 4px;background: #f2f2f2;}
  @media all and (max-width: 699px) {
    #media-center li {  flex: 1 1 calc(50% - 50px);}
    #media-center li:nth-child(odd) {  margin-right: 4px;}
    /* Get the last two elements */
    #media-center li:nth-last-child(-n+2) {  margin-bottom: 0;}
    }
  @media all and (min-width: 700px) {
    #media-center li {  flex: 1 1 calc(33% - 50px);}
    /* Get middle box in row of three */
    #media-center li:nth-child(3n-1) {  margin-left: 4px;  margin-right: 4px;  border-color: red;}
    /* Get the last three elements */
    #media-center li:nth-last-child(-n+3) {  margin-bottom: 0;}
  }
  #media-center li {padding: 15px;margin-bottom: 4px;background: white;}
  #media-center li p {margin: 0;}

  /* ************************************ */
  /* *** CONTENT-SPECIFIC BREAKPOINTS *** */
  /* ************************************ */
  @media (max-width: 768px) {
  	/* SIDEBAR RAIL */
  	.utsp-rail p								{font-size:12px;}
  }

	@media (min-width:801px) {
		.utsp-thumbnail-item:nth-child(3n) 		{margin-right:0;}
	}

	@media (max-width: 800px) {
		.utsp-thumbnail-item 						{float:left;width:calc(50% - 12px);margin-bottom:16px;padding-bottom:16px;}
		.utsp-thumbnail-item:nth-child(even) 		{margin-right:0;}
		/*.utsp-thumbnail-item:nth-child(3n) {margin-right:16px;}*/
	}

  @media (max-width: 600px) {
  	/* BANNER PROMOS */
  	a.banner-promo-970 								{display:none;}
  	a.banner-promo-320 								{display:block;}

  	/* IMAGE CONTAINERS */
  	.utsp-image-left 							{width:100%;}
  	.utsp-image-right 							{width:100%;}

  	/* SIDEBAR RAIL */
  	.utsp-rail 	 								{float:left;width:100%;margin-left:0;font-size:14px;}
  	.utsp-rail p	 							{font-size:14px;}
  	.utsp-rail > ul > li > .utsp-image-left,
  		.utsp-rail > ul > li > .utsp-image-right 	{max-width:150px;}

  	/* STYLE GUIDE */
  	.utsp-style-element 						{clear:both;}

  	/* PULL QUOTES */
  	.bio_quote_large_right 							{width: 100%;padding: 16px;margin:8px 0px 8px 0px;}
  	.bio_quote_large_left 							{width: 100%;padding: 16px;margin:8px 0px 8px 0px;}

  	/* ADJUSTED NAVIGATIONAL ANCHORS */
  	.utsp-rail > h2.scrollHighlight 				{-webkit-animation-duration: 0s;animation-duration: 0s;}
  }

  @media (max-width: 480px) {
  	/* IMAGE THUMBNAIL GRID */
  	.utsp-thumbnail-item 						{float:left;width:100%;margin-bottom:16px;padding-bottom:16px;}
  	.coaches-grid > .utsp-thumbnail-item		{width:calc(50% - 8px);margin-right:16px;}
  	.coaches-grid >
  	 .utsp-thumbnail-item:nth-child(2n) 		{margin-right:0;}

  	/* INFORMATION TABLE */
  	table.utsp-info-table tr 					{font-size:11px;}

  }

/* ------------------------------------------------------------------------------------- */
/* ON THE HUNT */
/* ------------------------------------------------------------------------------------- */


.hunt-main {
    position: relative;
	width: 100%;
	font-family: 'Press Start 2P', cursive;
}
.hunt-smokey {
    position: relative;
}
.hunt-smokey img {
    width: 120px;
}
.hunt-smokey img:hover {
	cursor: pointer;
}
#hunt-bubble {
    position: absolute;
    bottom: 90px;
    left: 100px;
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 3px;
	max-width: calc(100% - 100px);
	z-index: 999;
}
.hunt-bubble-middle {
    float: left;
    margin: 0;
    text-align: left;
    width: 300px;
	max-width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 5px solid white;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 11px;
}
.hunt-bubble-middle p {
	font-family: 'Press Start 2P', cursive;
	color: #ffffff;
    font-size: 11px;
}
p.select-bubble-title {
    text-align: center;
    background: #ffffff;
    color: #000000;
    padding: 5px 0;
    font-size: 14px;
    margin: 5px 0 10px 0;
}
span.smokey-select-clue-title {
    color: #21f321;
}
p.link-paragraph {
    margin: 20px 0 10px 0;
    text-align: center;
}
.hunt-show {
	display:block !important;
}
.hunt-hide {
	display: none !important;
}