/* 1. Header bottom margin */
header {
    margin-bottom: 3rem;
}


/* 2. Paragraph line height */
p {
    line-height: 1.6;
}


/* 3. "See All..." links */
.see-all {
    font-size: 0.8em;
    text-transform: uppercase;
}


/* 4. Show titles */
.shows > li > h1 {
    font-size: 2.5rem;
}


/* 5. Section titles */
.shows section > h2 {
    text-transform: uppercase;
    font-size: 1rem;
}


/* 6. All title fonts light weight */
h1, h2 {
    font-weight: 300;
}


/* 7. Cast images */
.cast img {
    width: 100%;
}


/* 8. Each castmember element */
.cast li {
    width: 25%;
}


/* 9. Border above each show */
.shows > li {
    border-top: 1px solid black;
}


/* 10. Selected navigation tab */
nav .selected a {
    font-weight: bold;
    color: black;
}


/* 11. Castmember labels */
.cast li div {
    font-size: 0.8rem;
}


/* 12. Actor/actress names */
.cast li div:first-of-type {
    font-weight: bold;
}


/* 13. Character names */
.cast li div:last-of-type {
    font-style: italic;
}


/* 14. Asterisk after last Game of Thrones season */
#game-of-thrones .seasons li:last-child::after {
    content: "*";
}


/* 15. Final Season label */
#game-of-thrones .seasons ul::after {
    content: "* Final Season";
    display: block;
    font-size: 0.7rem;
    color: #999;
}