/* LAYOUT */
.molecule-attendance-bytipe { }
.molecule-attendance-bytipe .col-santander { margin-bottom: 36px; }

/* ICONS */
.molecule-attendance-bytipe .league-icon-holder { padding: 10px 0 15px 0; }
.molecule-attendance-bytipe .league-icon-holder .league-icon { width: 50%; margin: 0 auto; }
.molecule-attendance-bytipe .league-icon-holder .league-icon svg { max-width: 100%; }

/* TABLES */
.molecule-attendance-bytipe .table-holder { width: 100%; overflow: auto; }
.molecule-attendance-bytipe .table-holder table { min-width: 100%; }

@media only screen and ( min-width: 48em ) {

    /* LAYOUT */
    .molecule-attendance-bytipe .col-santander { margin-bottom: 42px; }
    
    /* ICONS */
    .molecule-attendance-bytipe .league-icon-holder { padding: 10px 10px 15px 10px; }
    .molecule-attendance-bytipe .league-icon-holder .league-icon { margin: 0; }

}

@media only screen and ( min-width: 62em ) { 
    /* LAYOUT */
    .molecule-attendance-bytipe .col-santander { margin-bottom: 0; }
    /* TABLES */
    .molecule-attendance-bytipe .col-santander .table-holder { padding: 0 15px 0 0; }
    .molecule-attendance-bytipe .col-smartbank .table-holder { padding: 0 0 0 15px; }
    /* ICONS */
    .molecule-attendance-bytipe .league-icon-holder .league-icon { width: 100%; }
    .molecule-attendance-bytipe .col-smartbank .league-icon-holder { padding: 10px 20px 20px 20px; }
    .molecule-attendance-bytipe .col-santander .league-icon-holder { padding: 10px 20px 20px 10px; }
}

@media only screen and ( min-width: 75em ) { 
    /* TABLES */
    .molecule-attendance-bytipe .col-santander .table-holder { padding: 0 35px 0 0; }
    .molecule-attendance-bytipe .col-smartbank .table-holder { padding: 0 0 0 35px; }
    /* ICONS */
    .molecule-attendance-bytipe .col-smartbank .league-icon-holder { padding: 10px 10px 30px 35px; }
    .molecule-attendance-bytipe .col-santander .league-icon-holder { padding: 10px 35px 30px 10px; }
}