/* ==========================================================
   Competitions
   ========================================================== */

.competitions-page{
    max-width:1200px;
    margin:auto;
}

.competition-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:24px;
}

.competition-row{

    display:grid;

    grid-template-columns:70px 1fr 180px 120px 120px;

    gap:18px;

    align-items:center;

    padding:18px 22px;

}

.competition-avatar{

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:2rem;

}

.competition-main{

    display:flex;
    flex-direction:column;
    gap:4px;

}

.competition-name{

    font-size:1.15rem;
    font-weight:700;

}

.competition-description{

    font-size:.95rem;
    opacity:.80;

}

.competition-season{

    font-size:.90rem;
    opacity:.60;

}

.competition-teams{

    text-align:right;

    font-weight:600;

    white-space:nowrap;

}

.competition-status{

    text-align:right;

}

.competition-status .badge{

    min-width:90px;

}

@media(max-width:900px){

    .competition-row{

        grid-template-columns:60px 1fr;

    }

    .competition-teams{

        grid-column:2;

        text-align:left;

    }

    .competition-status{

        grid-column:2;

        text-align:left;

    }

}

.competition-row {

    border: 3px solid red !important;

}

.competition-row{

    border:1px solid #29435d !important;

}