Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* All CSS here will be loaded for users of the Citizen skin */
:root {
    --color-base: black;
    --color-base--emphasized: black;
    --color-base--subtle: gray;
    /*--color-primary__h: 153;
    --color-primary__s: 78%;
    --color-primary__l: 43%; light green colour */
    --color-primary__h: 120;
    --color-primary__s: 100%;
    --color-primary__l: 21%;
    --font-family-base: 'Helvetica Neue','Helvetica',system-ui,-apple-system,sans-serif;
}

/* no wordmark in the footer */
.mw-logo-wordmark { display: none; } 

/* no header: we'll add page titles manually to be able to change the colour */
.firstHeading-container { visibility: hidden; }  
#siteSub { visibility: hidden; }

/* Bring the text to 14px */
#bodyContent { font-size: 1.175em; }

/* Hide the ToC */
.toc { display: none; }

a.image img {
	max-width:100%;
	height:auto;
}

div.colorem {
    width: 100%;
    height: auto;
    /* position: absolute; */
    pointer-events: none;
    max-width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: top center;
    top: 0;
    left: 0;
}

div.colorem video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.page-heading {
   background: #fff url(/resources/assets/edgy-logo.svg) left center/contain no-repeat border-box;
}