@charset "UTF-8";
/* CSS Document */


html {
	font-family: 'IBM Plex Sans', sinter, Roboto, 'Open Sans',Tahoma,Arial,sans-serif;
	font-size:100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin: 0;
	padding: 0;
/*	background-image: url("images/bg-augusta.jpg");*/
/*	background-size: cover;*/
/*	background-size: 100% auto;*/
/*	background-position: center top;*/
/*	background-repeat: no-repeat;*/
/*	background-attachment: fixed;*/
}

body {
	font-family: 'IBM Plex Sans', sinter, Roboto, 'Open Sans',Tahoma,Arial,sans-serif;
	margin: 0;
	padding: 0;
	
	background-image: url("images/bg-masters-2026.jpg");
	/*	background-size: cover;*/
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
/*    background-position: center bottom, center top;*/
/*    background-size: 10px 1900px, 125px;*/
/*    background-repeat: repeat-x, repeat;*/
/*	background-attachment: scroll,fixed;*/
	
/*	-webkit-transition: background .4s ease-in;*/
/*	-moz-transition: background .4s ease-in;*/
/*	-ms-transition: background .4s ease-in;*/
/*	-o-transition: background .4s ease-in;*/
/*	transition: background .4s ease-in;*/
}



/*
html {
	padding-left: 8px !important;
	padding-right: 8px !important;
}
*/


@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2), 
    only screen and (-o-min-device-pixel-ratio: 2 / 1), 
    only screen and (min-device-pixel-ratio: 2), 
    only screen and (min-resolution: 192dpi), 
    only screen and (min-resolution: 2dppx) {
        
/*
        body,
        html {
            background-image:url(https://dynastygenie.com/dynasty/HBO/BG--HBO-500-Light-Fade@2x.jpg);
            background-size:500px 1500px;
            background-repeat:repeat-x;
            background-position:center top;
        }
*/
}



/*
* {
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}
*/

.container {
	width:100%;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}

#leaderboardWrapper {
	width: 334px;
	height: 2750px;
	height: 2350px;
	height: 2245px;
	overflow: hidden;
	margin: 0 auto 100px;
	padding: 0;
    position: relative;
    background-color:transparent;
    background: transparent;
	z-index:100;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}

#leaderboard {
	width: 1400px;
    width: 1336px;
	height: 3750px;
	margin-left:-14px;
	overflow: hidden;
    position: relative;
    background-color:transparent;
    background: transparent;
	z-index:110;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}

#leaderboard iframe {
	position: absolute;
    left:0;
    top:0;
	
	z-index:120;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}


@media screen and (max-width: 600px) {
    .headerWrapperShady h1 {
        font-size: 24px;
    }
}






#leaderboardWrapperWrapper {
  width: 1367px;
  text-align: left;
  margin: auto;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}

.container {
	position: relative;
}

.mainContainer {
/*	width:100%;*/
/*	overflow-x: scroll;*/
}



.subContainer {
/*	width:1347px;*/
/*	width:1335px;*/
/*	width:1332px;*/
/*	width: 1332px;*/
/*	max-width: 1332px;*/
	width: 1342px;
	min-width: 1342px;
	max-width: 1342px;
/*	background: #fff;*/
	margin-left: auto;
	margin-right: auto;
/*	padding-right: 8px;*/
	padding-right: 10px;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}


.containerHeader {
	width: 100%;
	position: -webkit-sticky !important;
	position: sticky !important;
	left: 0;
	z-index: 900;
	
	max-width: 1337px;
    margin-left: auto;
    margin-right: auto;
	
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}

.subContainerHeader {
	background: transparent;
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}



.pageTitleWrapper {
	width: 334px;
	height: auto;
	padding: 12px 0;
	margin: 15px auto 0;
/*	background: #019944;*/
	background: rgba(0, 113, 50,.95);
	color: #FFDC15;
	clear: both;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}

.pageTitleWrapper h1 {
	font-size: 19px;
	line-height: 100%;
	font-family: 'Farsan', 'IBM Plex Sans', sinter, 'IBM Plex Sans Condensed', 'Roboto Condensed', 'IBM Plex Sans', Roboto, Arial, Tahoma, sans-serif;
	font-weight: 100;
	font-family: 'IBM Plex Sans', ibm-plex-sans, sinter, 'IBM Plex Sans Condensed', 'Roboto Condensed', 'IBM Plex Sans', Roboto, Arial, Tahoma, sans-serif;
	font-weight: 700;
	text-align: center;
/*	color: #FFDC15;*/
	color: #F4DC01;
	padding: 0;
	margin: 0;
/*	padding-top: 8px;*/
/*	text-transform: uppercase;*/
/*	margin-left: 0;*/
}

.pageTitleWrapper h1 span {
	font-weight: 100;
	font-family: sinter,'IBM Plex Sans', Roboto, Arial, Tahoma, sans-serif;
	color: #cd2122;
}


.logoWrapperMasters {
/*    width: 200px;*/
    width: 160px;
    height: auto;
    margin: 15px auto 0;
}

.logoWrapperMasters img {
    width: 100%; 
    height: auto;
    display: block;
    clear: both;
    -webkit-filter: drop-shadow(0px 0px 25px rgba(0,0,0,.35));
    filter: drop-shadow(0px 0px 25px rgba(0,0,0,.35));
}



