/* ==========================================================
   SETLIST PAGE
========================================================== */

.setlist-section{
    padding:8rem 1.5rem;
}

.setlist-container{
    max-width:1100px;
    margin:auto;
}

.setlist-container h1{
    text-align:center;
    font-size:3rem;
    margin-bottom:1rem;
}

.setlist-container p{
    text-align:center;
    max-width:700px;
    margin:0 auto 3rem;
}

.search-bar{

    width:100%;

    padding:16px 20px;

    border-radius:14px;

    border:1px solid rgba(212,175,55,.2);

    background:#17213F;

    color:white;

    margin-bottom:2rem;
}

.setlist-table-wrap{
    width:100%;
    overflow-x:auto;

    -webkit-overflow-scrolling:touch;
}

.setlist-table{

    width:100%;
    min-width:700px;
    border-collapse:collapse;
}

.setlist-table th{

    text-align:center;

    color:var(--gold);

    padding:18px;

    border-bottom:
        1px solid rgba(212,175,55,.2);
}

.setlist-table td{

    padding:18px;

    border-bottom:
        1px solid rgba(255,255,255,.08);
}

.setlist-table tbody tr:hover{
    background:rgba(255,255,255,.03);
}


/* ==========================================================
   Mobile
========================================================== */

@media (max-width:768px){

    .setlist-section{
        padding:7rem 1rem 4rem;
    }

    .setlist-container h1{
        font-size:2.2rem;
    }

}

@media (max-width:768px){

    .setlist-section{
        padding:7rem 1rem 4rem;
    }

    .setlist-container h1{
        font-size:2.2rem;
    }

    .setlist-table th,
    .setlist-table td{
        padding:12px;
    }

}