/*
=================================
    TABLE ADN HEADER CONTAINER
=================================
*/

#league-top-scorers-container 
{
    width: 40%;
}

#league-top-scorers-stats-container {

    /* Table Header Styling */
    th 
    {
        border-bottom: 3px solid red; /* Add red bottom border */
    }

    tr 
    {
        padding: 3px;
    }

    /* Data in Row Style */
    td
    {
        padding: 5px;
    }
}

    /*
    ===========================
        TABLE COLUMNS STYLE
    ===========================
    */

    #league-top-scorers-goals-column 
    {
        text-align: center;
        font-size: 20px;
        font-weight: bolder;
    }

    #league-top-scorers-logo 
    {
        width: 25px;
        margin: 0 15px;
        cursor: pointer;
    }

    #league-top-scorers-player-name-column 
    {
    
        font-size: 14px;
        font-weight: bold;
        padding-right: 15px;
    }
    
    #league-top-scorers-club-name-column 
    {
        padding-right: 15px;
    }

/*
==============================================================
                       HOVER STYLES
==============================================================
*/

#league-top-scorers-stats-container tbody tr:hover 
{

    border: 1px solid lightgray;

    #league-top-scorers-logo {
        width: 32px;
    }
    
    #league-top-scorers-player-name-column {
        text-decoration: underline;
    }
}

/*
==============================================================
                 DYNAMIC PAGE WIDTH STYLES
==============================================================
*/

@media (max-width: 1230px) {
    #league-top-scorers-logo {
        align-items: center;
        width: 75%;
    }   
}