﻿/*##########################*/
/*### Buffalo Wild Wings MADNESS   ###*/
/*##########################*/
.bwwMadness {font-family: tradeGothic18;}
.bwwMadness *:hover,
.bwwMadness *.active,
 #matchupModal * {transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;}
.bwwMadness li, .bwwMadness ul {list-style-type: none; padding: 0; margin: 0; line-height: 1;}
::selection {background: transparent !important;}
::-moz-selection {background: transparent !important;}
*:focus, *:active {outline: none;}

/*Madness Masthead and Region Navigation*/
.pageContent .gameMasthead h2 sup {line-height: inherit;}
.bwwMadness .bracketMasthead .regionSelect .tabs,
.bwwMadness .bracketMasthead .regionSelect .regionTabs {border: 1px solid #4c4c4c;}
    .bwwMadness .bracketMasthead .regionSelect .regionTabs:before,
    .bwwMadness .bracketMasthead .regionSelect .regionTabs:after {content: " "; clear: both; display: table;}
.bwwMadness .bracketMasthead .regionSelect dd,
.bwwMadness .bracketMasthead .regionSelect li {width: 20%; padding: 0; background: #2b2b2b; color: #393939; border-right: 1px solid #4c4c4c; float: left;}
.bwwMadness .bracketMasthead .regionSelect dd:last-child,
.bwwMadness .bracketMasthead .regionSelect li:last-child {border: none;}
.bwwMadness .bracketMasthead .regionSelect dd:hover a,
.bwwMadness .bracketMasthead .regionSelect li:hover a {background: #303030; color: #aaa;}
.bwwMadness .bracketMasthead .regionSelect dd.active a,
.bwwMadness .bracketMasthead .regionSelect li.active a {background: #393939; color: #fff;}
.bwwMadness .bracketMasthead .regionSelect dd a,
.bwwMadness .bracketMasthead .regionSelect li a {text-align: center; text-transform: none; padding: 0; line-height: 44px; color: #393939; font-family: tradeGothic20; position: relative;}
.bwwMadness .bracketMasthead .regionSelect dd a i,
.bwwMadness .bracketMasthead .regionSelect li a i {position: absolute; right: .5em; line-height: 44px; font-size: 1.4em; font-weight: normal;}
.bwwMadness .regionTabs li > a {display: block;}
.bwwMadness .bracketMasthead .roundInfo {background: #393939; padding: .5em 0; border: 1px solid #4c4c4c; border-top: none;}
.bwwMadness .bracketMasthead .roundInfo li, .bwwMadness .bracketMasthead .roundInfo ul {list-style-type: none; padding: 0; margin: 0; font-size: 12px; white-space: nowrap; text-align: center; color: #ffd200; font-family: tradeGothic18; line-height: 1.2;}
.bwwMadness .bracketMasthead .roundInfo li.round {width: 25%; display: inline-block;}
.bwwMadness .bracketMasthead .roundInfo li.round li:first-child {font-family: tradeGothic20; font-size: 14px;}
.bwwMadness .bracketMasthead .roundInfo li.round li {display: block;}
.bwwMadness .bracketMasthead .roundInfo li.round.finalFour {width: 100%;}
/*Court Graphic Game Header*/
.bwwMadness .bracketMasthead .gameHeader {height: auto; overflow: auto; position: relative; background: url('../img/courtTile.png') repeat; background: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 33%, rgba(255,255,255,0) 67%, rgba(99,74,44,0.35) 100%), url('../img/courtTile.png') repeat; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(33%,rgba(255,255,255,0)), color-stop(67%,rgba(255,255,255,0)), color-stop(100%,rgba(99,74,44,0.35))), url('../img/courtTile.png') repeat; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 67%,rgba(99,74,44,0.35) 100%), url('../img/courtTile.png') repeat; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 67%,rgba(99,74,44,0.35) 100%), url('../img/courtTile.png') repeat; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 67%,rgba(99,74,44,0.35) 100%), url('../img/courtTile.png') repeat; /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 67%,rgba(99,74,44,0.35) 100%), url('../img/courtTile.png') repeat; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ffffff', endColorstr='#59634a2c',GradientType=0 ), url('../img/courtTile.png') repeat; /* IE6-9 */
}
.bwwMadness .bracketMasthead .gameHeader div {width: 50%; padding: 1em 5%; margin: 0; float: left; clear: right;}
.bwwMadness .bracketMasthead .gameHeader div img {vertical-align: top; margin-bottom: .5em; padding: 0 15%;}
.bwwMadness .bracketMasthead .gameHeader div p {color: #000; font-family: arial; font-weight: bold; padding: .5em; line-height: 1.2; font-size: 12px !important; /* background: rgba(249,218,141,0.75); border: 1px solid #D3AB53;  */margin: 0;}
.bwwMadness .bracketMasthead .gameHeader div.inactive img {opacity: .45;}
.bwwMadness .bracketMasthead .gameHeader div.inactive p {display: none;}
.bwwMadness .bracketMasthead .gameHeader div.ball {position: absolute; left: 50%; right: auto; width: 10%; margin: 1em 0 0 -5%; padding: 0;}
.bwwMadness .bracketMasthead .gameHeader div.ball img {width: 100%; min-height: 20px; padding: 0;}

/*Tree Group - (Round Columns) */
.bwwMadness .bracket {padding: .5em 0; position: relative; height: 1024px; border: none;}
.bwwMadness .treeGroup {padding: 0 1.5%; width: 33.33%; position: absolute; height: 0;}
.bwwMadness .treeGroup .matchup {position: absolute;}
/*Absolute Positioned Matchups*/
.bwwMadness .treeGroup.round3 .matchup:nth-child(3) {top: 62px;}
.bwwMadness .treeGroup.round3 .matchup:nth-child(4) {top: 190px;}
.bwwMadness .treeGroup.round3 .matchup:nth-child(5) {top: 318px;}
.bwwMadness .treeGroup.round3 .matchup:nth-child(6) {top: 446px;}
.bwwMadness .treeGroup.sweet16 .matchup:nth-child(3) {top: 188px;}
.bwwMadness .treeGroup.sweet16 .matchup:nth-child(4) {top: 568px;}
.bwwMadness .treeGroup.elite8 {top: 425px;}
/*Final Four Layout*/
.bwwMadness .bracket.finalFour  {padding-top: 110px; height: auto;}
.bwwMadness .bracket.finalFour .treeGroup.championship {left: 33.5%;}
.bwwMadness .bracket.finalFour .treeGroup.right {right: 0; padding-right: 0;}
.bwwMadness .bracket.finalFour .treeGroup.left {left: 0; padding-left: 0;}
.bwwMadness .bracket.finalFour .treeGroup li.matchup .vert_bracketLine {display: none;}
.bwwMadness .bracket.finalFour .treeGroup.championship .matchup:before, 
.bwwMadness .bracket.finalFour .treeGroup.left .matchup:before, 
.bwwMadness .bracket.finalFour .treeGroup.right .matchup:after {content: none;} 
.bwwMadness .bracket.finalFour .treeGroup.left .matchup:after {right: -10%;}
.bwwMadness .bracket.finalFour .treeGroup.right .matchup:before {left: -10%;}
.bwwMadness .bracket.finalFour .treeGroup.left .matchup:after, .bwwMadness .bracket.finalFour .treeGroup.right .matchup:before {width: 10%;}

/*Final Four Elements*/
.bwwMadness .bracket.finalFour .finalContainer {height: 175px;}
.bwwMadness .bracket.finalFour span.regionName {top: 0.5em; line-height: 48px;}
.bwwMadness .bracket.finalFour h6 {font-family: tradeGothic20; font-weight: normal; left: 0;position: absolute;right: 0;text-align: center;top: -44px; line-height: 34px; background: #1b1b1b;}
.bwwMadness .bracket.finalFour .nationalChamp,
.bwwMadness .bracket.finalFour .regionButton {position: relative; margin: 0 auto 2em auto; padding: 0 1.5%; width: 33.33%; }
.bwwMadness .bracket.finalFour .regionButton { left: 33.5%; padding: 0 1em;}
.bwwMadness .bracket.finalFour .nationalChamp .teamSelected {border: 4px solid #fff; background: #262626;}
.bwwMadness .bracket.finalFour .nationalChamp .teamInfo li {display: block; line-height: 44px; text-align: center; width: 100%; font-size: 1.25em;}
.bwwMadness .bracket.finalFour .nationalChamp .teamInfo span.seed {padding-right: .5em;}
.bwwMadness .bracket.finalFour .finalContainer .treeGroup.championship .matchup:after {background: #4c4c4c; content: " "; height: 80px; position: absolute; right: 50%; bottom: -80px; width: 1px; top: auto;}


/*Bracket - Matchup Design*/
.bwwMadness .treeGroup .matchup {background: #2b2b2b; border: 1px solid #4c4c4c; position: relative; margin-bottom: 10px;}
.bwwMadness .treeGroup .matchup .gameTime {display: block; background: #393939; border-bottom: 1px solid #4c4c4c; color: #ffd200; padding: 5px 0; text-indent: .5em; font-size: 14px; white-space: nowrap;}
.bwwMadness .treeGroup .matchup .teamSelect {cursor: pointer; height: 44px; width: 100%; border-bottom: 1px solid #4c4c4c; position: relative;}
.bwwMadness .treeGroup .matchup .teamSelect:hover {background: #333;}
.bwwMadness .treeGroup .matchup .teamSelect.inactive {background: transparent; color: #4c4c4c;}
.bwwMadness .treeGroup .matchup .teamSelect.active {background: #484848;}
.bwwMadness .treeGroup .matchup .teamSelect.inactive i {display: none;}
.bwwMadness .treeGroup .matchup .teamSelect.inactive:hover i {display: inline-block;}
.bwwMadness .treeGroup .matchup .teamSelect.active i {color: #ffd200;}
.bwwMadness .treeGroup .matchup .teamSelect + .teamSelect {border: none;}
.bwwMadness .treeGroup .matchup .teamSelect .seed {float: left; width: 10%; max-width: 34px; text-align: center; line-height: 44px; font-size: .85em;}
.bwwMadness .treeGroup .matchup .teamSelect ul.teamInfo {float: left; width: 90%; margin-top: 5px;}
.bwwMadness .treeGroup .matchup .teamSelect ul.teamInfo li {display: block; line-height: 1.2; white-space: nowrap; overflow: hidden;}
.bwwMadness .treeGroup .matchup .teamSelect ul.teamInfo li.teamName {font-family: tradeGothic20;}
.bwwMadness .treeGroup .matchup .teamSelect ul.teamInfo li.teamInfo {font-size: .75em;}
.bwwMadness .treeGroup .matchup .teamSelect i {position: absolute; top: 0px; right: 54px; line-height: 44px; width: 1em;}
.bwwMadness .treeGroup .matchup .matchupInfo {position: absolute; right: 0; top: 25px; width: 44px; height: 88px; background: #333; border-left: 1px solid #4c4c4c; vertical-align: middle; text-align: center; cursor: pointer; line-height: 88px; color: #ccc;}
.bwwMadness .treeGroup .matchup .matchupInfo a {display: inline-block; height: 100%; width: 100%; color: #ccc;}
.bwwMadness .treeGroup .matchup .matchupInfo:hover a,
.bwwMadness .treeGroup .matchup .matchupInfo:hover {background: #393939; color: #fff;}
/*Sweet 16 Bracket - Matchup Design*/
.bwwMadness.rePick16 .treeGroup.round2 .matchup,
.bwwMadness.rePick16 .treeGroup.round3 .matchup,
.bwwMadness.rePick16 .treeGroup.round2 .matchup .teamSelect:hover,
.bwwMadness.rePick16 .treeGroup.round3 .matchup .teamSelect:hover {background: #393939; cursor: default;}
.bwwMadness.rePick16 .treeGroup.round2 .matchup .teamSelect ul.teamInfo,
.bwwMadness.rePick16 .treeGroup.round3 .matchup .teamSelect ul.teamInfo {margin: 0;}
.bwwMadness.rePick16 .treeGroup.round2 .matchup .teamSelect ul.teamInfo li.teamName,
.bwwMadness.rePick16 .treeGroup.round3 .matchup .teamSelect ul.teamInfo li.teamName {line-height: 44px;}
.bwwMadness.rePick16 .treeGroup.round2 .matchup .teamSelect ul.teamInfo li.teamInfo,
.bwwMadness.rePick16 .treeGroup.round3 .matchup .teamSelect ul.teamInfo li.teamInfo {display: none;}



/*Custom BracketLines*/
.bwwMadness .treeGroup .matchup:after, .bwwMadness .treeGroup .matchup:before {background: #4c4c4c; content: " "; height: 1px; position: absolute; right: -5%; top: 68px; width: 5%;}
.bwwMadness .treeGroup .matchup:before {right: auto; left: -5%; }
.bwwMadness .treeGroup li.matchup:nth-child(odd) .vert_bracketLine,
.bwwMadness .treeGroup li.matchup:nth-child(even) .vert_bracketLine {width: 5%; content: " "; position: absolute; right: -5%; top: 68px; height: 68px; border-right: 1px solid #4c4c4c;}
.bwwMadness .treeGroup li.matchup:nth-child(even) .vert_bracketLine {top: auto; bottom: 44px;}
.bwwMadness .treeGroup.round3 li.matchup .vert_bracketLine {height: 100px;}
.bwwMadness .treeGroup.sweet16 li.matchup .vert_bracketLine {height: 300px;}
.bwwMadness .regionLeft .treeGroup.elite8 .matchup:after,
.bwwMadness .regionRight .treeGroup.elite8 .matchup:before,
.bwwMadness .regionLeft .treeGroup.round2 .matchup:before,
.bwwMadness .regionRight .treeGroup.round2 .matchup:after,
.bwwMadness .regionLeft .treeGroup.sweet16 .matchup:before,
.bwwMadness .regionRight .treeGroup.sweet16 .matchup:after,
.bwwMadness .regionLeft .treeGroup.elite8 .matchup:before,
.bwwMadness .regionRight .treeGroup.elite8 .matchup:after {content: none;}
.bwwMadness .treeGroup.elite8 li.matchup .vert_bracketLine {display: none;}

/*Region Specific Elements*/
.bwwMadness span.regionName {font-family: "aachenbold"; font-size: 1.5em; position: absolute; width: 33.33%; top: 490px; left: 33.33%; text-align: center; text-transform: uppercase; color: #393939; line-height: 1.4;}
.bwwMadness .regionStatus {width: 33.33%; font-family: tradeGothic20; font-weight: normal; border: 3px solid #fff; color: #fff; background: #1b1b1b; padding: 0; line-height: 44px; text-align: center; right: 0; top: .5em; position: absolute; text-transform:uppercase;}
.bwwMadness .regionStatus i {display: none; color: #48AB6C;}
.bwwMadness .regionRight .regionStatus {left: 0; right: auto;}
/* .bwwMadness .regionButton .button {width: 100%; font-family: tradeGothic20; font-weight: normal; border: 3px solid #ffd200; color: #fff; background: #1b1b1b; padding: 0; line-height: 44px; text-align: center; cursor: pointer;}
.bwwMadness .regionButton .button.disabled {color: #393939; border: 3px solid #393939; opacity: 1.0; cursor: default;} */

/*Region Completed Styles*/
.bwwMadness.regionComplete {}
.bwwMadness.regionComplete .regionStatus {border-color: #48AB6C;}
.bwwMadness.regionComplete .regionStatus i {display: inline-block;}
.bwwMadness .bracketMasthead .regionSelect dd.complete a i,
.bwwMadness.regionComplete .bracketMasthead .regionSelect dd.active a i,
.bwwMadness .bracketMasthead .regionSelect li.complete a i,
.bwwMadness.regionComplete .bracketMasthead .regionSelect li.active a i {color: #48AB6C;}
.bwwMadness .regionButton .button {width: 100%; font-family: tradeGothic20; font-weight: normal; padding: 0; line-height: 44px; text-align: center; cursor: default; background: #353535; color: #555;}
.bwwMadness.regionComplete .regionButton .button {background: #ffd200; color: #000; cursor: pointer;}
.bwwMadness .regionButton .button:after {content: none;}
.bwwMadness.regionComplete .regionButton .button:after {content: " ";}


/******Matchup Modal******/
#matchupModal {background: #1b1b1b; border: 4px solid #ffd200; padding: 1em; color: #fff; font-family: tradeGothic18; font-size: 14px;}
#matchupModal ul, #matchupModal li {list-style-type: none; padding: 0; margin: 0;}
#matchupModal .content_top, 
#matchupModal .content_bottom {background: #262626; border: 1px solid #4c4c4c;} 
#matchupModal .content_top {margin-bottom: 1em;}
#matchupModal .matchupDetails {position: absolute; left: 0; right: 0; text-align: center; padding-top: .5em; pointer-events: none;}
#matchupModal .matchupDetails li { line-height: 1.2;}
#matchupModal .matchupDetails .region {color: #ffd200; margin-bottom: .25em; font-size: .85em;}
#matchupModal .matchupDetails .region li:first-child { font-family: "aachenbold"; font-size: 1.25em;}
#matchupModal .matchupDetails .gameTime {font-size: 12px;}
/*Team Content*/
#matchupModal .teamSelect {width: 50%; display: inline-block; white-space: nowrap; text-align: center;  float: left;  cursor: pointer;} 
#matchupModal .teamSelect .teamLogo {text-align: center;}
#matchupModal .teamSelect .teamLogo img {height: 90px; width: 90px; display: inline-block; margin: 0 auto;}
#matchupModal .teamSelect .teamContainer {width: 100%; background: #333; line-height: 1; position: relative;}
#matchupModal .teamSelect:hover .teamContainer {background: #393939;}
#matchupModal .teamSelect .teamContainer .teamDetails {line-height: 1; padding: .5em 0;}
#matchupModal .teamSelect .teamContainer .teamDetails .seed,
#matchupModal .teamSelect .teamContainer .teamDetails .teamName {font-size: .9em;}
#matchupModal .teamSelect .teamContainer .teamDetails .mascot {font-family: tradeGothic20; text-transform: uppercase;}
#matchupModal .teamSelect .teamContainer .teamDetails .rank,
#matchupModal .teamSelect .teamContainer .teamDetails .record {font-size: .75em; padding: 0 .5em;}
#matchupModal .teamSelect .teamContainer .teamDetails .record {text-align: right;}
#matchupModal .teamSelect .teamContainer .teamDetails .rank {text-align: left;}
#matchupModal .teamSelect .teamContainer i {position: absolute; left: .5em; top: 20px; font-size: 1.5em;}
#matchupModal .teamSelect.awayTeam .teamContainer i {right: .5em; left: auto;}
#matchupModal .teamSelect.active .teamContainer {background: #48AB6C;}
#matchupModal .teamSelect.inactive .teamContainer {background: #303030; color: #656565;}
#matchupModal .teamSelect.inactive img {opacity: 0.35;}
#matchupModal .teamSelect.inactive .teamContainer i {display: none;}
#matchupModal .teamSelect.inactive:hover .teamContainer i {display: inline-block;}
/*User Pick Percentage*/
#matchupModal .userPicks {margin-top: .5em; position: relative;}
#matchupModal .userPicks span {display: inline-block; text-align: center; font-size: 1.25em;}
#matchupModal .userPicks span:nth-child(2) {width: 100%; font-size: .9em;}
#matchupModal .userPicks .homePct,
#matchupModal .userPicks .awayPct {position: absolute; left: .5em; font-family: tradeGothic20; top: 0;}
#matchupModal .userPicks .homePct {left: auto; right: .5em;}
#matchupModal .userPicks .bar {background: #333; margin-top: .5em; clear: both;}
#matchupModal .userPicks .bar div span {display: inline-block; background: #fff; height: 14px; float: left;}
/*Team Stats Table*/
#matchupModal .content_bottom table {margin: 0;}
#matchupModal .content_bottom table td,
#matchupModal .content_bottom table th {text-align: center; padding: .25em; font-size: 1.1em; line-height: 1.4; font-weight: normal;}
#matchupModal .content_bottom table td.statCat {font-family: tradeGothic20; color: #aaa; text-transform: uppercase;}
#matchupModal .content_bottom table tr:last-child td {border: none;}
/*Close Button*/
#matchupModal .close-reveal-modal {background: none repeat scroll 0 0 #ffd200;color: #000;height: 44px;right: -4px;text-align: center;top: -48px;width: 44px;}


/******View Results Styles******/
.bwwMadness.viewResults .bracketMasthead .roundInfo {border: 1px solid #4c4c4c;}
.bwwMadness.viewResults .resultsInfo ul {white-space: nowrap; background: #202020; clear: both;}
.bwwMadness.viewResults .resultsInfo ul li { padding: 0; margin: 0; line-height: 34px; text-align: center; display: inline-block;}
.bwwMadness.viewResults .resultsInfo ul li.userResults {box-shadow: 0 0 0 3px #fff inset; font-family: tradeGothic20; background: #262626;}
 /*.bwwMadness.viewResults .matchup:hover {cursor: pointer; box-shadow: 0 0 0 3px #444;}*/
.bwwMadness.viewResults .matchup *,
.bwwMadness.viewResults .matchup:hover,
.bwwMadness.viewResults .matchup .matchupInfo:hover,
.bwwMadness.viewResults .matchup:hover .matchupInfo {/*background: #333;*/ cursor: default;}
.bwwMadness.viewResults .treeGroup .matchup .matchupInfo:hover a, .bwwMadness.viewResults .treeGroup .matchup .matchupInfo:hover {background: #333;}
.bwwMadness.viewResults .matchup .gameTime {display: none;}
.bwwMadness.viewResults .matchup .teamSelect,
.bwwMadness.viewResults .matchup .teamSelect:hover {background: transparent;}
.bwwMadness.viewResults .matchup .teamTop,
.bwwMadness.viewResults .matchup .teamBottom {height: 34px;}
.bwwMadness.viewResults .matchup .teamTop {border-bottom: 1px solid #4c4c4c;}
.bwwMadness.viewResults .matchup .teamInfo .teamName { line-height: 34px; font-size: 12px; padding: 0 3px; text-align: left;}
.bwwMadness.viewResults .matchup .teamInfo .teamName span.seed { display: inline-block; padding: 0 3px; text-align: center;}
.bwwMadness.viewResults .matchup .matchupInfo {height: 68px; top: 0;}
.bwwMadness.viewResults .matchup .matchupInfo span {position: absolute; line-height: 34px; left: 0; right: 0; font-size: 16px;}
.bwwMadness.viewResults .matchup .matchupInfo span.top {top: 0;}
.bwwMadness.viewResults .matchup .matchupInfo span.bottom {bottom: 0;}
.bwwMadness.viewResults .matchup .matchupInfo span.dateTime {bottom: 15px; font-size: 10px; line-height: 1.1;}
/*Absolute Positioned Matchups*/
.bwwMadness.viewResults .treeGroup.round3 .matchup:nth-child(3) {top: 40px;}
.bwwMadness.viewResults .treeGroup.round3 .matchup:nth-child(4) {top: 120px;}
.bwwMadness.viewResults .treeGroup.round3 .matchup:nth-child(5) {top: 200px;}
.bwwMadness.viewResults .treeGroup.round3 .matchup:nth-child(6) {top: 280px;}
.bwwMadness.viewResults .treeGroup.sweet16 .matchup:nth-child(3) {top: 120px;}
.bwwMadness.viewResults .treeGroup.sweet16 .matchup:nth-child(4) {top: 360px;}
.bwwMadness.viewResults .treeGroup.elite8 {top: 280px;}
/*Bracket Line Adjustments*/
.bwwMadness.viewResults .regionRight .treeGroup .matchup:after, .bwwMadness.viewResults .treeGroup .matchup:before {top: 33px !important;}
.bwwMadness.viewResults .treeGroup .matchup:after, .bwwMadness.viewResults .treeGroup .matchup:before {top: 33px !important;}
.bwwMadness.viewResults .treeGroup li.matchup:nth-child(odd) .vert_bracketLine,
.bwwMadness.viewResults .treeGroup li.matchup:nth-child(even) .vert_bracketLine { top: 34px; height: 68px; }
.bwwMadness.viewResults .treeGroup li.matchup:nth-child(even) .vert_bracketLine {top: auto; bottom: 34px;}
.bwwMadness.viewResults .treeGroup.round3 li.matchup .vert_bracketLine {height: 100px;}
.bwwMadness.viewResults .treeGroup.sweet16 li.matchup .vert_bracketLine {height: 300px;}
.bwwMadness.viewResults .treeGroup.championship .matchup:after, 
.bwwMadness.viewResults .treeGroup.championship .matchup:before {top: 68px !important;}
/*View Results - overall layout*/
.bwwMadness.viewResults .regionLeft .treeGroup.round3 {left: 40.15%;}
.bwwMadness.viewResults .regionRight .treeGroup.round3 {right: 40.15%;}
.bwwMadness.viewResults .bracket.finalFour {float: none;height: auto;margin: 0 auto;text-align: center; width: 60%;}
.bwwMadness.viewResults .bracket.finalFour .treeGroup {width: 33.33% !important;}
.bwwMadness.viewResults .bracket.finalFour h6 {white-space: nowrap;}
.bwwMadness.viewResults .bracket.finalFour .nationalChamp {margin: 0 auto;}
.bwwMadness.viewResults .bracket.finalFour .finalContainer {height: 130px;}

/*VIEW RESULTS - Selected, Advancing, Eliminated team styles*/
	/*Pick indicators only for round 2 - hiding for all other rounds*/
	.bwwMadness.viewResults .matchup .fa {display:none;}
	.bwwMadness.viewResults.bracketChallenge .round2 .matchup .fa {display:block;}
    .bwwMadness.viewResults.sweetSixteenChallenge .sweet16 .matchup .fa {display:block;}
	.bwwMadness.viewResults .matchup .fa {position: absolute;right: 50px;font-size:16px;}
	.bwwMadness.viewResults .matchup .teamTop .fa {top: 10px;}
	.bwwMadness.viewResults .matchup .teamBottom .fa {bottom: 8px;}
	.bwwMadness.viewResults .matchup.notFinal .fa {color: #666;}
	.bwwMadness.viewResults .matchup.notFinal .picked .fa {color: #fff;}
	.bwwMadness.viewResults .matchup.final .fa-check-square-o:before {content: "";}
	.bwwMadness.viewResults .matchup.final .picked .fa-check-square-o:before {content: "\f00d";color: #aa4242;}
	.bwwMadness.viewResults .matchup.final .winArrow .picked .fa-check-square-o:before {content: "\f00c";color:#48AB6C;}
	.bwwMadness.viewResults .matchup.final .correct.winArrow .picked .fa-check-square-o:before {content: "\f00c";color:#48AB6C;}
	.bwwMadness.viewResults .matchup.final .incorrect.winArrow .picked .fa-check-square-o:before {content: "\f00d";color: #aa4242;}

.bwwMadness.viewResults .matchup .teamName .picked {color:#fff; text-decoration: none;line-height: 34px;}
.bwwMadness.viewResults .matchup .correct .teamName .picked {text-decoration: none; color: #48AB6C; font-family: tradeGothic20;line-height: 34px;}
.bwwMadness.viewResults .matchup .incorrect .teamName .picked {color: #aa4242; text-decoration: line-through;line-height: 17px;}
.bwwMadness.viewResults .matchup .incorrect2 .teamName div {color: #aa4242; text-decoration: line-through;}
.bwwMadness.viewResults .matchup .incorrect .teamName .actual {color:#fff; text-decoration: none;line-height: 17px;}
.bwwMadness.viewResults .matchup .winArrow {position: relative;}
.bwwMadness.viewResults .matchup .winArrow:after {content: "";position: absolute;right: 0;z-index: 9999999;height: 10px;line-height: 34px;border-color: transparent #ffd200 transparent transparent;border-width: 5px 5px 5px 0;border-style: solid;top: 12px;}
.bwwMadness.viewResults .regionRight .matchup .winArrow:after {left: 0; right: auto; border-color: transparent transparent transparent #ffd200; border-width: 5px 0 5px 5px;}
.bwwMadness .treeGroup span.round,
.bwwMadness .treeGroup span.pickStatus {display: none; width: 50%; text-align: left; margin: 0 0 .5em 0; white-space: nowrap;}
.bwwMadness .treeGroup span.round {font-family: "aachenbold"; color: #888;}
.bwwMadness span.roundDate {display:none;}
.bwwMadness .treeGroup span.pickStatus {text-align: right; float: right;}

/*View Results - Print Bracket Button*/
.printButton.button { padding: .5em; background: #333; font-size: 12px; float: right; border: 1px solid #555; font-family: tradeGothic18; line-height: 1.4; color: #ffd200; margin: 0; }
.printButton.button:hover {background: #444;}
.printButton.button i {margin-right: .5em;color: #fff;}

/*MADNESS FOOTER - NCAA LOGOS AND LEGAL TEXT*/
.madnessFooter  {clear:both;}
.madnessFooter .logos {background: #262626; padding: .5em; width: 100%; position: relative; text-align: center;}
.madnessFooter .logos img {height: 54px;}
.madnessFooter .logos img.logo1 {padding: .5em; position: absolute; left: 0;}
.madnessFooter .logos img.logo2 {text-align: center; visibility: hidden;}
.madnessFooter.finalFour .logos img.logo2 {visibility: visible;}
.madnessFooter .logos img.logo3 {padding: .5em;position: absolute; right: 0;}
.madnessFooter p {background: #393939; padding: 1em; line-height: 1.4;}

/*Mobile Media Queries*/
@media only screen and (max-width: 40em) {
	/*Matchup Modal*/
    #matchupModal {border-left: none; border-right: none; width: 100%; margin-top: 44px; z-index: 9999;}
	#matchupModal .close-reveal-modal {right: 0;}
	#matchupModal .teamSelect .teamLogo img {padding: 10%;}
	#matchupModal .teamSelect.awayTeam .teamLogo {padding-right: 30%;}
	#matchupModal .teamSelect.homeTeam .teamLogo {padding-left: 30%;}
	.bwwMadness.viewResults .resultsInfo ul li.userResults {line-height: 34px; margin-bottom: .25em;}
	.bwwMadness.viewResults .resultsInfo ul li {display: block; width: 100%; text-align: left; padding: 0 1em; line-height: 1.4; font-size: 14px; margin-bottom: .25em;}
	.bwwMadness.bracketMobile span.regionName {font-size:1.3em;}
	.bwwMadness .bracketMasthead .regionSelect {overflow-x: auto; white-space: nowrap;}
	.bwwMadness .bracketMasthead .regionSelect dl,
    .bwwMadness .bracketMasthead .regionSelect ul {width: 602px; white-space: nowrap;}
	.bwwMadness .bracketMasthead .regionSelect dd,
    .bwwMadness .bracketMasthead .regionSelect ul li {width: auto; width: 120px;}
	.bwwMadness .bracketMasthead .regionSelect dd a,
    .bwwMadness .bracketMasthead .regionSelect ul li a {text-align: left; text-indent: .5em;}
	.bwwMadness .bracketMasthead .regionSelect dd sup,
    .bwwMadness .bracketMasthead .regionSelect ul li sup {display: inline;}
/****************************************/
/******Mobile Responsive v3*******/
/****************************************/
	.bwwMadness span.regionName {display: none; position: relative; text-align: left; width: 100%; line-height: 44px; display: block; font-size: 1em; color: #fff; top: 0; left: 0;}
	.bwwMadness .regionStatus {padding: 0 0.5em; top: 0; right: 0; width: 100%; }
	.bwwMadness .bracketMasthead .roundInfo li.round {display:none;}
	.bwwMadness .bracketMasthead .roundInfo li.round.active {display:inline-block;}
	.bwwMadness .bracketMasthead .gameHeader div.active {width: 100%;}
	.bwwMadness .bracketMasthead .gameHeader div.inactive,
	.bwwMadness .bracketMasthead .gameHeader div.ball {display: none;}
	/*Matchup Modal*/
	.bwwMadness .bracket {height: auto;}
	.bwwMadness .bracket.one-time ul.treeGroup {height: auto; padding: 0; display: none;}
	.bwwMadness .bracket.one-time ul.treeGroup.slick-active {display: block;}
	.bwwMadness .bracket.one-time ul.treeGroup.round2 {left: -5%;}
	.bwwMadness .bracket.one-time ul.treeGroup.round2.slick-active {left: 0;}
	.bwwMadness .bracket.one-time ul.treeGroup.round3 {left: 28%;}
	.bwwMadness .bracket.one-time ul.treeGroup.round3.slick-active {left: 25%;}
	.bwwMadness .bracket.one-time ul.treeGroup.sweet16 {left: 53%;}
	.bwwMadness .bracket.one-time ul.treeGroup.sweet16.slick-active {left: 50%;}
	.bwwMadness .bracket.one-time ul.treeGroup.sweet16.slick-active ~ ul.treeGroup.round3 {left: 34%;}
	.bwwMadness .bracket.one-time ul.treeGroup .matchup {padding: 0;}
	.bwwMadness.viewResults .bracket ul.treeGroup {height: auto; padding: 0; display: none;}
	.bwwMadness.viewResults .bracket ul.treeGroup.slick-active {display: block;}
	.bwwMadness.viewResults .bracket ul.treeGroup.round2 {left: -5%;}
	.bwwMadness.viewResults .bracket ul.treeGroup.round2.slick-active {left: 0;}
	.bwwMadness.viewResults .bracket ul.treeGroup.round3 {left: 28%;}
	.bwwMadness.viewResults .bracket ul.treeGroup.round3.slick-active {left: 25%;}
	.bwwMadness.viewResults .bracket ul.treeGroup.sweet16 {left: 53%;}
	.bwwMadness.viewResults .bracket ul.treeGroup.sweet16.slick-active {left: 50%;}
	.bwwMadness.viewResults .bracket ul.treeGroup.sweet16.slick-active ~ ul.treeGroup.round3 {left: 34%;}
	.bwwMadness.viewResults .bracket ul.treeGroup .matchup {padding: 0;}
	.bwwMadness .treeGroup.round2 .matchup:after, .bwwMadness .treeGroup.sweet16 .matchup:after, .bwwMadness .treeGroup.elite8 .matchup:before, .bwwMadness .bracket.one-time ul.treeGroup.sweet16.slick-active .matchup:before  {content: " " !important;}
	.bwwMadness .regionLeft .treeGroup.elite8.slick-active .matchup:after {content: none;}
	.bwwMadness .regionRight .treeGroup.round2.slick-active .matchup:before {content: none;}
	.bwwMadness .treeGroup .matchup:before {left: -10% !important; width: 20%  !important;}
	.bwwMadness.viewResults .treeGroup li.matchup .vert_bracketLine,
	.bwwMadness.viewResults .treeGroup.round3 li.matchup .vert_bracketLine,
	.bwwMadness.viewResults .treeGroup.sweet16 li.matchup .vert_bracketLine {height: 44px;}
    h3.bracketTitle {line-height: 1; padding: 1em 0 0; font-size: 1.25em;}
	/*Absolute Positioned Matchups*/
	.bwwMadness .treeGroup .matchup {position: relative !important;}
	.bwwMadness .treeGroup.round3.slick-active .matchup,
	.bwwMadness .treeGroup.sweet16.slick-active .matchup,
	.bwwMadness .treeGroup.elite8.slick-active {top: auto !important; transition: all 0 ease-in-out;}
	.bwwMadness .treeGroup.elite8.slick-active {left: 75%;}
	/*Bracket Lines*/
	.bwwMadness.version3 .treeGroup.round3 li.matchup .vert_bracketLine {height: 150px;}
	/*Mobile Swipe Functionality Hint*/
	.bwwMadness .swipeFunc {display: none;position: fixed;bottom: 0;width: 100%;height: 60px;border-top: 1px solid #000;z-index: 1;background: rgba(0,0,0,0.75); position: relative;}
	.bwwMadness .swipeFunc p {position: absolute; top: 1em; width: 100%; text-align: center; color: #fff;}
	.bwwMadness .swipeFunc div {position: absolute; top: 0; width: 30%; display: inline-block; right: 0; text-align: center;line-height: 100px; width: 100px;height: 100px;-webkit-animation: myfirst 1.5s infinite; /* Chrome, Safari, Opera */-webkit-animation-direction: normal; /* Chrome, Safari, Opera */animation: myfirst 1.5s infinite;animation-direction: normal;}
	.bwwMadness .swipeFunc div i {font-family: 'FontAwesome', sans-serif; color: #fff; top: .5em; position: absolute; font-size: 2em;}
	.bwwMadness .swipeFunc div i:before {content: "\f0a6";}
    /*Replacing the swipe functionality with buttons - styles for buttons below*/
    .bwwMadness .roundButtons .button {width: 49%; height: 44px; line-height: 44px; padding: 0;}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes myfirst {
		0%   {opacity: 1.0; right: 0px;}
		100% {opacity: 0; right: 25%;}
	}
	@keyframes myfirst {
		0%   {opacity: 1.0; right: 0px;}
		100% {opacity: 0; right: 25%;}
	}
	/*Final Four*/
	.bwwMadness .bracket.finalFour {padding-top: 44px;}
	.bwwMadness .bracket.finalFour .treeGroup.championship,
	.bwwMadness .bracket.finalFour .treeGroup {width: 100%; position: relative; display: block; height: auto; left: auto; right: auto; top: auto; float: left; padding: 0 5% !important;}
	.bwwMadness .bracket.finalFour .treeGroup.championship {margin: 3em 0;}
	.bwwMadness .bracket.finalFour .finalContainer {height: auto;}
	.bwwMadness .bracket.finalFour .nationalChamp {width: 100%; padding: 0 5%;}
	.bwwMadness .bracket.finalFour .treeGroup .matchup:before, .bwwMadness .bracket.finalFour .treeGroup .matchup:after {content: none;}
        .bwwMadness .bracket.finalFour .regionButton { width: 100%; left: 0;}

	/******VIEW RESULTS*******/
	.bwwMadness .bracket.one-time ul.treeGroup {position: relative; }
	.bwwMadness.viewResults .bracket {width: 100%;}
	/*View Results - overall layout*/
	.bwwMadness.viewResults .bracket,
	.bwwMadness.viewResults .bracket.finalFour	{visiblity: hidden; overflow: hidden; height: 0; padding: 0 1.25em 0 .5em;}
	.bwwMadness.viewResults .bracket.visible,
	.bwwMadness.viewResults .bracket.visible.finalFour {visibility: visible; height: auto;}
	.bwwMadness.viewResults #panel-1 {display: block;}
	.bwwMadness.viewResults .bracket.finalFour .treeGroup {padding: 0 1em !important;}
	.bwwMadness.viewResults .regionLeft .treeGroup.round3 {left: 40.15%;}
	.bwwMadness.viewResults .regionRight .treeGroup.round3 {right: 40.15%;}
	.bwwMadness.viewResults .bracket.finalFour {float: none;margin: 0 auto;text-align: center; width: 100%;}
	.bwwMadness.viewResults .bracket.finalFour .treeGroup {width: 100% !important;}
	.bwwMadness.viewResults .bracket.finalFour h6 {white-space: nowrap;}
	.bwwMadness.viewResults .bracket.finalFour .nationalChamp {margin: 0 auto;}
	.bwwMadness.viewResults .bracket.finalFour ul.treeGroup {display: block;}
	.bwwMadness.viewResults .bracket.finalFour .finalContainer {height: auto;}
	.bwwMadness.viewResults .matchup .winArrow:after, .bwwMadness.viewResults .regionRight .matchup .winArrow:after {right: 0;z-index: 9999999;border-color: transparent #ffd200 transparent transparent;border-width: 5px 5px 5px 0;}
    .bwwMadness span.roundDate {font-family: "tradeGothic18", Arial, sans-serif; color: #888;text-transform: uppercase;font-size: 11px;margin-left: 7px;display: inline-block !important;}

	.bwwMadness .treeGroup span.round,
	.bwwMadness .treeGroup span.pickStatus {display: inline-block;}
	.bwwMadness .bracketMasthead .roundInfo {display: none;}
	
	.madnessFooter .logos img {height: 34px;}
	}

/****END Mobile v3*****/
	

/****Non-Mobile Updates*****/
@media only screen and (min-width: 40.063em) {
	.bwwMadness .treeGroup {width: 33.33% !important;}
	.bwwMadness .swipeFunc, .bwwMadness .roundButtons {display: none !important;}
	/*LtR Region*/
.bwwMadness .regionLeft .treeGroup.round2 {left: 0;}
.bwwMadness .regionLeft .treeGroup.round3 {left: 33.15%;}
.bwwMadness .regionLeft .treeGroup.sweet16 {left: 50%;}
.bwwMadness .regionLeft .treeGroup.elite8 {right: 0;}
/*RtL Region*/
.bwwMadness .regionRight .treeGroup.round2 {right: 0;}
.bwwMadness .regionRight .treeGroup.round3 {right: 33.15%;}
.bwwMadness .regionRight .treeGroup.sweet16 {right: 50%;}
.bwwMadness .regionRight .treeGroup.elite8 {left: 0;}
/*Right Region*/
.bwwMadness .regionRight .treeGroup .matchup:after, .bwwMadness .treeGroup .matchup:before {background: #4c4c4c; content: " "; height: 1px; position: absolute; right: -5%; top: 68px; width: 5%;}
.bwwMadness .regionRight .treeGroup .matchup:before {right: auto; left: -5%; }
.bwwMadness .regionRight .treeGroup li.matchup:nth-child(odd) .vert_bracketLine,
.bwwMadness .regionRight .treeGroup li.matchup:nth-child(even) .vert_bracketLine {width: 5%; content: " "; position: absolute; left: -5%; top: 68px; border-right: none; border-left: 1px solid #4c4c4c;}
.bwwMadness .regionRight .treeGroup li.matchup:nth-child(even) .vert_bracketLine {top: auto; bottom: 44px;}
.bwwMadness .regionRight .regionButton .chevron_black:after {position: absolute; top: 10px; left: 10px; -moz-transform: rotate(180deg);  /* FF3.5/3.6 */ -o-transform: rotate(180deg);  /* Opera 10.5 */ -webkit-transform: rotate(180deg);  /* Saf3.1+ */ transform: rotate(180deg);  /* Newer browsers (incl IE9) */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; /*IE8+*/}
/*Right Region Alignments*/
.bwwMadness .regionRight .treeGroup .matchup .teamSelect {padding-left: 24px;}
.bwwMadness .regionRight .treeGroup .matchup .teamSelect i {left: 5px; -moz-transform: rotate(180deg);  /* FF3.5/3.6 */ -o-transform: rotate(180deg);  /* Opera 10.5 */ -webkit-transform: rotate(180deg);  /* Saf3.1+ */ transform: rotate(180deg);  /* Newer browsers (incl IE9) */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; /*IE8+*/}
.bwwMadness.makePicks .slick-track {-webkit-transform: inherit !important; -moz-transform: inherit !important; transform: inherit !important;}
/* .bwwMadness .regionRight .treeGroup .matchup .matchupInfo {left: 0; border-right: 1px solid #4c4c4c; border-left: none;} */

/****VIEW RESULTS***/
/******View Results Styles******/
.bwwMadness.viewResults .resultsInfo {margin-bottom: .5em;}
.bwwMadness.viewResults .regionSelect {display: none;}
.bwwMadness.viewResults .treeGroup {width: 40% !important;}
.bwwMadness.viewResults .bracket {float: left; margin: 0; height: 680px;}
.bwwMadness.viewResults .bracketMasthead .roundInfo {margin-bottom: .5em;}
.bwwMadness.viewResults .bracketMasthead .roundInfo li.round {width: 20%; }
.bwwMadness.viewResults span.regionName {font-size: 1em; top: 290px; width: 20%; left: 40.15%; padding: .5em; line-height: 1;}
.bwwMadness.viewResults .bracket {padding: 0;}
.bwwMadness.viewResults .bracket {width: 50%; display: block !important;}
.bwwMadness.viewResults .bracket .slick-track {width: 100% !important; transform: translate3d(0px, 0px, 0px) !important; -moz-transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important;}
/*Right Region*/
.bwwMadness.viewResults .regionRight .treeGroup .matchup:after, .bwwMadness .treeGroup .matchup:before {background: #4c4c4c; content: " "; height: 1px; position: absolute; right: -5%; top: 68px; width: 5%;}
.bwwMadness.viewResults .regionRight .treeGroup .matchup:before {right: auto; left: -5%; }
.bwwMadness.viewResults .regionRight .treeGroup.round2 .matchup:after,
.bwwMadness.viewResults .regionRight .treeGroup.sweet16 .matchup:after,
.bwwMadness.viewResults .regionRight .treeGroup.elite8 .matchup:after {content: none;}
.bwwMadness.viewResults .regionRight .treeGroup li.matchup:nth-child(odd) .vert_bracketLine,
.bwwMadness.viewResults .regionRight .treeGroup li.matchup:nth-child(even) .vert_bracketLine {width: 5%; content: " "; position: absolute; left: -5%; top: 34px; border-right: none; border-left: 1px solid #4c4c4c;}
.bwwMadness.viewResults .regionRight .treeGroup li.matchup:nth-child(even) .vert_bracketLine {top: auto; bottom: 34px;}
.bwwMadness.viewResults .regionRight .matchup .teamInfo .teamName span.seed {float: left; padding-left: 5px;}
.bwwMadness.viewResults .regionRight .matchup .teamInfo .teamName {text-align: left; padding-left: 5px;}
/*Final Four*/
.bwwMadness.viewResults .bracket.finalFour span.regionName {top: -5.25em; white-space: nowrap; z-index: 999;}
}


/*Tablet Media Queries*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/* .bwwMadness .regionRight .treeGroup .matchup .teamSelect i {left: 44px;} */
	.bwwMadness .regionLeft .treeGroup .matchup .teamSelect i {right: 44px;}
	.bwwMadness.viewResults .resultsInfo ul li {display: block; width: 100%;text-align: left;padding-left: 1em;}
	.bwwMadness.viewResults span.regionName {font-size: .75em; padding: .75em .5em;}
	.bwwMadness.viewResults .bracket.finalFour span.regionName {top: -6.5em; z-index: 999;}
	.bwwMadness .bracketMasthead .gameHeader div p {font-size: 11px !important;}
} 

/****END Mobile Non-Mobile Updates*****/

/*BWW global.css Overrides*/
.bwwMadness .slick-list {overflow: initial;}

/***ADDED BY AARON FOR NAT'L CHAMPS BOX***/
.nationalChamp .picked.correct { color: #48AB6C; }
.nationalChamp .picked.incorrect { color: #AA4242; line-height: 25px; font-size: .9em;}
.nationalChamp .picked.incorrect2 { color: #AA4242; }
.nationalChamp .actual { line-height: 25px; font-size: .9em; }
.nationalChamp .strike { text-decoration: line-through; }