////////////////* ACCORDION */////////////////
.accordion {
  background-color: var(--mid_grey);
  cursor: pointer;
  padding: 16px 24px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  display: inline;
  border-radius: 4px;
}
.active accordion:hover {
  background-color: #ccc;
}
/* 
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.active:after {
  content: "\2212";
}
.panel {
  padding: 8px 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border: 1px solid #CCC;
  color: var(--grey);
}*/

////////////////* TEAM TABLES */////////////////

.teamlist {
    border-spacing: 0px;
    border-bottom: 1px solid var(--light_grey);
}  
/* 
.teamlist tr:nth-child(even){
    background-image: url('../images/cities/dot.png');
} */
.teamlist td {
    border-bottom: 1px solid var(--light_grey);
}
.teamlist tr:nth-child(1){
    font-size: var(--xsmall);
    font-weight: normal;
    text-transform: uppercase;
    background-color: var(--grey);
    border-bottom: 1px solid var(--grey);
    color: var(--white);
}
.teamlist td:nth-child(1),
.teamlist th:nth-child(1){
    padding-right: 8px;
    min-width: 48px;
}
.teamlist th:nth-child(2){
    min-width: 180px;
    padding-right: 8px;    
}
.teamlist td:nth-child(2){
    min-width: 180px;
    padding-right: 8px;
    font-size: var(--large);
}
.teamlist th:nth-child(3){
    width: 150px;
    padding-right: 8px;
}
.teamlist td:nth-child(3){
    min-width: 150px;
    padding-right: 8px;
}
.teamlist th:nth-child(4),
.teamlist th:nth-child(5),
.teamlist th:nth-child(6),
.teamlist th:nth-child(7),
.teamlist th:nth-child(8),
.teamlist td:nth-child(4),
.teamlist td:nth-child(5),
.teamlist td:nth-child(6),
.teamlist td:nth-child(7),
.teamlist td:nth-child(8){
    text-align: right;
    padding-right: 8px;
}
.teamlist td:nth-child(5){
    font-weight: bold;
}
.teamlist td{
    padding: 12px 0px 12px 0px;
}
.teamlist h3{
    padding: 0px;
}
.alth3{
    font-size: var(--xlarge);
    margin: 16px 0px 0px 0px;
    padding: 4px 0px 4px 8px;
}
.changeofleague{
    font-size: var(--xsmall);
    text-transform: uppercase;
    color: var(--white);
    padding: 1px 4px 1px 4px;
    border-radius: 4px;
    width: 40px;
    margin-top: -2px;
}


/* _________________ 0px > 767px MEDIA QUERY ________________ */

@media only screen and (min-width:0px) and (max-width: 767px){

.teamlist {
   
} 
.teamlist th{
    padding: 4px 0px 4px 0px;
}  
.teamlist th:nth-child(1){
    padding: 0px 0px 0px 0px;
}
.teamlist td:nth-child(1){
    padding: 0px 0px 0px 0px;
}
.teamlist th:nth-child(2){
    min-width: 80px;
}
.teamlist td:nth-child(2){
    min-width: 80px;
}
.teamlist th:nth-child(3){
    padding-left: 4px;
}
.teamlist td:nth-child(3){
    padding-left: 4px;
}      
.teamlist th:nth-child(5){
    padding-right: 4px;
}    
.teamlist td:nth-child(5){
    padding-right: 4px;
}
.teamlist td:nth-child(4),
.teamlist td:nth-child(6),
.teamlist td:nth-child(7),
.teamlist td:nth-child(8),
.teamlist td:nth-child(9){
    display:none;
}
.teamlist th:nth-child(4),
.teamlist th:nth-child(6),
.teamlist th:nth-child(7),
.teamlist th:nth-child(8),
.teamlist th:nth-child(9){
    display:none;
}
.teamlist th:nth-child(10){
    padding-right: 8px;
}
.teamlist td:nth-child(10){
    padding-right: 8px;
}

}