body {
background: #FFFFFF;
}
header {
border-bottom: 2px solid #afd21c; /* if a dividing line is needed between header and content */
}
footer {
background: #FFFFFF;
}
section.mainContent {
background: #FFFFFF;
}
header, .headshrinker .headshrunk {
background: #000000; /* change background colour of header, between logo and 3 line nav */
}
header nav, .headshrinker .headshrunk a.headshrinker-reveal {
background: #177a0d; /* change background colour of whole expanded nav */
}
.headshrinker .headshrunk a.headshrinker-reveal span {
background: #f7ef00; /* change colour of the 3 lines */
}
header nav ul li a, .headshrinker .headshrunk .headshrinker-menu a {
background: #000000; /* change background colour of each nav item */
color: #FFFFFF; /* change link colour */
}
header nav ul li a:hover, .headshrinker .headshrunk .headshrinker-menu a:hover, .headshrinker .headshrunk .headshrinker-menu ul li a.headshrinker-expand:hover {
background: #177A0D; /* change background colour of each nav item */
color: #FFFFFF; /* change link hover colour */
}
/* top of page button */
.go-top {
color: #fff; /* change colour of up arrow */
background-color: rgba(0, 0, 0, 0.5); /* change background colour for top of page button, RGB with 50% opacity */
}
.go-top:hover {
color: #fff; /* change colour of up arrow on hover */
background-color: rgba(0, 0, 0, 0.8); /* change background colour for top of page button on hover, RGB with 80% opacity */
}