/* Icon tiles for "Browse by Subject" and "Browse by Type" (EPrints ISB) */

.bt-heading {
        font-size: 1.4em;
        font-weight: 600;
        color: #3d4449;
        margin: 0 0 1em 0;
}

.bt-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px 20px -8px;
        padding: 0;
        list-style: none;
}

.bt-tile {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 160px;
        height: 150px;
        margin: 8px;
        padding: 14px 10px;
        background-color: #0068A3;   /* use #07809b for the teal in the sample image */
        color: #fff !important;
        text-decoration: none;
        border-bottom: 0;
        transition: background-color .25s ease, transform .25s ease;
}

.bt-tile:hover,
.bt-tile:focus {
        background-color: #002E77;
        color: #fff !important;
        transform: translateY(-3px);
}

.bt-tile .fa {
        font-size: 44px;
        line-height: 1;
        margin-bottom: 14px;
        color: #fff;
}

.bt-tile .bt-label {
        font-family: Verdana, Sans-Serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
        color: #fff;
}

.bt-tile .bt-count {
        font-size: 11px;
        opacity: .85;
        margin-top: 4px;
        color: #fff;
}

@media screen and (max-width: 736px) {
        .bt-tile { width: calc(50% - 16px); }
}