Revision as of 20:11, 7 February 2023

/* 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: "eda","HelveticaNeue",Helvetica,Arial,sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #26262;
    background-color: rgba(0, 0, 0, 0);

}

a{    text-decoration: underline;}

/* 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 { visibility: hidden; } */

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


/* Colorem video */
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;
    z-index: -1;
}

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

/* Logo on top */
.page-heading {
    background: url(/w/resources/assets/edgy-logo.svg) left center/contain no-repeat border-box;
}

.citizen-body-header--sticky {
    background-color: rgba(0, 0, 0, 0);
}
.citizen-body-header--sticky .mw-body-header {
    background-color: rgba(0, 0, 0, 0);
}

.citizen-body-header--sticky .mw-body-header::before {
    background-color: rgba(0, 0, 0, 0);
}


header.mw-body-header {
    gap: 0; 
    background-color: rgba(0, 0, 0, 0);
}