body { padding-top: 40px; }

.accordion-button:not(.collapsed) {
    background-color: inherit;
}

.btn-light.accordion-button.collapsed, .btn-light.accordion-button:not(.collapsed) {
    background-color: #f8f9fa;
    color: black;
}

.accordion-button:not(.collapsed) {
    color: black;
}

img.nominee {
    /* max-height: 250px; */
    /* max-width: 100%; */
    width: auto;
    height: auto;
    display: block;
    max-height: 250px;
}

.highlight {
    border: 2px solid orange;
}

.nom-link, .rank-link { text-decoration: none; }

.rankbadge { position: absolute; top: 15px; right: 15px; font-size: 42px; padding: 3px; }


@media screen and (max-width: 1000px) {
    body { padding-top: 120px; }
    body.nopad { padding-top: 130px; }

    a.badge, .card-body {
        /* font-size: 1.5em; */
        font-size: 32px;
    }
    h1, h5.card-title {
        font-size: 42px;
    }

    h6.card-subtitle {
        font-size: 32px;
    }

    div.tags, a.filterbutton, label.tags, .mymobile { 
        font-size: 42px;
    }

    input.mymobiletextbox {
        width: 73vw;
    }

    #playingheader, .playlistinfo, .nowplaying, .nav-item a, .nav-item span {
        font-size: 32px;
    }

    .offcanvas-title { font-size: 42px; }
    .offcanvas-title button.btn-close { margin-right: 100px; font-size: 100px; }

    .step-links {
        font-size: 42px;
    }

    .list-group-item {
        border: 3px solid darkgrey;
        padding: 20px;
    }

    .list-group {
        /* max-height: 650px; */
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .filterbox {
        /* height: calc(2.5em + .5rem + 2px); */
        /* padding: .25rem .5rem; */
        font-size: 42px;
        /* line-height: 2.5;
        border-radius: .2rem; */
    }
    ul.navbar.pagination.alphabet li.page-item a, ul.navbar.pagination.alphabet li.page-item.active span {
        font-size: 42px;
    }

    #queuestatus, a.control, span.control, input.control, form.login button.btn { height: 120px; line-height: 60px; font-size: 60px; padding: 30px; }
    h5.control { line-height: 60px; font-size: 60px; }
    form.login { height: 120px; line-height: 60px; font-size: 60px; padding: 30px; }
    form.login input { width: 97%; }
    form.login input.control, form.login button.btn { width: auto; }
    .mychan { font-size: 42px; }
    .myfav { font-size: 60px; }
}