/* ---------------------------

BEST OF 2025

--------------------------- */

div.bo25-header {
    background-color: aqua;
    margin: 0;
    padding: 1rem;
}

div.bo25-header h1 {
    color: black;
    filter: none;
    font-family: 'Courier New', Courier, monospace;
    font-size: 6rem;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
}

div.bo25-header h2 {
    color: black;
    font-family: 'Courier New', Courier, monospace;
    font-size: 3rem;
    margin: 0;
    text-transform: uppercase;
}

div.bo25-block {
    background-color: aqua;
    margin: 0;
    padding: 1rem;
}

div.bo25-block h3 {
    background-color: black;
    color: white;
    display: inline-block;
    font-family: 'Courier New', Courier, monospace;
    font-weight: normal;
    margin-top: 0;
    margin-right: 1rem;
    padding: 0.5rem;
}

div.bo25-block p {
    display: inline-block;
    font-family: 'Courier New', Courier, monospace;
    font-style: italic;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}

div.bo25-block p.bo25-blurb {
    white-space: nowrap;
}

/* INTRO */

div.bo25-header-intro {
    background-color: greenyellow;
}

div.bo25-block-intro {
    background-color: lawngreen;
}

/* FILM */

div.bo25-header-film {
    background-color: aqua;
}

div.bo25-block-best-films {
    background-color: darkturquoise;
}

div.bo25-block-old-films {
    background-color: darkcyan;
}

div.bo25-films {
    column-gap: 1rem;
    display: flex;
    flex-flow: row wrap;
    row-gap: 1rem;
}

div.bo25-film {
    color: white;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: 'Courier New', Courier, monospace;
    height: 225px;
    padding: 0;
    width: 150px;
}

div.bo25-film-text-container {
    align-items: center;
    display: flex;
    font-size: 0;
    height: 225px;
    margin: 0;
    width: 150px;
}

div.bo25-film-text-container:hover {
    background-color: black;
    font-size: .8rem;
}

div.bo25-film-text-container span {
    display: block;
    padding-left: .5rem;
    padding-right: .5rem;
}

/* TV */

div.bo25-header-tv {
    background-color: orange;
}

div.bo25-block-best-tv {
    background-color: orangered;
    background-image: url("/images/2025/andor.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 400px;
    overflow: scroll;
}

div.bo25-block-best-tv p {
    padding-right: 300px;
}

div.bo25-block-best-tv p.nemik-manifesto {
    font-size: .9rem;
    font-style: normal;
    font-weight: normal;
    padding-left: 1rem;
}

/* MUSIC */

div.bo25-header-music {
    background-color: pink;
}

div.bo25-block-best-albums {
    background-color: hotpink;
}

div.bo25-block-bonus-albums {
    background-color: deeppink;
}

div.bo25-block-songs {
    background-color: mediumvioletred;
}

div.bo25-albums {
    column-gap: 1rem;
    display: flex;
    flex-flow: row wrap;
    row-gap: 1rem;
}

div.bo25-album {
    color: white;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: 'Courier New', Courier, monospace;
    height: 150px;
    padding: 0;
    width: 150px;
}

div.bo25-album-text-container {
    align-items: center;
    display: flex;
    font-size: 0;
    height: 150px;
    margin: 0;
    width: 150px;
}

div.bo25-album-text-container:hover {
    background-color: black;
    font-size: .8rem;
}

div.bo25-album-text-container span {
    display: block;
    padding-left: .5rem;
    padding-right: .5rem;
}

div.bo25-album-text-container span.bo25-album-name {
    font-style: italic;
}

ul.bo25-song-list {
    color: white;
    font-family: 'Courier New', Courier, monospace;
    margin: 0;
}

ul.bo25-song-list a {
    box-shadow: none;
    color: white;
    text-decoration: underline dashed white;
}

ul.bo25-song-list a:hover {
    box-shadow: none;
    color: fuchsia;
}


/* BOOKS */

div.bo25-header-books {
    background-color: plum;
}

div.bo25-block-best-books {
    background-color: mediumpurple;
}

div.bo25-books {
    column-gap: 1rem;
    display: flex;
    flex-flow: row wrap;
    row-gap: 1rem;
}

div.bo25-book {
    color: white;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: 'Courier New', Courier, monospace;
    height: 230px;
    padding: 0;
    width: 150px;
}

div.bo25-book-text-container {
    align-items: center;
    display: flex;
    font-size: 0;
    height: 230px;
    margin: 0;
    width: 150px;
}

div.bo25-book-text-container:hover {
    background-color: black;
    font-size: .8rem;
}

div.bo25-book-text-container span {
    display: block;
    padding-left: .5rem;
    padding-right: .5rem;
}

span.bo25-book-title {
    font-style: italic;
}


/* THEATRE */

div.bo25-header-theatre {
    background-color: lawngreen;
}

div.bo25-block-theatre {
    background-color: limegreen;
    column-gap: 3rem;
    display: flex;
    justify-content: space-between;
}

div.bo25-block-theatre p {
    margin-bottom: 1rem;
}

div.bo25-barbican-container {
    flex-shrink: 0;
    width: 300px;
}

/* GAMES */

div.bo25-header-games {
    background-color: lemonchiffon;
}

div.bo25-block-games {
    background-color: gold;
    background-image: url("/images/2025/tom-nook.png");
    background-position: 20px 20px;
    background-repeat: no-repeat;
    height: 200px;
}

div.bo25-block-games p {
    padding-left: 250px;
}

/* END */

div.bo25-header-end {
    background-color: black;
    text-align: right;
}

div.bo25-header-end h2 {
    color: white;
}

/* COLOUR OVERRIDES */

div.bo25-img-text-container-gold:hover {
    background-color: goldenrod;
}

div.bo25-img-text-container-silver:hover {
    background-color: gray;
}

div.bo25-img-text-container-bronze:hover {
    background-color: chocolate;
}