@media screen and (max-width: 80rem) {
	
	html {
/*		background-size: 1600px auto;*/
	}
	
}

@media screen and (max-width: 62rem) {
	
	body {
		background-size: 1200px auto !important;
	}
	
	.pageTitleWrapper {
		
	}
	
	.pageTitleWrapper h1 {
/*		font-size: 32px;*/
	}
	
	.pageLogoWrapper img {
/*		width: 225px;*/
/*		height: 50px;*/
	}
	
}


@media screen and (max-width: 54rem) {
	
	.pageTitleWrapper {
		
	}
	
	.pageTitleWrapper h1 {
/*		font-size:29px;*/
	}
	
	.pageLogoWrapper img {
/*		width: 225px;*/
/*		height: 50px;*/
	}	
	
}




@media screen and (max-width: 48rem) {
	
	.pageTitleWrapper {
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
		clear: both;
		height: auto;
		text-align: center;
	}
	
	.pageTitleWrapper h1 {
		font-size: 18px;
/*		margin: 0 auto 5px;*/
		padding-top: 0;
		text-align: center;
	}
	
/*
	table.teamInfoTable tr.teamNames td.derek {
		font-weight: 500;
		letter-spacing: .01rem;
		text-transform: none;
	}
	table.teamInfoTable tr.teamNames td.derek a, table.teamInfoTable tr.teamNames td.derek a:link, table.teamInfoTable tr.teamNames td.derek a:visited {
		font-weight: 500;
	}
*/
    
    .logoWrapperMasters {
        width: 120px;
    }
	
	
}





.topnav {
  background-color: #000;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}








/* NEW STICKY STUFF 5/19/21 */

.subContainer .teamInfoTableWrapper {
	position:relative;
	height:2000px;
	margin-bottom:-1805px;
	z-index:800;
}

.teamNamesWrapper {
	min-height:65px !important;
	height:65px !important;
	max-height:65px !important;
	position: relative;
	display:block;
}

.teamNamesWrapper .teamInfoTableTeamNames {
	border-collapse: collapse;
	min-height:65px !important;
	height:65px !important;
	max-height:65px !important;
	
/*	height:100%;*/
/*	min-height:100%;*/
/*	max-height:100%;*/
	
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

#stickThis,
#stickThis.stick {
	position: -webkit-sticky !important;
	position: sticky !important;
	top:0;
/*	top:-1px;*/
/*	left:0;*/
	z-index:1000;
	
	height:65px;
	min-height:65px;
	max-height:65px;
	
/*	width: 1332px;*/
	width: 1332px;
	max-width: 1332px;
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
	background-origin: border-box !important;
	background-clip: border-box !important;
}



/*
.is-pinned {
	font-weight:300 !important;
	font-size: 32px !important;
	z-index:1000;
	background:#cd2122;
	color:#fff;
	border:5px solid #cd2122;
	
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
*/



/*
#stickThis::after {
  position:absolute;
  content:'';
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:transparent;
  width:100%;
  z-index:800;
}

#stickThis.stick::after {
  position:absolute;
  content:'';
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:#d9d9d9;
  width:100%;
  z-index:800;
}
*/

#stickThis.stick table.teamInfoTable,
#stickThis table.teamInfoTable {
	height:65px;
	min-height:65px;
	max-height:65px;
}

#stickThis.stick table.teamInfoTable tr.teamNames td,
#stickThis table.teamInfoTable tr.teamNames td {
	
/*	height: auto;*/
/*	min-height:none;*/
/*	max-height: none;*/
	
	height:65px;
	min-height:65px;
	max-height:65px;
	
/*
	height:100%;
	min-height:100%;
	max-height:100%;
*/
	
	padding-top:0;
	padding-bottom:0;
	
	position:relative;
}

#stickThis.stick table.teamInfoTable tr td:nth-child(n+1):nth-child(-n+11)::after,
#stickThis table.teamInfoTable tr td:nth-child(n+1):nth-child(-n+11)::after {
    content: '';
    position: absolute;
    right: -1px;
	bottom: 20%;
	height: 50%;
    border-right: 1px solid #E5E5E5;
	z-index: 801;
}

#ownerNames {
  height:30px;
}

table.teamInfoTable tr.ownerNames td {
  height:30px;
  max-height:30px;
	padding-top:0;
	padding-bottom:0;
}

table.ghost {
	display:none;
}

/*
table.ghost {
	background:#fff;
}

table.ghost.hide {
	display:none;
}
*/

@media screen and (max-width: 48rem) {


	table.teamInfoTable tr.teamNames td {
/*
		height: auto;
		min-height: none;
		max-height: none;
		position: relative;
		padding-top:0;
		padding-bottom:0;
		vertical-align: middle;
*/
	}
	
	#leaderboard {
/*		width: 1335px;*/
/*		margin-left: -3px;*/
	}
	
	@supports (-webkit-touch-callout: none) {
		#leaderboard {
/*			margin-left: -2px;*/
		}
	}
		
}


/*
@media screen and (max-width: 34.5rem) {
	
	#leaderboard {
		margin-left: -2px;
	}
		
}
*/