:root{
    --main:#84012d;
}

h3{
    font-size:1.75rem;
}

.wc-main{
    margin-top:0px!important;
}

.cron{
    background:url('/wp-content/themes/bjsports/assets/img/wc/cron.jpg')top center no-repeat;
    background-size: cover;
    height:600px;
}

.cron-mobi{
    background:url('/wp-content/themes/bjsports/assets/img/wc/cron.jpg')top left no-repeat;
    background-size: cover;
    padding-left:0px;
    padding-right:0px;
}


.single-wc-header{
    background:url('/wp-content/themes/bjsports/assets/img/wc/header.jpg')top center no-repeat;
    background-size: cover;
    height: 500px;
}

.single-wc-header-mobi{
    background:url('/wp-content/themes/bjsports/assets/img/wc/header-mobi.jpg')top center no-repeat;
    background-size: cover;
    height: 350px;
}

.cron-text{
    width:50%;
    color:white;
    float: right;
    padding:40px 15px;
    font-size:16px;
    line-height: 26px;
}

.cron-text{
    width:50%;
    color:white;
    float: right;
    padding:40px 15px;
    font-size:16px;
    line-height: 26px;
}

.cron-text-mobi{
    color:white;
    padding:40px 30px;
    font-size:12px;
    line-height: 22px;
    background: rgba(0,0,0,0.5);
}

.video-overlay.wcp{
    background: rgb(28,28,28);
    background: linear-gradient(180deg, rgba(110,17,49,0) 40%,  rgba(110,17,49,0.5) 70%, rgba(110,17,49,1) 100%);
}

.wc-view-more{
    background:var(--main);
    color:white;
    font-weight: bold;
    font-size:18px;
    padding:10px 50px;
    border-radius: 20px;
    margin-top:15px;
    box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
}

.wc-view-more:hover{
    color:white;
}

.wc-title{
    border:2px solid var(--main);
    padding:10px 15px;
    color:var(--main);
    font-weight: bold;
    font-size: 30px;
    min-width: 600px;
    margin-bottom:30px;
}

.wc-title-mobi{
    border:2px solid var(--main);
    padding:10px 15px;
    color:var(--main);
    font-weight: bold;
    font-size: 20px;
    margin-bottom:30px;
}

.wc-title.inverted, .wc-title-mobi.inverted{
    background:white;
    color:var(--main);
}

.odds-table{
    text-align: center;
    color:var(--main);
}

.odds-table thead th{
    background:var(--main);
    color:white;
    text-transform: uppercase;
}

.odds-table td{
    font-weight: 600;
    width:50%;
    border:none;
}

.odds-table>tfoot>tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.odds-table tfoot{
    display:none;
}

#odd-more{
    cursor: pointer;
}

.wc-subtitle{
    color:black;
    font-size:30px;
    font-weight: bold;
    margin-bottom:15px;
}

.wc-subtitle.invert{
    color:white;
    font-size:30px;
    font-weight: bold;
    margin-bottom:15px;
}

.wc-subtitle-mobi{
    color:black;
    font-size:18px;
    font-weight: bold;
    margin-bottom:15px;
}

.wc-subtitle-mobi.invert{
    color:white;
    font-size:18px;
    font-weight: bold;
    margin-bottom:15px;
}

.brazil-div{
    border:2px solid var(--main);
    border-radius:10px;
    width:500px;
    margin:0 auto;
    padding:0 15px;
    margin-bottom:20px;
}

.brazil-div.invert{
    border:none;
    background:white;
    border-radius:10px;
    width:500px;
    margin:0 auto;
    padding:0 15px;
    margin-bottom:20px;
}

.brazil-div-mobi{
    border:2px solid var(--main);
    border-radius:10px;
    margin:0 auto;
    padding:0 15px;
    margin-bottom:20px;
}

.brazil-div-mobi.invert{
    border:none;
    background:white;
    border-radius:10px;
    margin:0 auto;
    padding:0 15px;
    margin-bottom:20px;
}

.group-left-div{
    border:2px solid var(--main);
    border-radius:10px;
    margin:0 auto;
    padding:5px 15px;
    margin-bottom:20px;
    height:255px;
}

.group-left-div.invert{
    border:none;
    background:white;
    border-radius:10px;
    margin:0 auto;
    padding:5px 15px;
    margin-bottom:20px;
    height:255px;
}

.group-left-div-mobi{
    border:2px solid var(--main);
    border-radius:10px;
    margin:0 auto;
    padding:5px 10px;
    margin-bottom:20px;
}

.group-left-div-mobi.invert{
    border:none;
    background:white;
    border-radius:10px;
    margin:0 auto;
    padding:5px 15px;
    margin-bottom:20px;
}

.group-left-div.full{
    height: auto;   
}

