div.centerbox {
    max-width:500px;
    margin:auto;
}

div.headlines {
    margin-top:10px;
    width:100%;
}

/* top buttons layout */

div.main-buttons {
    width:100%;
    display:flex;
    align-content:stretch;
}

div.main-buttons a {
    font-size:1.1em;
    width:100px;
    padding:10px;
    margin:15px;
    flex: 1 1 auto;
    display:table;
}

div.main-buttons a div {
    display:table-cell;
    vertical-align:middle;
}


/* expandalbe league cards */

li.league-name {
    text-align:left;
}

div.list-element-first a {
    font-size:1.1em;
}

li.list-group-item.collapse {
    border-bottom:0px;
}

/* league round rows */

.list-group-item-round {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

div.list-group-item-round-caption {
    display:inline;
    margin-bottom:5px;
}

div.list-group-item-round-buttons {
    margin-left:8px;
    white-space:nowrap;
    flex-grow:100;
    text-align:right;
}

/* team rows on team page */

.list-group-item-team {
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
}

div.list-group-item-team-caption {
    display:inline;
    white-space:normal;
    flex:100 1 auto;
}

div.list-group-item-team-buttons {
    margin-left:8px;
    white-space:nowrap;
    flex:1 1 auto;
    text-align:right;
    justify-content:stretch;
    align-items:center;
}


/* button link styles */

button.btn-link, a.btn-link {
    text-decoration:none;
    color:gray;/*var(--bs-list-group-color);*/
}

.btn-link-blue:hover {
    color:var(--bs-primary);/*#0959ca;*/
    background-color:var(--bs-primary-shade);
}

.btn-link-border {
    border: 1px solid #dee2e6;
}

span.gray {
    color:gray;
}


/* expand & collapse icons in buttons */

button:not(.collapsed) i.show-when-collapsed {
    display:none;
}

button.collapsed i.hide-when-collapsed {
    display:none;
}

.btn-icon-hover-down i {
    float:right;
}

.btn-icon-hover-down i.bi-chevron-down,
.btn-icon-hover-down:hover i.bi-chevron-up {
    margin-top:-1px;
    margin-bottom:4px;
    transition:
        margin-top 0.3s,
        margin-bottom 0.3s;
}

.btn-icon-hover-down:hover i.bi-chevron-down,
.btn-icon-hover-down i.bi-chevron-up {
    margin-top:3px;
    margin-bottom:0px;
    transition:
        margin-top 0.3s,
        margin-bottom 0.3s;
}