@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900);
/***************************************
*         MAIN NAV STYLES
***************************************/
.global-nav-wrapper { border-bottom: 3px solid #C2D800 !important; }
@media (max-width: 359px) { .global-nav-wrapper a { font-size: 10px; } }
#page>header { min-height: 59px; }
#main-menu{ font-family: "Titillium Web", Arial, sans-serif; font-size: 14px; margin: 0 0 -20px 84px; padding:0; margin-top:-3px; text-transform: uppercase; }
#main-menu.main-nav .em-smu{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#main-menu.main-nav .em-smu { width: 310px; left: auto !important; } /* VERTICAL NAV */
#main-menu.main-nav .dropdown-row { min-height: 0; } /* VERTICAL NAV */
#main-menu.menu-open{ margin-top:0; }
#main-menu .leaf a:hover { color: #C2D800; }
#main-menu .has-dropdown a:hover, #main-menu a:focus { color: #C2D800; }
#main-menu ma:hover, #main-menu a:focus { color: #232628; outline: none; }
.main-nav__menu-item{ border-bottom:none; padding-top: 7px; margin-top: -7px; }
.main-nav__menu-item a{ padding-bottom: 18px; text-shadow:none; }
.main-nav__menu-item > ul { text-transform: none; background-color:#111111 !important;}
.main-nav__menu-item.menuConsume-more.has-children .em-hover { border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
.main-nav__menu-item .main-nav__menu-item{border-bottom:none;}
.main-nav__menu-item.em-ti > .em-hover { color: #C2D800 !important; background-color: #111111 !important; }
.main-nav-wrapper * { font-family: "Titillium Web", Arial, sans-serif; }
.navbar-brand-wrapper, .main-nav-wrapper.fixed .navbar-brand-wrapper { width:80px; }
.main-nav-wrapper .search-box .search-box__submit-btn-icon { margin: 8px -3px 0 0px; }
.main-nav-wrapper .search-box .search-box__submit-btn-icon::before { color: #CF1A2B !important; }
.main-nav-wrapper .search-box .search-box__submit-btn-icon::before, .main-nav-wrapper .search-box .search-box__icon::before, .main-nav-wrapper .mobile-menu-hamburger::before { color: #D02334 !important; }
.main-nav-wrapper .search-box .search-box__icon{ outline: none; background: transparent; }
.main-nav-wrapper .search-box__pre-text { display: none; }
.main-nav-wrapper-inner {
	padding-top: 10px;
	z-index: 999;
  background: #232628;
  position: relative;
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0,0.4);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0,0.4);
  box-shadow: 0 3px 10px rgba(0, 0, 0,0.4);
}
.main-nav-wrapper-inner .container { background-color: #232628 !important; padding:0 0 20px 0 !important; }
.main-nav-wrapper{ background-color:#232628 !important; background-image: none !important; }
.main-nav-wrapper-inner .container{ background-image:none !important; }
.page-home .panel-panel.content{ padding-top:10px; }
.main-nav-wrapper .social-bar--header{ right:50px; }
.social-bar--header .facebook-color:before, .social-bar--header .twitter-color:before, .social-bar--header .instagram-color:before { background-color: #CF1A2B !important; color: #232628 !important; }
.social-bar--header{background-color:transparent !important;}
.social-bar--header{margin:5px 0 3px 60px;}
.social-bar--header .social-bar__item a{background-color: #CF1A2B !important;  color: #232628 !important;}
.socialSeparator{display:block; width:1px; height:24px; border-right:solid 1px #fff; position:absolute; right:36px; top:7px;}
.presented-by--header{display: none;}
.social-bar__mobile-icon{top: -1000px;}
.icon-snapchat-basic:before, .icon-overlay--snapchat-basic:before, .social-snapchat-icon:before {content: url("https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/snapchat_logo_small.png");}
.icon-email-basic:before, .icon-overlay--email-basic:before, .social-email-icon:before { font-family: "nba-custom"; content: "\f109";}
.mobile-menu-hamburger {background-color: transparent !important; position: absolute; right: 10px; top: 36px;}
.altMenuContainer{display:none;} /*hides custom menu before it is dynamically moved to main menu*/
.utility-logo { width: 60px; margin-right: 0; margin-left: 10px; }

/* BEGIN highlighted transformation menu item */
.main-nav__menu-item.first { background: #C2D800; border-top: solid 1px rgba(255,255,255,.1); }
.main-nav__menu-item.first>a,
.main-nav__menu-item.first>a:hover,
.main-nav__menu-item.first>a:active,
.main-nav__menu-item.first>a:visited,
.main-nav__menu-item.first>a:focus{ color: #000; font-weight: bold; }
.main-nav__menu-item.first>a.em-hover { background-color: transparent !important; color: #000 !important; }
/* END highlighted transformation menu item */

.sfaMenuLink img{width: 78px; position: absolute; right: 200px; top: 10px;}
@media (min-width: 768px){
	.main-nav-wrapper .search-box {width: 20px; margin-top: 0; top:0; right:6px;}
	.search-box__input-box{top: 6px;}
	.main-nav-wrapper .search-box:hover .search-box__input-box, .main-nav-wrapper .search-box .search-box__input-box:focus {width: 180px !important;}
	.navbar-brand-wrapper {height: 50px; margin-top: -6px;}
	.navbar-brand {padding: 0;}
	.search-box .tt-dropdown-menu {left: -172px !important; width: 192px;}
	.social-bar--header, .fixed .social-bar--header {margin-left: 150px;}
}
@media (max-width: 767px) {
	.page>header { min-height: 85px; }
	.navbar-brand-wrapper, .main-nav-wrapper.fixed .navbar-brand-wrapper { margin-top: 6px; width:100px; }
	.main-nav-wrapper-inner { padding-top: 0; }
	.main-nav-wrapper-inner .container {padding:2px 0 21px 0 !important;}
	.button-primary__arrow--mobile-nav { top: 31px; right: 45px; }
	.socialSeparator{display:none;}
	.presented-by--header{display: block;}
	.overscrollNav{position:relative !important;} /* prevents header from sticking on mobile overscroll */
	.utility-logo {width: 34px; margin-top: 2px; margin-left: 0px;}
	.sfaMenuLink img {width: 68px; right: 37px; top: 15px;}
	.search-box__icon {top: -5px;}
}
/***************************************
*         END MAIN NAV STYLES
***************************************/


/***************************************
*         GENERAL STYLES
***************************************/
.hawksTrk{display: none;}
.not-front #content{padding-top:10px;}
.panel-display{padding:0 10px;}
.panel-display.home-page-layout{padding:0;}
.page-header-ad{min-height: 21px;}
.hawksClickAnchor{display: block; position: relative; top: -150px; visibility: hidden;}
.heroBannerStatic img { width: 100%; }
.field-name-field-etowah-promo-image img { width: 100%; }
.responsiveVideoContainer { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.responsiveVideoContainer iframe, .responsiveVideoContainer object, .responsiveVideoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (min-width: 1200px){
	.panel-display>.container {
		width:1150px;
	}
}
#content blockquote { font-size: 1.4rem; }
@media(min-width:768px){
	.mobileOnly{ display: none; }
	div#content { min-height: 525px; }
}
@media(max-width:767px){
	#main{ overflow: hidden; }
	.desktopOnly{ display: none; }
}
@media(max-width:639px){
  #content blockquote { font-size: 1.2rem; }
}
.lightDropShadow{
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0,0.2);
	box-shadow: 2px 2px 2px rgba(0, 0, 0,0.2);
}
.topAndBottomShadow{
	-moz-box-shadow:0 3px 10px rgba(0, 0, 0,0.3), 0 -3px 10px rgba(0, 0, 0,0.3);
	-webkit-box-shadow:0 3px 10px rgba(0, 0, 0,0.3), 0 -3px 10px rgba(0, 0, 0,0.3);
	box-shadow:0 3px 10px rgba(0, 0, 0,0.3), 0 -3px 10px rgba(0, 0, 0,0.3);
}
.topAndBottomLlightShadow, .ribbonSection{
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0,0.2), 3px -3px 3px rgba(0, 0, 0,0.2);
	-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0,0.2), 3px -3px 3px rgba(0, 0, 0,0.2);
	box-shadow:3px 3px 3px rgba(0, 0, 0,0.2), 3px -3px 3px rgba(0, 0, 0,0.2);
}
.scrollAnchor{
	display: block;
	position: relative;
	top: -125px;
	visibility: hidden;
}
.hawksStickyBtn{
	border-radius: 50%;
	width: 60px;
	height: 60px;
	cursor: pointer;
	-moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.hawksStickyBtn, .hawksStickyBtn:active, .hawksStickyBtn:hover, .hawksStickyBtn:focus, .hawksStickyBtn:visited{
	background: rgb(255,40,44);
	background: -moz-linear-gradient(top, rgba(255,40,44,1) 0%, rgba(207,32,46,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,40,44,1) 0%,rgba(207,32,46,1) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, rgba(255,40,44,1) 0%,rgba(207,32,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff282c', endColorstr='#cf202e',GradientType=0 ); /* IE6-9 */
}
/***************************************
*         END GENERAL STYLES
***************************************/


/***************************************
*         BEGIN ALERT STYLES
***************************************/
.hawksAlertContent{ display:none; }
.topPageAlertBanner{ width:1170px; margin:10px auto -10px; }
.topPageAlertBanner table{ width:100%; }
.topPageAlertBanner table td{
	font-family: "Titillium Web", Arial, sans-serif;
	background: rgb(255,40,44);
	background: -moz-linear-gradient(top, rgba(255,40,44,1) 0%, rgba(207,32,46,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,40,44,1) 0%,rgba(207,32,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,40,44,1) 0%,rgba(207,32,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff282c', endColorstr='#cf202e',GradientType=0 ); /* IE6-9 */
	color:#fff;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	}
.topPageAlertBanner table td a{ color:#fff; text-decoration:underline; }
@media(max-width:1199px){ .topPageAlertBanner{ width: 90%; } }
@media(max-width:639px){
	.topPageAlertBanner{ width: 100%; margin:0; }
	.topPageAlertBanner table td{
		font-size: 12px;
		-moz-box-shadow: inset 10px -10px 10px -10px rgba(0, 0, 0, .4);
		-webkit-box-shadow: inset 10px -10px 10px -10px rgba(0, 0, 0, .4);
		box-shadow: inset 10px -10px 10px -10px rgba(0, 0, 0, .4);
	}
}
/***************************************
*         END ALERT STYLES
***************************************/


/***************************************
*         END TEMPLATE STYLES
***************************************/
.heroBannerFit img{
  width:100%;
}
/***************************************
*         END TEMPLATE STYLES
***************************************/


/***************************************
*         HOMEPAGE STYLES
***************************************/

@media (min-width: 640px){
	.page-home .content-stream-social-wrapper{
		margin-top:8px;
	}
}
/***************************************
*         END HOMEPAGE STYLES
***************************************/


/********* BACKGROUND *********/
.page { background-attachment:fixed !important; }
@media (min-width:800px) { .page { background-attachment:fixed !important; } }
.page-header-ad .container, .panel-panel-inner, .home-page-content-footer__container { background-color: #FAFAFA; }
.page-home .page-header-ad { height: 0; }
.page-home .container { background-image: url(https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/granite_container_v01.png); }
.page-home .newsblock.panel-display>.container { background: none; }
.page-header-ad .container, .panel-panel-inner, .home-page-content-footer__container { background: none; background-color: transparent; }
.header .col-xs-12 { background-color: #FFFFFF !important; }

/* PHOTO GALLERY */
.node-type-photo-gallery #moscone-footer-inner { background-color:#1C1C1C; }
.node-type-photo-gallery #moscone-flipped-content-inner { background-color:#1C1C1C; }
.node-type-photo-gallery .moscone-flipped-column-content-region.moscone-flipped-sidebar.panel-panel { background-color:#1C1C1C; }
.node-type-photo-gallery .moscone-flipped-container.moscone-flipped-column-content.clearfix { background-color:#1C1C1C; }
/* END PHOTO GALLERY */

.news-block__more-news { background-color:#FFFFFF !important; color: #CD1E31 !important; font-family: "Titillium Web", Arial, sans-serif; }
.news-block__more-news .button-primary__text { font-size: 19px !important; }
.news-block__more-news .button-primary__arrow:before { font-size: 14px !important; background: none !important; padding:0 !important; line-height: 12px !important; }
.home-page-content-footer { background:none; }
.home-page-content-footer__container .row { padding-top: 10px; }
div.related-content.col-xs-12.col-tiny-6.col-sm-6.col-md-12 { background-color:#FFF !important; padding-right: 0; }

.page-home .content-stream_wrapper { color: #FFF; }
.page-home .content-block__content-stream__item .content-block__content-stream__item-inner { border-top: none; }
/********* END BACKGROUND *********/

/********* HOME PAGE PROMO TITLES *********/
.hwk-volt-green { color: #C2D800; }
.hwk-promo { color: #FFF; text-align: center; width: 100%; display: block; margin: 20px 0 0 0; }
.hwk-promo-filler { float: left; height: 40px; background: url(https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/line.jpg) center center repeat-x; }
.hwk-promo-filler-black { float: left; height: 40px; background: url(https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/line_black.jpg) center center repeat-x; }
.hwk-promo-filler-20 { width: 20%; }
.hwk-promo-filler-30 { width: 30%; }
.hwk-promo-filler-35 { width: 35%; }
.hwk-promo-filler-40 { width: 40%; }
.hwk-promo-filler-50 { width: 50%; }
.hwk-promo-filler-60 { width: 60%; }
.hwk-promo-content { float: left; }
.hwk-promo-content-20 { width: 20%; }
.hwk-promo-content-30 { width: 30%; }
.hwk-promo-content-35 { width: 35%; }
.hwk-promo-content-40 {	width: 40%; }
.hwk-promo-content-50 { width: 50%; }
.hwk-promo-content-60 { 	width: 60%; }
.hwk-promo-text { font: 25px 'Titillium Web', Arial, sans-serif; display: block; text-align: center; background: none; padding: 0; /*font-weight: bold;*/ white-space: nowrap; }
.hwk-promo-text a, .hwk-promo-text a:active, .hwk-promo-text a:hover, .hwk-promo-text a:visited { text-decoration: none; outline: none; color: #FFF; }
.hwk-promo img { border: 0; outline: none; vertical-align: middle; margin: 0 0 0 5px; }
/* KUMHO TIRE */
#hwk-promo-kumho { height: 58px; }
#hwk-promo-kumho.hwk-promo { margin-top: 0 !important; }
#hwk-promo-kumho .hwk-promo-filler { padding-top: 30px; height: 75px; }
#hwk-promo-kumho .hwk-promo-text { padding-top: 18px; }
.hwk-promo-kumho-img { margin-top: -26px !important; }
@media (max-width: 750px) {
#hwk-promo-kumho { height: 78px; }
.hwk-volt-green { display: block; line-height: 18px; }
.hwk-promo-text { font-size: 18px; }
.hwk-promo-filler {	display: none; }
.hwk-promo-content { float: none; width: 100%; }
/* KUMHO TIRE */
.hwk-promo-kumho-img { height: 30px !important; width: auto !important; margin-top: -21px !important; }
}

.page-home .news-block.news-block--medium, .page-home .news-block--large { border: 1px solid #FFF; }
/********* END HOME PAGE PROMO TITLES *********/

/********* HOMEPAGE VIDEO ********/
.pane-etowah-video-playlist-pane.video-playlist__tiny .video-info { width:100%; margin-top: -15px; }
.video-info h1 { font-family: "Titillium Web", Arial, sans-serif; font-size: 25px !important; text-transform: uppercase;color: #C2D800 !important; font-weight: lighter !important; margin-bottom: 5px !important; }
.pane-etowah-video-playlist-pane .social-tools { width: 24%; padding-top: 10px; margin-left: -16px; }
.video-description { font-family: "Titillium Web", Arial, sans-serif; line-height: 16px !important; }
.icon-arrow-up:before, .icon-arrow-down:before { color: #C2D800; }
/********* END HOMEPAGE VIDEO ********/

/********* CONTENT ICONS ********/
.icon-overlay--news:before, .icon-overlay--videos:before, .icon-overlay--photos:before { height: 40px; width: 40px; font-size: 30px; line-height: 40px; }
.news-block .icon-overlay:before { z-index: 5; height: 40px; width: 40px; font-size: 30px; line-height: 40px; }
.news-block__hover-area.share-links-hover-area .social-bar-wrapper { display: none; }
.news-block__share-text { display: none; }
.news-block__hover-area__link-wrapper {	display: none; }
a.icon-overlay { border: 0; text-decoration: none; }
.news-block__hover-area { display: block !important; width: 0; right: 0; top: 0; left: inherit; border: none; overflow: hidden; }
/********* END CONTENT ICONS ********/

/********* GAME BLOCKS FOR MOBILE *********/
@media(max-width:800px) {
	#game-block-overview .row { display:table !important; width:100% !important; margin:0 auto !important; }
	#game-block-overview .row .game-block__content--first { float:none !important; display: table-footer-group !important; }
	#game-block-overview .row .game-block__content--second { float:none !important; display: table-header-group !important; }
	#game-block-overview .row .game-block__content--third { float:none !important; display: table-footer-group !important; }
}
/********* END GAME BLOCKS FOR MOBILE *********/

/********* GAME BLOCK SCORE *********/
#game-block-overview .row .game-block__content--second .pane-game-block-live-game { border:2px solid #FFF !important; padding:20px 20px 0 20px; white-space:nowrap !important; } 
/********* END GAME BLOCK SCORE *********/

/********* LIVE CHAT BUTTON / CONTACT *********/
.team-contact { margin-top: 0; margin-bottom: 20px; font: 14px 'Titillium Web', Arial, sans-serif; }
.team-contact__method--phone::before { top: 2px !important; }
.team-contact__method--email__link::before { top: 2px !important; }
.team-contact__method--live-chat__link { color: #FFFFFF !important;}
.box-score-team-toggle.active, .etowah-game-block, .button-primary, .team-contact__method--live-chat__link, .news-block__hover-area__link-icon, .gallery-row__hover-area__link-wrapper-icon, .field-name-field-etowah-arena-btn a { background-color: #D2202E !important; }
/********* END LIVE CHAT BUTTON *********/

/* ACCORDION GAME BLOCK HOMEPAGE */
.etowah-game-block { /*min-height: 550px !important;*/ height: auto !important; background-color: #000000 !important; }
.game-block-container .btn-buy-tickets, .game-block-container .btn-buy-tickets:hover, .courtside-box-game a.btn-buy-tickets, .courtside-box-game a.btn-buy-tickets:hover { background-color: #D2202E; }

/********* NEWS BLOCKS *********/
.share-links-hover-area { background: none !important; }
h2.news-block__title, h3.news-block__title { background: url('https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/bg-black-transparent-playoffs-2016-3.png'); border-top: 1px solid #FFFFFF !important; border-left: none !important; border-right: none !important; border-bottom: none !important; color: #FFF; font-family: "Titillium Web", Arial, sans-serif; text-transform: uppercase; }
h3.news-block__title { /*font-size: 24px;*/ font-size: 18px; }


h2.news-block__title { /*font-size: 30px;*/ font-size: 26px; }
h3.news-block__title a { color: #FFF; }
.news-block__more-news { color:#FFF !important; }
h2.news-block__title a:hover, h3.news-block__title a:hover { color: #FFF; text-decoration: none; }
.page-home .newsblock-col-multiple .news-block { border: 1px solid #FFF; }
.not-front .panelizer-view-mode .newsblock{padding-bottom:0;}

/* NEWS IMAGES */
.news-block--large .block__img, .news-block--medium .block__img { /*filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%);*/ -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.news-block--large:hover img, .news-block--medium:hover img { filter: none; -webkit-filter: none; -webkit-transform: scale(1.05); transform: scale(1.05); }
h3.news-block__title { border: 1px solid #FFF; }
/********* END NEWS BLOCKS *********/

/********* GAME INFO *********/
.courtside-box .slick-prev:before { content: url("https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/game-info-prev-arrow.png") !important; }
.courtside-box .slick-next:before { content: url("https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/game-info-next-arrow.png") !important; }
/********* END GAME INFO *********/

@media (max-width:750px) {
  .pane-bundle-etowah-newsblock-item:hover .news-block__hover-area { width: 0 !important; height: 0 !important; display:none !important; }
}


/* SHARING ICONS IN PHOTO GALLERY PAGE */
.gallery-row__hover-area { background-color: rgba(0, 0, 0, 0.9) !important; }
/********* END SHARING ICONS *********/

/********* SCHEDULE PAGE BUTTONS *********/
.schedule .etowah-schedule__promo-link a,
.schedule .etowah-schedule__event__game-links a,
.schedule .etowah-schedule__event__game-links .schedule-links-game-content,
.schedule .etowah-schedule__event__game-links .schedule-links-game-content a,
.etowah-schedule__event__game-links .schedule-links-game-content { font-size: 14px !important; background-color: #c00 !important; width: 100px !important; text-align: center !important; }
.schedule .etowah-schedule__promo-link a:hover,
.schedule .etowah-schedule__event__game-links a:hover,
.schedule .etowah-schedule__event__game-links .schedule-links-game-content:hover,
.schedule .etowah-schedule__event__game-links .schedule-links-game-content:hover a { background-color: #e90000 !important; text-decoration: none !important; }
.pane-etowah-schedule-pane .schedule__events .etowah-schedule__event .etowah-schedule__top .etowah-schedule__event__game-context.game_series .etowah-schedule_game-context__wrapper, #etowah_schedule_layout_container .schedule__events .etowah-schedule__event .etowah-schedule__top .etowah-schedule__event__game-context.game_series .etowah-schedule_game-context__wrapper { color: #D2202E; }
/********* END SCHEDULE PAGE BUTTONS *********/

/********* PRESENTED BY *********/
.presented-by__text { color: #FFFFFF !important; }

@media (max-width:700px) {
  .presented-by img { width: 70% !important; height: auto !important; margin: -10px 0 0 60px;  }
  .presented-by__text { color: #FFFFFF !important; display: block !important; margin: 0 0 0 -100px !important; }
}
/********* END PRESENTED BY *********/

/********* MISC *********/
.presented-by--header { visibility: hidden; }
.page-header-ad .container { padding-left: 0; padding-right: 0; }
/********* END MISC *********/

/********* BIOS *********/
.hawks-bio-header, .hawks-bio-header-hawks, .hawks-bio-header-philips, .hawks-bio-header-sfa { font-family: "Titillium Web", Arial, sans-serif; font-size: 20px; letter-spacing: -1px; line-height:24px; color: #000000; font-weight: 600; background:url(https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/bios-header.png?u=2) bottom left no-repeat; width:756px; height: 150px; box-sizing:border-box; padding: 10px 20px; }
.hawks-bio-header-hawks { background:url(https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/bios-header-hawks.png?u=1) bottom left no-repeat; }
.hawks-bio-header-philips, .hawks-bio-header-sfa { background:url(https://i.cdn.turner.com/drp/nba/hawks/sites/default/files/bios-header-sfa.png?u=1) bottom left no-repeat; }
@media (max-width:750px) {
	.hawks-bio-header, .hawks-bio-header-hawks, .hawks-bio-header-philips, .hawks-bio-header-sfa { max-width: 100%; font-size: 16px; line-height: 20px; }

}

.hawks-bio-header h2, .hawks-bio-header-hawks h2, .hawks-bio-header-philips h2, .hawks-bio-header-sfa h2 { font-size:38px; line-height: 38px; color: #D21A26; margin: 0; letter-spacing: -2px; }
.hawks-bio-header p, .hawks-bio-header-hawks p, .hawks-bio-header-philips p, .hawks-bio-header-sfa p { margin: 10px 0 0 0; }

/* HEADSHOT */
.hawks-bio-header-headshot img { float:left; margin-right: 10px; }
.hawks-bio-header-headshot .hawks-bio-header, .hawks-bio-header-headshot .hawks-bio-header-hawks, .hawks-bio-header-headshot .hawks-bio-header-philips { height: 220px; }
.hawks-bio-header-headshot h2 { margin-top: 70px; }
@media (max-width:750px) {
	.hawks-bio-header-headshot img { display: none; }
	.hawks-bio-header-headshot .hawks-bio-header, .hawks-bio-header-headshot .hawks-bio-header-hawks, .hawks-bio-header-headshot .hawks-bio-header-philips { height: 150px; }
	.hawks-bio-header-headshot h2 { margin-top: 0; }
}
/********* END BIOS *********/

.overlay_content { width: 100%; height: 100%; }
.overlay_content img { width: 100%; height: auto; }

/* BOTTOM BANNER AD SPACING */
.custom-page-ad_bottom {
	margin-bottom: 20px;
}
/* remove standard downloadable calendar links */
.header--schedule .header--schedule__cal-links {
	display: none;
}

@media (max-width: 640px) {
	.fixedAdmin, .fixedAdminTray {
		position: relative !important;
	}
	h3.news-block__title {
		font-size: 20px;
	}
	h2.news-block__title {
		font-size: 25px;
	}
	.news-block__hover-area__link {
		font-size: 16px !important;
	}
	.news-block--medium .news-block__share-text__text, .news-block--medium .news-block__share-text {
		font-size: 13px !important;
	}
}
@media (max-width : 1024px) {
	.gallery-row__share-text:before, .news-block__share-text__text:before, .gallery-row__share-text:after, .news-block__share-text__text:after {
		width: 10% !important;
	}
}

.node-12911 .newsblock__tail,
.node-12893 .newsblock__tail,
.node-17101 .newsblock__tail,
.node-19397 .newsblock__tail,
.node-20271 .newsblock__tail,
.node-20407 .newsblock__tail,
.node-15393 .newsblock__tail,
.node-14971 .newsblock__tail .more-news-button-wrapper {
	display: none;

}
.node-15393 .newsblock, .node-15393 .newsblock .container {
	padding-bottom: 0px;
}

.presented-by--news-block img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.ui-front {
	z-index: 1002 !important;
}

/*ROSTER PAGE: ChangeS the stat column headers to be compliant with ADA Contrast guidelines*/
.page-roster .roster__player__info__stats--item {color: #ffffff}

/*Suppress error message for visitors*/ 
.not-logged-in .messages.error {
  display: none;
}

/*Hide Summer League on Schedule Page*/
/*.schedule--Summer.League {
    display: none;
}*/
.etowah_schedule_filter.season_state .checkbox:nth-child(2) {
    display: none;
}

/*Hide Preseason on Schedule Page*/
.schedule.schedule--1, .schedule.schedule--Preseason {
    display: block;
}


[data-type="takeover"] {
    margin-top: 0px;
}

/*Clear CB Interference*/
.courtside-box{clear:both}


/*Temp Schedule Game Price Fix*/
.etowah-schedule__event__game-context.game_price {
    visibility: hidden;
}


/****************************************
*  BEGIN lined section titles
****************************************/
.hawksSectionTitleBlack, .hawksSectionTitleWhite, .hawksSectionTitleGranite, .hawksSectionTitleTorch, .hawksSectionTitleVolt {
	position: relative;
	font-family: 'Titillium Web',Arial,sans-serif;
	font-size: 25px;
	z-index: 1;
	overflow: hidden;
	text-align: center;
	padding:10px 0;
	margin:20px 0 10px;
	white-space: nowrap;
	text-transform: uppercase;
}
@media (max-width:767px) {
	.hawksSectionTitleBlack, .hawksSectionTitleWhite, .hawksSectionTitleGranite, .hawksSectionTitleTorch, .hawksSectionTitleVolt {
		font-size: 20px;
	}	
}
.hawksSectionTitleBlack:before, .hawksSectionTitleBlack:after, .hawksSectionTitleWhite:before, .hawksSectionTitleWhite:after, .hawksSectionTitleGranite:before, .hawksSectionTitleGranite:after, .hawksSectionTitleTorch:before, .hawksSectionTitleTorch:after, .hawksSectionTitleVolt:before, .hawksSectionTitleVolt:after {
	position: absolute;
	top: 51%;
	overflow: hidden;
	width: 50%;
	height: 1px;
	content: '\a0';
}
.hawksSectionTitleBlack:before, .hawksSectionTitleWhite:before, .hawksSectionTitleGranite:before, .hawksSectionTitleTorch:before, .hawksSectionTitleVolt:before {
	margin-left: -53%;
	text-align: right;
}
.hawksSectionTitleBlack:after, .hawksSectionTitleWhite:after, .hawksSectionTitleGranite:after, .hawksSectionTitleTorch:after, .hawksSectionTitleVolt:after {
	margin-left: 3%;
}
.hawksSectionTitleBlack, .hawksSectionTitleBlack a:hover, .hawksSectionTitleBlack a:active, .hawksSectionTitleBlack a:visited, .hawksSectionTitleBlack a:focus{
	color:#000;
	text-decoration: none;
}
.hawksSectionTitleBlack:before, .hawksSectionTitleBlack:after {
	background-color:#000;
}
.hawksSectionTitleWhite, .hawksSectionTitleWhite a:hover, .hawksSectionTitleWhite a:active, .hawksSectionTitleWhite a:visited, .hawksSectionTitleWhite a:focus {
	color:#fff;
	text-decoration: none;
}
.hawksSectionTitleWhite:before, .hawksSectionTitleWhite:after {
	background-color:#fff;
}
.hawksSectionTitleGranite, .hawksSectionTitleGranite a:hover, .hawksSectionTitleGranite a:active, .hawksSectionTitleGranite a:visited, .hawksSectionTitleGranite a:focus {
	color:#232628;
	text-decoration: none;
}
.hawksSectionTitleGranite:before, .hawksSectionTitleGranite:after {
	background-color:#232628;
}
.hawksSectionTitleTorch, .hawksSectionTitleTorch a:hover, .hawksSectionTitleTorch a:active, .hawksSectionTitleTorch a:visited, .hawksSectionTitleTorch a:focus {
	color:#D02334;
	text-decoration: none;
}
.hawksSectionTitleTorch:before, .hawksSectionTitleTorch:after {
	background-color:#D02334;
}
.hawksSectionTitleVolt, .hawksSectionTitleVolt a:hover, .hawksSectionTitleVolt a:active, .hawksSectionTitleVolt a:visited, .hawksSectionTitleVolt a:focus {
	color:#C7CF2E;
	text-decoration: none;
}
.hawksSectionTitleVolt:before, .hawksSectionTitleVolt:after {
	background-color:#C7CF2E;
}
/****************************************
*  END lined section titles
****************************************/

/****************************************
*  XL Banners and Ads
****************************************/
.hawksXLBanner, .hawksMXLBanner, .hawksXLBanner img, .hawksMXLBanner img{width:100%;}
.hawksMXLBanner{display:none;}
@media only screen and (max-width: 767px) {
    .hawksXLBanner{display:none;}
    .hawksMXLBanner{display:block;}
}
/****************************************
*  END XL Banners and Ads
****************************************/


/****************************************
*  full-screen page styles
****************************************/
.hawksfullscreenpage #page{
	background:none;
}
.hawksfullscreenpage #content{
	width:100%;
	max-width:none;
	margin:0;
	background:none;
	padding:0;
}
.hawksfullscreenpage .panel-display, .hawksfullscreenpage .post__body, .hawksfullscreenpage .field-name-body, .hawksfullscreenpage .taxonomy-page-node-teaser__body{
	padding:0;
}
.hawksfullscreenpage footer{
	margin:0;
}
.hawksfullscreenpage .page-header-ad{
	display:none;
}
/****************************************
*  END full-screen page styles
****************************************/


/****************************************
* BEGIN custom API feed styles
****************************************/
.apiBlockContainer{
	padding: 0 10px 5px 10px;
	margin-bottom:10px;
}
.apiBlockContainer *{
	font-family: "Titillium Web", Arial, sans-serif;
}
.apiBlock{
	width: 100%;
	height: 312px;
	background: #fff;
	border: solid 1px #ddd;
	position: relative;
}
.apiBlock h4{
	margin: 0 0 5px;
	font-size: 20px;
}
.apiBlock h4 a{
	color: #111;
	font-weight: bold;
}
.apiBlockTeaser{
	font-size: 12px;
}
.apiBlock .apiBlockTextSection{
	padding: 10px;
}
.apiBlockTextSection h4{
	text-transform: none;

}
.apiBlockTextSection h4 a{
	font-weight: normal;
	color: #000;
}
.apiBlockTextSection h4 a:hover{
	color: #777;
}
.apiBlockTextSection h4 a:hover, .apiBlockTextSection h4 a:active, .apiBlockTextSection h4 a:focus, .apiBlockTextSection h4 a:visited{
	text-decoration: none !important;
	outline: none !important;
}
.apiBlock .dateContainer, .apiBlock .apiBlockContentType{
	color: #777;
}
.apiBlock .apiBlockContentType{
	text-transform: capitalize;
	font-size: 8px;
	line-height: 24px;
	position: absolute;
	bottom: 2px;
	left: 2px;
	top: inherit;
	right: inherit;
	font-weight: normal;
	background: none;
	padding: 0;
	border-radius: 50%;
	height: 24px;
	width: 24px;
	text-align: center;
}
.apiBlockContentType, .apiBlockContentType:hover, .apiBlockContentType:active, .apiBlockContentType:visited, .apiBlockContentType:focus{
	text-decoration: none;
} 
.apiBlock .apiBlockContentType:before {
	font-family: "nba-custom";
	font-size:2em;
}
.apiBlock .apiBlockContentType.article:before {
	content: "\f12f";
}
.apiBlock .apiBlockContentType.video:before {
	content: "\f129";
}
.apiBlock .apiBlockContentType.gallery:before {
	content: "\f120";
}
.apiBlock .apiBlockContentImageContainer{
	border-bottom: solid 1px #efefef;
  position: relative;
	overflow: hidden;
}
.apiBlockContentImageContainer:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.apiBlockContentImageContainer > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.apiBlock .apiBlockContentImageContainer img{
	width: 100%;
	min-height: 100%;
}
.apiBlock .apiBlockContentImageContainer img{
	transition: all .2s ease-in-out;
}
.apiBlock .apiBlockContentImageContainer:hover img, .apiBlock .apiBlockContentImageContainer:active img, .apiBlock .apiBlockContentImageContainer:visited img, .apiBlock .apiBlockContentImageContainer:focus img{
	transform: scale(1.1);
}
.apiBlock .dateContainer{
	position: absolute;
	bottom: 2px;
	left: 28px;
	font-size: 12px;
}
.apiBlock .noContentMsg {
	font-size: 2em;
	padding-bottom: 50px;
}
@media(max-width:1199px){
	.apiBlock {
		height: 260px;
	}
	.apiBlock h4{
		font-size: 16px;
	}
	.apiBlockTeaser{
		font-size: 10px;
	}
}
@media(max-width:991px){
	.apiBlock {
		height: 236px;
	}
}
@media(max-width:767px){
	.apiBlockContainer{
		margin-bottom: 25px;


	}
	.apiBlock{
		height: auto;
	}
	.apiBlock .apiBlockContentImageContainer:hover img, .apiBlock .apiBlockContentImageContainer:active img, .apiBlock .apiBlockContentImageContainer:visited img, .apiBlock .apiBlockContentImageContainer:focus img{
		transform: none;
	}
	.apiBlock .apiBlockTextSection{
		padding: 10px 10px 30px;
	}
}
@media(max-width:479px){
	.apiBlock .apiBlockContentType{
		bottom: 0;
		left: 2px;
		font-size: 7px;
	}
}
/****************************************
* END custom API feed styles
****************************************/


/********* FOOTER *********/
#footer .footer-top-sponsors__sponsor-item .nav-tabs { border: none; }
#footer .footer-top-sponsors__sponsor-item .nav-tabs > li > a:hover { border: 1px solid transparent; }
#footer .footer-top-sponsors__sponsor-item .nav-tabs > li.active > a,
#footer .footer-top-sponsors__sponsor-item .nav-tabs > li.active > a:hover,
#footer .footer-top-sponsors__sponsor-item .nav-tabs > li.active > a:focus {
	color: white;
	background-color: transparent;
	border: none;
	border-bottom-color: transparent;
	cursor: default;
}
#footer .footer-top {
	background-color:#232628;
}
#footer .footer-top .container {
	background-color: transparent!important;
	background-image: none;
}
#footer .menu li {
	text-transform: uppercase;
}
#footer .footer-bottom .container {
	background-color: transparent !important;
	background-image: none;
}
#footer .footer-bottom .footer-nav__menu-item {
	display: list-item;
	text-transform: uppercase;
}
#footer .footer-bottom .container>div:last-of-type{
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}
#footer .turner-logo {
	float: none; 
	display: inline-block;
}
.tmVerifiedContainer {
	height:30px;
	background-size: auto 18px;
	background-image: url(https://www.nba.com/hawks/sites/hawks/files/tm-whitelogo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
@media (max-width: 991px){
	#footer .footer-bottom .footer-nav{
		margin-top: 20px;
	}
	#footer .footer-bottom .container>div:last-of-type{
		margin-top: 35px;
	}
}
@media (min-width: 640px) and (max-width: 991px){
	#footer .footer-bottom .footer-nav{
		text-align: center;
	}
	#footer .footer-bottom .footer-nav .footer-nav__menu-item {

    display: inline-block;
    border-right: solid 1px rgba(255,255,255,.2);
    padding: 2px 10px 0px 0;
    line-height: 14px;
	}
	#footer .footer-bottom .footer-nav .footer-nav__menu-item:last-of-type {
    padding-right: 0;
		border-right: none;
	}
}
@media (max-width: 639px){
	#footer .footer-top-sponsors { text-align: center; }
	#footer .footer-top-sponsors__sponsor-item:nth-of-type(5), .footer-top-sponsors__sponsor-item:nth-of-type(6) { max-width: 150px; display: inline-block; float: none; margin-top: 20px; }
	#footer .footer-bottom .footer-nav__menu-item a{ display: block; padding: 5px 0 0 6px; }
	#footer .menu li, #footer .footer-bottom .footer-nav__menu-item{ text-align: left; border-bottom: solid 1px rgba(255,255,255,.1); }
	#footer .menu li:hover, #footer .footer-bottom .footer-nav__menu-item:hover { background: rgba(255,255,255,.1); }
	#footer .menu li:hover a, #footer .footer-bottom .footer-nav__menu-item:hover a{ text-decoration: none; }
	#footer .footer-top-sponsors { text-align: center; }
}
/********* END FOOTER *********/

/**** BEGIN GOOGLE OPTIMIZE CODE *****/
.async-hide { opacity: 0 !important}
/**** END GOOGLE OPTIMIZE CODE *****/


/*** BEGIN CONTACT WIDGET CODE ***/
.contactWidgetWrapper_subtle{
	font-family: "Titillium Web", Arial, sans-serif;
	position: fixed;
	width: auto;
	bottom: 20px;
	right: 20px;
	z-index: 10000;
}
.contactWidgetWrapper_subtle .contactWidgetBtnsWrapper{
	background-color: transparent !important;
	width: 200px;
	float: right;
	margin-right: 30px;
	margin-bottom: -10px;
}
.contactWidgetWrapper_subtle .contactWidget_subtle {
	width: 100%;
	position: relative;
}
.contactWidgetWrapper_subtle .contactWidgetHeader {
	position: relative;
	font-size: 11px;
	line-height: 16px;
	font-weight: 100;
	width: 60px;
	height: 60px;
	padding: 17px 0 0;
	border-radius: 50%;
	text-align: center;
	float: right;
	margin: 0;
	z-index: 3;
	text-transform: uppercase;
	background: rgb(255,40,44);
	background: -moz-linear-gradient(top, rgba(255,40,44,1) 0%, rgba(207,32,46,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,40,44,1) 0%,rgba(207,32,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,40,44,1) 0%,rgba(207,32,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff282c', endColorstr='#cf202e',GradientType=0 ); /* IE6-9 */
	color: #fff;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.5);
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.contactWidgetWrapper_subtle .contactWidgetHeader:hover {
	background: rgb(255,40,44);
	filter: none;
}
.contactWidgetWrapper_subtle .contactWidgetHeader:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.contactWidgetWrapper_subtle .contactWidgetHeader.contactWidgetBtnClose {
	padding: 25px 0 0;
}
.contactWidgetWrapper_subtle .contactWidget_subtle i {
	font-size: 22px;
	display: block;
	margin-bottom: 2px;
}
.contactWidgetWrapper_subtle .contactWidget_subtle .btnText i {
	font-size: 28px;
}
.contactWidgetWrapper_subtle .contactWidget_subtle .btnCall i {
	margin-top: 7px;
}
.contactWidgetWrapper_subtle .contactWidget_subtle .btnChat i {
	margin-top: 6px;
}
.contactWidgetWrapper_subtle .contactWidget_subtle .btnEmail i {
	margin-top: 7px;
	margin-bottom: 3px;
	font-size: 19px;
}
.contactWidget_subtle a {
	width: 100%;
	height: 50px;
	padding: 0;
	border-radius: 0 !important;
	text-align: center;
	position: absolute;
}
.contactWidget_subtle a {
  margin-left: 0 !important;
}
.contactWidget_subtle a.btn.first{
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}
.contactWidget_subtle a.btn.last{
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
.contactWidget_subtle a.btn.last:hover:after {
	border-top-color: #e6e6e6;
}
.contactWidget_subtle .widgetMsg {
	position: relative;
	font-size: 11px;
	width: 100%;
	bottom: 2px;
	left: 0;
	font-weight: 700;
}
.contactWidget_subtle i {
	margin-top: 2px;
}
.contactWidgetWrapper_subtle .widgetCloseButton{

	margin-top: -4px;
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.contactWidgetWrapper_subtle .widgetCloseButton::before, .widgetCloseButton::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #fff;
}
.contactWidgetWrapper_subtle .widgetCloseButton::before {
	transform:rotate(45deg);
}
.contactWidgetWrapper_subtle .widgetCloseButton::after {
	transform:rotate(-45deg);
}
.contactWidgetWrapper_subtle .contactWidgetHeader{
  animation-name: grow_cwsubtle;
  animation-duration: 250ms;
  animation-iteration-count: 1;
  animation-timing-function: ease; 
  -webkit-animation-timing-function: ease;
}
.contactWidgetWrapper_subtle .widgetCloseButton{
  animation-name: growspin_cwsubtle;
  animation-duration: 250ms;
  animation-iteration-count: 1;
  animation-timing-function: ease; 
  -webkit-animation-timing-function: ease;
}
.contactWidgetWrapper_subtle .widgetOpenButton{
  animation-name: growspincounter_cwsubtle;
  animation-duration: 250ms;
  animation-iteration-count: 1;
  animation-timing-function: ease; 
  -webkit-animation-timing-function: ease;
}
@keyframes grow_cwsubtle {
	0%{transform: scale(0.1);}
	95%{transform: scale(1.1);}
	100%{transform: scale(1);}
}
@keyframes growspin_cwsubtle {
	0%{transform: scale(0.1) rotate(-45deg);}
	95%{transform: scale(1.1) rotate(0deg);}
	100%{transform: scale(1);}
}
@keyframes growspincounter_cwsubtle {
	0%{transform: scale(0.1) rotate(45deg);}
	95%{transform: scale(1.1) rotate(0deg);}
	100%{transform: scale(1);}
}
@media(min-width:768px){
	.smallOnly{display: none;}
}
@media(max-width:767px){
	.contactWidgetWrapper_subtle .largeOnly{display: none;}
	.contactWidgetWrapper_subtle .contactWidgetHeader {margin-top: -30px;z-index: 3;}
	.contactWidgetWrapper_subtle .contactWidgetBtnsWrapper{width: 56px; margin-right: 2px; margin-bottom: 5px;}
	.contactWidget_subtle a.btn.last{padding-bottom: 80px;}
	.contactWidget_subtle a.btn.last:after {left: 51%;}
}
/*** END CONTACT WIDGET CODE ***/


/***********************
* loading spinner
***********************/
.hwksLoadingContainer{
	text-align: center;
	padding: 25px 0 50px;
}
.hwksLoadingContainer img{
	width: 100%;
	max-width: 200px;
}
.hwksLoader,
.hwksLoader:before,
.hwksLoader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: hwksLoadingAnimation 1.8s infinite ease-in-out;
	animation: hwksLoadingAnimation 1.8s infinite ease-in-out;
}
.hwksLoader {
	color: #CF202E;
	font-size: 10px;
	margin: 0 auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.hwksLoader:before,
.hwksLoader:after {
	content: '';
	position: absolute;
	top: 0;
}
.hwksLoader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.hwksLoader:after {
	left: 3.5em;
}
@-webkit-keyframes hwksLoadingAnimation {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes hwksLoadingAnimation {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
/***********************
* end loading spinner
***********************/

/* LEAGUE PASS PRICING RESPONSIVE STYLE */
#league-pass-top-menu {
background-color: #cf1a2b;}
#triptych .triptych-block .buy .buy-button {
background-color: #222222;}
#league-pass-low-tier .package .info .button {
background-color: #222222;}
#league-pass-headline h1 { color: #cf1a2b;}
#triptych .triptych-block .triptych-header h2 { color: #222222; }
#triptych .triptych-block .triptych-body .triptych-pricing .content .dollar-amount {
color: #222222; }
#triptych .triptych-block .triptych-body .triptych-pricing .content .year {
color: #222222; }
#league-pass-headline h2 {
color: #222222; }
#league-pass-low-tier .package .titles h2 {
color: #222222; }
#league-pass-low-tier .package .pricing .dollar-amount {
color: #222222; }
#league-pass-blackout .details {
background-color: #222222; }
#league-pass-blackout { background-color: #cf1a2b; }
#triptych .triptych-block .triptych-header.ribbon .top-left {
background-color: #cf1a2b; }
#league-pass-blackout .details .learn-more .button {
background-color: #cf1a2b; }
#triptych .triptych-block .triptych-body .triptych-pricing .content .dollar-sign {
color: #222222; }
#league-pass-low-tier .package .pricing .dollar-sign {
color: #222222; }
#league-pass-devices h1 {
color: #cf1a2b; }
#league-pass-single-game .package .info .button {
background-color: #222222; }
#league-pass-single-game .package .titles h2 {
color: #222222; }
#league-pass-single-game .package .pricing .dollar-sign {
color: #222222; }
#league-pass-single-game .package .pricing .dollar-amount {
color: #222222; }
#league-pass-banner {
background-color: #222222; }
#league-pass-banner .side_tab .tab_text {
background-color: #cf1a2b;
} #league-pass-banner .side_tab {
background-color: #cf1a2b; }