.brazil-div.invert.full{
    width:100%;
}

.brazil-table{
    margin-bottom: 0px;
    border-collapse: separate;
    border-spacing:0 8px;
}

.brazil-table th{
    background:var(--main);
    color:white;
    width:80%;
    text-align: left;
    font-size:20px;
    padding:2px 15px;
}

.brazil-table td{
    font-size:20px;
    font-weight: bold;
    color:var(--main);
    text-align: center;
    padding:2px 15px;
}

.brazil-table-b, .brazil-table-c{
    margin-bottom: 0px;
    border-collapse: separate;
    border-spacing:0 8px;
}

.brazil-table-b th{
    background:var(--main);
    color:white;
    width:60%;
    text-align: left;
    font-size:20px;
    padding:2px 15px;
}

.brazil-table-c th{
    background:var(--main);
    color:white;
    width:30%;
    text-align: left;
    font-size:20px;
    padding:2px 15px;
}

.brazil-table-b td, .brazil-table-c td{
    font-size:24px;
    font-weight: bold;
    color:var(--main);
    text-align: center;
    padding:2px 15px;
}

.brazil-table-b thead td, .brazil-table-c thead td{
    font-size:20px!important;
}


.brazil-table-mobi{
    margin-bottom: 0px;
    border-collapse: separate;
    border-spacing:0 8px;
}

.brazil-table-mobi th{
    background:var(--main);
    color:white;
    width:80%;
    text-align: left;
    font-size:12px;
    padding:2px 15px;
}

.brazil-table-mobi td{
    font-size:16px;
    font-weight: bold;
    color:var(--main);
    text-align: center;
    padding:2px 15px;
}

.brazil-table-b-mobi, .brazil-table-c-mobi{
    margin-bottom: 0px;
    border-collapse: separate;
    border-spacing:0 8px;
}

.brazil-table-b-mobi th{
    background:var(--main);
    color:white;
    width:60%;
    text-align: left;
    font-size:12px;
    padding:2px 15px;
}

.brazil-table-c-mobi th{
    background:var(--main);
    color:white;
    width:30%;
    text-align: left;
    font-size:16px;
    padding:2px 15px;
}

.brazil-table-b-mobi td, .brazil-table-c-mobi td{
    font-size:16px;
    font-weight: bold;
    color:var(--main);
    text-align: center;
    padding:2px 15px;
}

.brazil-table-b-mobi thead td, .brazil-table-c-mobi thead td{
    font-size:14px!important;
}

.pink-bg{
    background: rgb(170,29,65);
    background: linear-gradient(180deg, rgba(170,29,65,1) 0%, rgba(119,21,52,1) 100%);
    color:white;
    padding:10px;
}

.pink-bg h3{
    font-weight: bold;
    margin-bottom: 0px;
    font-size:1.75rem;
}

.full-bg{
    background:#640022;
}

.font-white{
    color:white;
}

.group-table td{
    color:var(--main);
    font-size:20px;
    font-weight: bold;
}

.group-table-b td{
    color:var(--main);
    font-size:16px;
    font-weight: 600;
}

.group-table-b{
    margin-bottom: 0px;
    border-collapse: separate;
    border-spacing:0 7px;
}

.group-table-mobi{
    margin-bottom: 0px;
}

.group-table-mobi td{
    color:var(--main);
    font-size:12px;
    font-weight: bold;
    padding:2px 4px;
}

.group-table-b-mobi td{
    color:var(--main);
    font-size:16px;
    font-weight: 600;
}

.group-table-b-mobi{
    margin-bottom: 0px;
    border-collapse: separate;
    border-spacing:0 7px;
}

.img-shadow{
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

.score-box{
    background:#640022;
    color:white;
    padding:5px 0;
}

.table-small{
    font-size:12px;
}

.lh-small{
    line-height: 18px;
}

.wc-nav{
    color:white;
    text-transform: uppercase;
    font-size:20px;
    margin:5px 0;
    font-weight: normal;
}

.wc-nav-mobi{
    color:white;
    text-transform: uppercase;
    font-size:10px;
    margin:3px 0;
    font-weight: normal;
}

.wc-header-box{
    display: flex;
    flex-direction: column;
    margin-top:60px;
}

.wc-header-box-mobi{
    display: flex;
    flex-direction: column;
    margin-top:40px;
}

.wc-nav-mobi i{
    padding-right:5px;
}

.flogo{
    margin-top:30px;
}

.wc-nav:hover{
    color:yellow;
}

.wc-nav i{
    color:transparent;
}

.wc-nav:hover > i{
    color:yellow;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #3B8468;
  color: white;
  cursor: pointer;
  padding: 7px 12px;
  border-radius: 4px;
}
.main-mobi{
    margin-top:0px!important;
}

.teamname{
    font-size: 20px!important;
}