@-ms-viewport {
    width: device-width;
}

html * {
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif!important;
    margin: 0;
}

img {
    border: none;
}

h1,
h2,
h3,
h4 {
    font-weight: normal;
}

/* Site header */

header.siteHeader {
    font-size: 1.5em;
    font-family: 'Stag-Book', Arial, sans-serif!important;
    position: relative;
    padding: 20px;
}

header.siteHeader section {
    margin: 0;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

header.siteHeader * {
    margin: 0;
}

header.siteHeader h1 {
    font-family: 'Stag-Bold', "Arial Black", sans-serif !important;
    margin: 0;
}

header.siteHeader h1 img {
    max-height: 80px;
}

header.siteHeader figure img {
    height: 80px;
    margin-bottom: 20px;
}

figure {
    margin: 0;
}
/* Search */

div.searchContainer {
    float: right;
    margin-top: -45px;
}

div.searchContainer input.searchField,
div.searchContainer button.searchButton {
    background: white;
    border: none;
    height: 32px;
    padding: 5px 0 5px 10px;
    color: black !important;
    margin: 0;
    font-size: 0.9em;
    width: 180px;
}

div.searchContainer button.searchButton {
    margin-left: -28px;
    padding: 5px;
    width: auto;
}

div.searchContainer button.searchButton .fa-search {
    color: black;
}

@media all and (min-width: 481px) {
    header.siteHeader H1 {
        font-size: 2em;
    }
    header.siteHeader section {
        min-height: 80px;
    }
    header.siteHeader figure img {
        height: 80px;
        margin-bottom: 20px;
        float: right;
    }
}

/* Top navigation */

nav.topNav {
    padding: 0 20px;
    margin: 0;
    font-family: 'Stag-Book', Arial, sans-serif!important;
}

nav.topNav p,
nav.topNav ul {
    border-top: 1px solid white;
    margin: 0;
    padding: 20px 0;
}

nav.topNav p i {
    margin-right: 0.5em;
}

nav.topNav p a {
    text-decoration: none;
}

nav.topNav ul {
    display: none;
}

@media all and (min-width: 961px) {
    .topNavWidth {
        margin: 0 auto;
        width: 100%;
        max-width: 1100px;
    }
    nav.topNav p {
        display: none;
    }
    nav.topNav ul {
        list-style-type: none;
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    nav.topNav ul li {
        display: inline;
    }
    nav.topNav li:first-of-type a:before {
        font-family: FontAwesome;
        content: "\f015";
        margin-right: 5px;
    }
    nav.topNav ul li.active a:before {
        font-family: FontAwesome;
        content: "\f0d8";
        position: absolute;
        font-size: 3em;
        margin-top: 7px;
        color: white;
    }
    nav.topNav ul li i {
        margin-right: 5px;
    }
    nav.topNav ul li a {
        text-decoration: none;
        margin-right: 20px;
    }
}

@media all and (min-width: 961px) and (min-width: 0\0) and (min-resolution: .001dpcm) {
    nav.topNav ul li.active a:before {
        font-size: 50px !important;
    }
}

@media all and (max-width: 960px) {
    html.nav nav.topNav ul {
        display: block;
        float: left;
        list-style-type: none;
        overflow: hidden;
    }
    html.nav nav.topNav ul ul {
        float: none;
        margin: 20px 0 0 20px;
        padding: 20px 0 0 0;
        border: none;
        width: 100%;
    }
    html.nav nav.topNav ul li {
        padding: 0 0 20px 0;
        width: 100%;
    }
    html.nav nav.topNav ul li a {
        text-decoration: none;
        margin-left: 20px;
        color: black !important;
    }
    html.nav nav.topNav p,
    html.nav nav.topNav > ul > li:first-child a {
        font-family: 'Stag-Semibold', Arial, sans-serif;
    }
}

@media all and (max-width: 740px) {
    html.nav nav.topNav ul {
        width: 50%;
    }
}

@media all and (min-width: 741px) and (max-width: 960px) {
    html.nav nav.topNav ul {
        width: 30%;
    }
}

@media all and (max-width: 960px) and (min-width: 0\0) and (min-resolution: .001dpcm) {
    html.nav nav.topNav > ul > li:first-child a:before {
        margin-left: -40px !important;
    }
    nav.topNav ul li.active > a:before {
        font-size: 14px !important;
        margin-left: -35px !important;
    }
    nav.topNav ul ul li.active > a:before {
        font-size: 14px !important;
        margin-left: -30px !important;
    }
}

@media all and (max-width: 480px) {
    html.nav nav.topNav ul {
        float: none;
        background-color: white;
        margin: 0 -20px;
        padding: 20px 20px 10px 20px;
        width: 120%;
    }
}

@media all and (min-width: 741px) {
    nav.topNav ul ul {
        display: none;
    }
}
/* Main area */

main {
    max-width: 1140px;
    margin: 0 auto;
}

.embed-container {
     position: relative; 
     padding-bottom: 56.25%; 
     height: 0; 
     overflow: hidden; 
     max-width: 100%;
} 

@media all and (max-width: 960px) {
    html.nav {
        overflow-x: hidden;
    }
    html.nav main {
        max-width: 960px;
    }
    html.nav nav.topNav > ul > li:first-child a:before {
        font-family: FontAwesome;
        content: "\f015";
        position: absolute;
        margin-left: -20px;
    }
    nav.topNav ul li.active > a:before {
        font-family: FontAwesome;
        content: "\f0da";
        position: absolute;
        margin-left: -15px;
    }
    nav.topNav ul ul li.active > a:before {
        font-family: FontAwesome;
        content: "\f0da";
        position: absolute;
        margin-left: -10px;
    }
}

@media all and (max-width: 740px) {
    html.nav main {
        margin: 0 -50% 0 50%;
    }
}

@media all and (min-width: 741px) and (max-width: 960px) {
    html.nav main {
        margin: 0 -30% 0 30%;
    }
}

@media all and (max-width: 481px) {
    html.nav main {
        display: none;
    }

    body {
        font-size: 1.1em;
    }

    .LeftContentArea {
        width: inherit !important;
    }

    .RightContentArea {
        width: inherit !important;
    }
}
/* Slides */

main article {
    padding: 20px 20px 0 20px;
}

main article header section.breadcrumbs {
    margin: 0;
}

main article header section.breadcrumbs ul {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
}

main article header section.breadcrumbs ul li {
    margin: 0;
    padding: 0 5px 0 0;
    display: inline;
    font-size: 0.9em;
}

main article header section.breadcrumbs ul li a {
    text-decoration: none;
    color: black;
    font-family: 'Stag-Semibold' !important;
}

main article header section.breadcrumbs ul li a:after {
    font-family: FontAwesome;
    content: "\f101";
    margin-left: 8px;
    color: black;
}

main article header figure {
    margin: 0;
    padding: 0;
    position: relative;
}

main article header figure .arrow {
    position: absolute;
    top: 50%;
    z-index: 999;
    font-size: 5em;
    color: rgba(255, 255, 255, 0.25);
    margin-top: -0.65em;
}

main article header figure .arrow.prev {
    left: 0;
}

main article header figure .arrow.next {
    right: 0;
}

main article header figure .images {
    position: relative;
    overflow: auto;
    margin-bottom: 20px;
}

main article header figure .images ul,
main article header figure .images li {
    margin: 0;
    padding: 0;
}

main article header figure .images li {
    list-style: none;
}

main article header figure .images ul li {
    float: left;
}

main article header figure .images ul li img {
    width: 100%;
}

.dots {
    position: absolute;
    left: -20px;
    top: 4px;
    text-align: left;
}

.dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px 0 0 !important;
    text-indent: -999em;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    opacity: .25;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.dots li.active {
    background: #fff;
    opacity: 1;
}
/* Article */

main article {
    margin: 0;
}

main article h2,
main article h3,
main article h4, main aside h4 {
    font-family: 'Stag-Semibold' !important;
    margin-bottom: 0;
}

main article header h2 {
    margin: 0;
    font-size: 2em;
}

main article header p {
    font-size: 1.25em;
    font-family: 'Stag-Semibold' !important;
    line-height: 1.25em !important;
}

main article p {
    line-height: 1.5em;
}

main article mark, main aside mark {
    display: block;
    margin: 0 0 20px 0;
    padding: 20px;
    font-size: 0.9em;
    clear: both;
    position: relative;
}

main article mark * {
    display: block;
}

main article mark h4 {
    margin: 0;
}

main article mark.listing p {
    border-bottom: 1px solid #6e6e6e;
    padding-bottom: 15px;
}

main article mark p:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

main article mark p time {
    background-color: black;
    color: white;
    display: inline-block;
    width: 40px;
    text-align: center;
    float: left;
    margin: 4px 10px 5px -20px;
    font-size: 0.8em;
    padding-bottom: 3px;
    line-height: 1.3em;
}

main article mark p time span {
    background-color: #6e6e6e;
    font-family: 'Stag-Semibold' !important;
    font-size: 2em;
    display: block;
    margin-bottom: 5px;
    line-height: 1.2em;
    padding-top: 5px;
}

main { display: block; }

main article section.left iframe,
main article section.left object, 
main article section.left embed {
     
     top: 0; 
     left: 0; 
     width: 100%; 
     /*height: 100%;*/
     max-height: 100%
}


main article section.left .img-full-bredd {
    width: 100%;
}

main article section.left table img {
    width: auto;
}

main article section.left img {
    width: 75%;
}

.LeftRightContentAreaWrapper {
    width: 100%;
}

.LeftContentArea {
    width: 49%;
    float: left;
}

.RightContentArea {
    width: 49%;
    float: right;
}

.LeftContentArea mark,
.RightContentArea mark {
    margin: 0;
}

@media all and (min-width: 741px) {
    main article {
        max-width: 920px;
        width: 75%;
        display: table-cell;
        box-sizing: border-box;
        margin: 0 0 20px 0;
        vertical-align: top;
        float: left;
    }
    main article mark {
        margin-bottom: 20px;
    }
}

@media all and (min-width: 961px) {
    main article section.left {
        display: table-cell;
        vertical-align: top;
        padding-right: 20px;
    }
    main article section.right {
        display: table-cell;
        max-width: 240px;
        width: 25%;
        vertical-align: top;
    }
    main article h2 {
        margin-top: 0;
    }
}

/* Sidebar */

section.sponsorblock {
    margin-bottom: 20px;
}

aside.side-content {
    margin: 20px 0;
}

aside.side-content nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

aside.side-content nav ul ul {
    padding: 10px 0 0 20px;
    margin-top: 10px;
}

aside.side-content nav ul li.active > a:before {
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    margin-left: -10px;
}

aside.side-content nav > ul {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
}

aside.side-content nav ul li {
    padding: 0 0 10px 0;
}

aside.side-content nav ul li a {
    text-decoration: none;
    color: black;
}

aside.side-content section ul {
    list-style-type: none;
    padding: 0;
    width: 100%;
    margin: 0;
}

aside.side-content section ul li {
    padding: 0 20px;
    display: block;
    text-align: center;
}

aside.side-content section ul li figure {
    margin: 20px 0 0 0;
    border-top: 1px solid black;
    padding: 20px 0 0 0;
}

aside.side-content section ul li figure img {
    width: 100%;
}

@media all and (min-width: 481px) and (max-width: 740px) {
    aside.side-content section ul {
        display: table;
    }
    aside.side-content section ul li {
        padding: 0 10px;
        display: table-cell;
    }
    aside.side-content section ul li:last-child {
        padding: 0 20px 0 0;
    }
    aside.side-content section ul li:first-child {
        padding: 0 0 0 20px;
    }
    aside.side-content section ul li figure {
        border: none;
        margin: 0;
        padding: 0;
    }
    aside.side-content section ul li:first-child figure {
        border-top: none;
    }
}

@media all and (max-width: 960px) {
    aside.side-content nav {
        display: none;
    }
}

@media all and (min-width: 741px) {
    aside.side-content section ul li:first-child figure {
        margin: 20px 0 0 0;
        border-top: none;
        padding: 0;
    }
    aside.side-content {
        max-width: 440px;
        width: 25%;
        display: table-cell;
        padding: 0 20px 20px 0;
        vertical-align: top;
    }
    aside.side-content section ul li {
        padding: 0 10px 0 0 ;
    }
}
/* News list */

section.newsList h3 {
    padding-top: 20px;
    border-top: 1px solid #6e6e6e;
}

ul.newsList {
    margin: 20px 0 0 0;
    padding: 0;
    list-style-type: none;
}

ul.newsList li {
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
}

ul.newsList li figure {
    margin: 0;
}

ul.newsList li figure img {
    width: 100%;
}

.newslist-article {
    padding: 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid #6e6e6e;
    margin-bottom: 20px;
}

.newslist-article h4 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

.newslist-article p {
    margin-top: 0.5em;
}

ul.newsList li time {
    background-color: black;
    color: white;
    display: inline-block;
    width: 50px;
    text-align: center;
    position: absolute;
    padding-bottom: 5px;
    left: 0;
    top: 0;
}

ul.newsList li time span {
    background-color: #6e6e6e;
    font-family: 'Stag-Semibold' !important;
    font-size: 2em;
    display: block;
    line-height: 1.5em;
    margin-bottom: 5px;
}

ul.newsList li span.datetime {
    font-family: 'Stag-Semibold' !important;
    line-height: 1.5em;
    margin-bottom: 5px;
}

p.newsListLink {
    padding: 5px 20px 5px 20px;
    clear: both;
}

p.newsListLink a {
    color: black;
    text-decoration: none;
}

p.newsListLink a:before {
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    margin-left: -10px;
}

p.newsListLink a.prev:before {
    content: "\f0d9";
}

p.newsListLink a.next:before {
    content: "";
}

p.newsListLink a.next {
    float: right;
}

p.newsListLink a.next:after {
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    margin-left: 5px;
}

aside.side-content section.newsList h3 {
    border-top:none;
    padding-top: 0;
}


aside.side-content section.newsList ul li {
    text-align: left;
}

aside.side-content section.newsList ul li article {
    padding-left: 60px;
}  

aside.side-content section.newsList p.newsListLink {
    width:100%;
    margin-left: 0;
}  

/* Player list */

section.playerList h3 {
    padding-top: 20px;
    border-top: 1px solid #6e6e6e;
}

section.playerList ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

section.playerList ul li {
    margin: 0;
    padding: 0 20px 20px 60px;
    vertical-align: top;
    position: relative;
    width: 50%;
    float: left;
    border-right: 1px solid #6e6e6e;
    border-bottom: 1px solid #6e6e6e;
}

section.playerList li:nth-child(even) {
    border-right: none;
    margin-right: 0;
    padding: 0 0 20px 80px;
}

section.playerList li:nth-last-child(1),
section.playerList li:nth-last-child(2) {
    border-bottom: none;
    margin-bottom: 20px;
}

section.playerList ul li aside {
    background-color: black;
    color: white;
    display: inline-block;
    width: 50px;
    text-align: center;
    position: absolute;
    padding-bottom: 5px;
    left: 0;
    top: 20px;
}

section.playerList li:nth-child(even) aside {
    left: 20px;
}

section.playerList ul aside span {
    background-color: #6e6e6e;
    font-family: 'Stag-Semibold' !important;
    font-size: 2em;
    display: block;
    line-height: 1.5em;
    margin-bottom: 5px;
}

section.playerList ul li article {
    padding: 0;
    display: block;
    width: 100%;
}

section.playerList ul li article h4 {
    margin-top: 20px;
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

section.playerList ul li article p {
    margin-top: 0.5em;
    font-size: 0.9em;
}

section.playerList ul li figure {
    margin: 0;
    text-align: center;
}

section.playerList ul li figure img {
    width: 115px;
}

@media all and (max-width: 480px) {
    section.playerList ul li {
        width: 100%;
        float: left;
        border-right: none;
    }
    section.playerList ul li article p {
        font-size: 1em;
    }
    section.playerList ul li figure {
        text-align: left;
    }
    section.playerList li:nth-last-child(2) {
        border-bottom: 1px solid #6e6e6e;
    }
    footer ul li  {
        display: block !important;
        height: auto !important;
    }
    footer ul li figure img {
        width: 75% !important;
        margin-top: 10px;
    }

    footer ul li a span {
        display:inherit !important;
    }
}
/* Forms */

section.form {
    margin-bottom: 20px;
}

section.form h3 {
    padding-top: 20px;
    border-top: 1px solid #6e6e6e;
}

section.form input[type=text],
section.form select,
section.form textarea {
    padding: 5px;
    border: 1px solid #6e6e6e;
    font-family: 'Stag-Book', Arial, sans-serif!important;
    font-size: 1em;
    border-radius: 5px;
    line-height: 30px;
    height: 30px;
    min-width: 240px;
}

section.form select {
    padding: 5px 5px 5px 0;
    height: 30px;
}

section.form textarea {
    height: auto;
    resize: none;
    padding: 0 5px;
}

section.form table {
    margin-top: 10px;
}

section.form input[type=button],
section.form input[type=submit] {
    padding: 0 10px;
    border: none;
    font-family: 'Stag-Semibold' !important;
    font-size: 1em;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    background: #6e6e6e;
    color: white;
    margin-right: 5px;
}

section.form label {
    font-size: 0.9em;
    height: 30px;
    line-height: 30px;
    display: block;
    margin-right: 10px;
}

section.form input[type=radio],
section.form input[type=checkbox] {
    height: 25px;
    font-family: 'Stag-Book', Arial, sans-serif!important;
    font-size: 1em;
    vertical-align: bottom;
}

section.form td {
    padding-bottom: 10px;
}
/* Footer */

footer {
    margin: 0;
    max-width: 1140px;
    background-color: #6e6e6e;
    font-family: 'Stag-Book', Arial, sans-serif!important;
    clear: both;
}

footer ul {
    list-style-type: none;
    padding: 20px 0;
    width: 100%;
    display: table;
    margin: 0;
}

footer ul li {
    padding: 0 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 120px;
}

footer ul li figure {
    margin: 0;
}

footer ul li:last-child {
    padding: 0 20px 0 0;
}

footer ul li:first-child {
    padding: 0 0 0 20px;
}

footer ul li figure img {
    width: 100%;
    /*
    max-width: 64px;
    max-height: 64px;
    */
}

footer ul li a {
    color: white;
    text-decoration: none;
}

footer ul li a span {
    display: none;
    max-height: 35px;
    overflow: hidden;
}

footer section {
    margin: 0;
    background-color: black;
}

footer aside {
    margin: 0;
    padding: 20px 20px 10px 20px;
    height: 160px;
}

footer aside p {
    display: block;
    color: white;
    margin: 0;
    min-height: 95px;
    line-height: 22px;
}

footer aside:last-child {
    padding: 0 20px 20px 20px !important;
}

footer aside p a {
    text-decoration: none;
}

@media (max-width: 481px) {
    #footerlinks p {
        line-height: 35px;
    }
}




@media all and (min-width: 481px) {
    footer ul li a span {
        margin-top: 10px;
        display: block;
    }
    footer section {
        display: table;
        width: 100%;
    }
    footer aside {
        width: 50%;
        display: table-cell;
    }
    footer aside {
        padding: 20px;
    }
    footer aside:last-child {
        padding: 20px;
        text-align: right;
    }
}

@media all and (min-width: 741px) {
    footer {
        margin: 0 auto;
        position: relative;
        margin-top: 20px;
    }
    footer ul {
        width: 75%;
        position: absolute;
        top: 0;
        background-color: #6e6e6e;
    }
    footer section {
        display: static !important;
        background-color: transparent;
        position: absolute;
        top: 0;
        background-color: #6e6e6e;
        z-index: -1;
    }
    footer aside {
        padding: 20px 20px 20px 0;
        width: 25%;
        display: table-cell;
        float: right;
        text-align: right;
    }
    footer aside:last-child {
        padding: 20px; 
        background-color: black;
        display: block;
        width: 100%;
        height: 100%;
    }
    footer aside:last-child p {
        margin-left: 75%;
        padding: 20px 0 0 10px;
    }
}
/* Themes */

body header.siteHeader,
body nav.topNav {
    background: #6e6e6e;
    color: white;
}

body main article mark,
body main aside mark,
body nav.topNav ul ul,
body aside.side-content nav ul ul {
    background: #dbdbdb;
}

body nav.topNav *,
body footer section p a {
    color: white;
}

body.cyan header.siteHeader,
body.cyan nav.topNav,
body.cyan ul.newsList li time span,
body.cyan section.form input[type=button],
body.cyan section.form input[type=submit],
body.cyan section.playerList ul aside span,
body.cyan main article mark p time span {
    background-color: #0fb4f0;
    color: white;
}

body.cyan a {
    color: #0fb4f0;
}

body.cerise header.siteHeader,
body.cerise nav.topNav,
body.cerise ul.newsList li time span,
body.cerise section.form input[type=button],
body.cerise section.form input[type=submit],
body.cerise section.playerList ul aside span,
body.cerise main article mark p time span {
    background-color: #d21e9c;
    color: white;
}

body.cerise a {
    color: #d21e9c;
}

body.lime header.siteHeader,
body.lime nav.topNav,
body.lime ul.newsList li time span,
body.lime section.form input[type=button],
body.lime section.form input[type=submit],
body.lime section.playerList ul aside span,
body.lime main article mark p time span {
    background-color: #96d237;
    color: black;
}

body.lime a {
    color: #96d237;
}

body.orange header.siteHeader,
body.orange nav.topNav,
body.orange ul.newsList li time span,
body.orange section.form input[type=button],
body.orange section.form input[type=submit],
body.orange section.playerList ul aside span,
body.orange main article mark p time span {
    background-color: #f7a600;
    color: black;
}

body.orange a {
    color: #f7a600;
}

body.orange header.siteHeader,
body.orange nav.topNav * {
    color: white;
}

body.indigo header.siteHeader,
body.indigo nav.topNav,
body.indigo ul.newsList li time span,
body.indigo section.form input[type=button],
body.indigo section.form input[type=submit],
body.indigo section.playerList ul aside span,
body.indigo main article mark p time span {
    background-color: #5f69b6;
    color: white;
}

body.indigo a {
    color: #5f69b6;
}

body.cyan main article mark,
body.cyan main aside mark,
body.cyan nav.topNav ul ul,
body.cyan aside.side-content nav ul ul,
body.cyan p.newsListLink {
    background: rgba(15, 180, 240, 0.25);
}

body.cerise main article mark,
body.cerise main aside mark,
body.cerise nav.topNav ul ul,
body.cerise aside.side-content nav ul ul,
body.cerise p.newsListLink {
    background: rgba(210, 30, 156, 0.25);
}

body.lime main article mark,
body.lime main aside mark,
body.lime nav.topNav ul ul,
body.lime aside.side-content nav ul ul,
body.lime p.newsListLink {
    background: rgba(150, 210, 55, 0.25);
}

body.orange main article mark,
body.orange main aside mark,
body.orange nav.topNav ul ul,
body.orange aside.side-content nav ul ul,
body.orange p.newsListLink {
    background: rgba(247, 166, 0, 0.25);
}

body.indigo main article mark,
body.indigo main aside mark,
body.indigo nav.topNav ul ul,
body.indigo aside.side-content nav ul ul,
body.indigo p.newsListLink {
    background: rgba(95, 105, 182, 0.25);
}

body.cyan nav.topNav *,
body.cerise nav.topNav *,
body.indigo nav.topNav * {
    color: white;
}


h4 a {
    text-decoration: none;
}

body.lime nav.topNav * {
    color: black;
}

body.cyan h4 a,
body.cyan p a,
body.cyan footer section p a,
body.cyan main article header ul li a {
    color: #0fb4f0;
}

body.cerise h4 a,
body.cerise p a,
body.cerise footer section p a,
body.cerise main article header ul li a {
    color: #d21e9c;
}

body.lime h4 a,
body.lime p a,
body.lime footer section p a,
body.lime main article header ul li a {
    color: #96d237;
}

body.orange h4 a,
body.orange p a,
body.orange footer section p a,
body.orange main article header ul li a {
    color: #f7a600;
}

body.indigo h4 a,
body.indigo p a,
body.indigo footer section p a,
body.indigo main article header ul li a {
    color: #5f69b6;
}

body.cyan nav.topNav p,
body.cerise nav.topNav p,
body.indigo nav.topNav p {
    border-top: 1px solid white;
}

body.lime nav.topNav p,
body.orange nav.topNav p {
    border-top: 1px solid black;
}

@media all and (min-width: 741px) {
    body.lime nav.topNav ul,
    body.orange nav.topNav ul {
        border-top: 1px solid black;
    }
}
/* Header background */

figure.background {
    border-top: 1px solid black;
    background-size: cover;
}

figure.background header.siteHeader,
figure.background nav.topNav {
    background-color: transparent;
}