@font-face {
    font-family: sportFont;
    src: url(fonts/sports.ttf);
}

@font-face{
    font-family:numberFont;
    src:url(fonts/Carre.ttf);
}



body{
    padding: 0px;
    -webkit-font-smoothing: antialiased;
    width:100%;
    overflow:hidden;
    padding:0;
    margin:0;
    background-size: 100%;
}
.centered_logo {
    background-image: url(https://thcsd.com/wp-content/uploads/2019/02/cropped-thcsd_logo.png);
    background-position: center;
    background-repeat:no-repeat;
    background-size: 100%;
position:absolute;
top:calc(50% - 28vw);
left:calc(50% - 20vw);
width:40vw;
height:40vw;

z-index: -100;
}
.info-holder{
margin-top: -10px;
display:none;
}

#infoBarEle {
    -webkit-transition: background-color 4.5s; /* Safari */
    transition: background-color 4.5s;
}

.wrapper{
width:100%;
height:100%;
z-index: -99;
position: relative;

/*padding: 0px 12px 12px 23px;*/


}

.moveUp{

animation-name: moveLeaders;
animation-fill-mode: forwards;
animation-duration: 5s;
animation-delay: 5s;
animation-timing-function: linear;

}
/*
@keyframes moveLeaders{
    0%{transform: translate(0px, 0px);}
    100%{transform: translate(0px, -50%);}
}
*/
/* 
.moveLeaders{
    transition: transform 15s;
    transform: translate(0px,-1282px);
}
 */


.infoWrap{
    margin:0 auto;
}

.info-bar{
	width: 100%;
    display: inline-flex;
    /*background-color: #21244a;*/
    color: white;
    text-shadow: 1px 2px #525050;
    /*border-bottom: 13px solid #a5a5a5;
    border-radius: 10px;
    */
    position:relative;
    height:8vw;
}
.info-bar span {
color: white;
}
.sport-icon{
    position:absolute;
    right:0;
    top:0;
    background-color:white;
    background-image: url(https://thcsd.com/wp-content/uploads/2019/02/cropped-thcsd_logo.png);
    background-position: center 2.5vw;
    background-repeat:no-repeat;
    background-size: 11vw auto;
    width:13vw;
    height:8vw;
    display:none;
}
.leaderboard-title{
	margin:2vw 2vw;
	line-height: 2.5vw;
}

.leaderboard-title span{
	font-size: 2em;
    font-family: sportFont;
    margin-left:8vw;
}

.leader-info{
	margin: 10px;
    font-size: 1.5em;
    padding: 10px;
    border-radius: 10px;
/*     box-shadow: 0px 4px #2d2a2a; */
    line-height: 41px;

}
.prizePool{

	margin: 10px;
    font-size: 1.5em;
    padding: 10px;
    border-radius: 10px;
/*     box-shadow: 0px 4px #2d2a2a; */
    text-align: center;
    line-height: 41px;

}

.logo{
    width: 265px;
    height: 100px;
    border-radius: 10px;
    margin: 10px;
    background-size: 221px;
    background-repeat: no-repeat;
    background-position: center;
    position:absolute;
    right:10px;
    display:none;
}


.leaders{
/*margin-left: -8px;*/
/* min-width: 600px; */
/* min-width: px; */
/* min-width: 33%; */

}

.leader-info2{
    color: white;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 4px 4px 4px;
    font-size: 1.8vw;
    position: relative;
    top: 51px;
}

.bottomLeader{

}

.leaderboard-title {
    font-size:1.4vw;
    padding-top:1.5vw;
}

.leader{
    
    padding: 10px;
    border-radius: 6px;
    color: white;
    text-shadow: 0px 2px 2px #828282;
/*     box-shadow: 0px 7px 4px #1d1c1c; */
    text-overflow: ellipsis;
    overflow: hidden;
    height: 39px;
}


.leader-points{
	float: right;
    
    padding: 21px;
    margin: -10px -10px;
    border-radius: 6px;
    color: #fbfbfb;
    font-size: 20px;
}

.display_holder {
position:relative;
overflow:hidden;
}
table{
    width:100%;
    color:white;
    /* blue */
    border-collapse: collapse;
    font-size:3vw;
    table-layout:fixed;

}

/* 
tr:nth-child(even){
    background-color: #555555;
}
 

table,td,th{
   border:1px solid #a5a5a5;
}
*/






/* 
tr{
    background-color:#g;
}
 */

td:nth-child(1) { 
    width: 100px; 
}


td{
    /* text-shadow: 2px 2px #ffffff; */
    text-align: center;
    padding: 0 1vw 0.5vw 1vw;
}
th {
display:none;
font-size:50%;
}
.price_list {
background:transparent;
margin-bottom:0.5vw;
}
.price_list th {
display:table-cell;
font-weight:bold;
}
#product_table {
width:100%;
height:100%;
font-size:2vw;
/* transition: opacity 0.5s; */
}
#product_table td {
padding-top:1vw;
text-shadow: 2px 2px #000000;
}
#product_table_header {
height:4vw;
position:absolute;
background-image: linear-gradient(#6d4994, #cc59c8);
font-size:1.6vw;
/* box-shadow: 0 2px 3px #000000; */
display:none;
}
#product_table_header td {
padding-top:1vw;
color:#ffffff;
font-weight: bold;
}
#product_table .product_image {
border-radius:16px;
width:8vw;
height:8vw;
background:#ffffff;
/* border:solid 0vw #8259a5; */
padding:0;
/* box-shadow: 0 2px 3px #000000; */
overflow:hidden;
}

#product_fader {
z-index: 1001;
position:relative;
width:100%;
height:100%;
background:black;
position:absolute;
top: 0;
pointer-events:none;
display:none;
}
.category-icon{
    position:absolute;
    left:0;
    top:0;
    background-color:white;
    background-position: center;
    background-repeat:no-repeat;
    background-size: auto 7vw;
    width:8vw;
    height:8vw;
    display:none;
}

