:root {
	--serif: "Newsreader";
	--sans-serif: "Jost";
	--white: #ffffff;
	--black: #000000;
	--orange: #f58220;
	--dkgrey: #58595b;
	--mdgrey: #98999b;
	--ltgrey: #e2e3e4;
	--blue: #00a0dc;
	--yellow: #fdb913;

	--cat-news: #00a0dc;
	--cat-polls: #13b913;
	--cat-statements: #f58220;
	--cat-events: #cc3322;
	--cat-announcements: #fdb913;
	--cat-special: #ff3399;

	--cat-nouvelles: #00a0dc;
	--cat-sondages: #13b913;
	--cat-declarations: #f58220;
	--cat-evennements: #cc3322;
	--cat-annonces: #fdb913;
	--cat-speciale: #ff3399;

    
}

* {
	box-sizing:border-box;
	padding:0;
	margin:0;
}

html {
	font-size:16px;
	line-height:1.3;
	font-optical-sizing: auto;
}

body {
	font-family: var(--serif), serif;
	color:var(--black);
	background-color:var(--ltgrey);
	height:100vh;
	width:100%;
}

.dashicons-bluesky::before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://w3.org' viewBox='0 0 512 512'><path fill='%23336699' d='M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-55.2 110.3 11.5c0 14.5-8.9 146.9-14 205.8c-10.7 123-125.7 151.7-227.1 63.9C260.7 335.7 257.6 332.2 256 332.2s-4.7 3.6-13.4 11.2C141.3 431.1 26.3 402.4 15.6 279.4C10.5 220.5 1.6 88.1 1.6 73.6C1.6 6.9 69.7 30.5 111.8 62.2z'/></svg>");
}

a {
	text-decoration:none;
	/*color:var(--blue);*/

    color:#369;
}

a:hover {
	color:var(--orange);
}


p, li {
	margin: 0 1rem 0.5rem 1rem;
  text-justify: inter-word;
  hyphens: auto;
  text-wrap: pretty;
  text-align: justify;
}

blockquote {
    background: #f9f9f9;
  border-radius: 5px;
  margin: 1rem 1rem 2rem 1rem;
  padding: 1rem;
  border: .05rem solid var(--ltgrey);
  border-left: .3rem solid var(--ltgrey);
  text-align: justify;
}

p.note {
	margin: 0 1rem 1rem 2rem;
}

p.note::before {
	content: "*";
	transform: translateX(-1rem);
	display: inline-block;
	width:0;
}

h1, h2, .home h1.entry-title {
	font-family: var(--sans-serif), sans-serif;
	margin:0;
	color:var(--black);
	text-transform: uppercase;
}

h1.entry-title {
	margin:0 0 15px 0;
}

h1 {
  font-size: 1.1rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  letter-spacing: .25pt;
}

h2 {
	font-size: 1rem;
    line-height: 1.1rem;
	margin:2rem 0 1rem 0;
	font-weight:500;
}

ul {
	margin:0 0 1rem 2rem;
	list-style-type: square;
}

ul li::marker {
  color: var(--orange);
}

li {
	margin-bottom:.5rem;
}

li:last-child {
	margin-bottom:0;
}

.container {
	display:grid;
	position:relative;
	max-width:600px;
	gap:10px;
	grid-template-areas:
		'header header header header'
		'main main main main'
		'items items items items'
		'footer footer footer footer';
	align-items: stretch;
	padding:10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	height:100%;
	margin:auto;
}

#header {
	grid-area:header;
	position:relative;
	height:calc(9vh + 2.5rem);
}

#logo {
	max-width: 80%;
	max-height:4rem;
}

#langswitch {
	font-family: var(--sans-serif), sans-serif;
	position:absolute;
	right:10px;
	top:10px;
	font-size:1.2rem;
	font-weight:bold;
	background: var(--blue);
	padding: 5px 8px;
	border-radius: 5px;
	color: var(--white);
	text-transform:uppercase;
}

#langswitch a,
#langswitch a:hover {
		color: var(--white);
}

#footer {
	grid-area:footer;
	height:5vh;
	text-align:center;
}

#footer .links {
	font-family:var(--sans-serif),sans-serif;
	font-size:1rem;
	text-transform: uppercase;
	padding:0 0 5px 0;
}

#footer .links a {
	display:inline-block;
	padding:0 15px;
}

#footer .copyright {
	font-size:.8rem;
}

#main {
	grid-area: main;
	height:calc(85vh - 155px - 5rem);
	border-radius:5px;
	padding:0;
}

#cards {
	height:100%;
	overflow-y: auto;
	border-radius:5px;
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none; 
}

#cards::-webkit-scrollbar {
  display: none;
}

.card {
	border-radius: 5px;
	padding:1rem;
	margin:0 0 10px 0;
	background-color:var(--white);
}

.category-bulb {
    font-size: .8rem;
    text-transform: uppercase;
    font-family: var(--sans-serif), sans-serif;
    font-weight: bold;
    background-color: var(--orange);
    padding: 3px 10px 2px 10px;
    color: white;
    display: inline-block;
    border-radius: 5px;
    margin: 0 0 .2rem 0;
}

article header .category-bulb {
    margin: 0 0 1rem 0;
}

/* colours of categories */

.category-bulb.nouvelles {background-color:var(--cat-news);}
.category-bulb.news {background-color:var(--cat-news);}
.category-bulb.sondages {background-color:var(--cat-polls);}
.category-bulb.polls {background-color:var(--cat-polls);}
.category-bulb.declarations {background-color:var(--cat-statements);}
.category-bulb.statements {background-color:var(--cat-statements);}
.category-bulb.announcements {background-color:var(--cat-announcements);}
.category-bulb.annonces {background-color:var(--cat-announcements);}
.category-bulb.evennements {background-color:var(--cat-events);}
.category-bulb.events {background-color:var(--cat-events);}
.category-bulb.speciale {background-color:var(--cat-special);}
.category-bulb.special {background-color:var(--cat-special);}




.card .date {
	font-size:.8rem;
	font-family: var(--sans-serif), sans-serif;
	color:var(--dkgrey);
	margin: 0 0 0.5rem 0;
}

.more {
	text-align: right;
  font-size: .8rem;
  margin: 1.5rem 0 .5rem 0;
}

.more span {
	background:var(--blue);
	color:var(--white);
	font-family: var(--sans-serif), sans-serif;
	font-weight:bold;
	padding:5px 10px;
	border-radius: 5px;
	text-transform:uppercase;
	text-decoration:none;
}

.more span::after {
	content: ">";
	transform: translateY(-0.075rem);
	padding-left: .3rem;
	display: inline-block;
}

.item {
	display: inline-block;
  background: var(--ltgrey);
  height: 90%;
  max-height: 110px;
  border-radius: 5px;
  padding: 10px;
  align-content: center;
  color: var(--white);
  text-align: center;
  max-width: 22%;
  margin: 1%;
  aspect-ratio: 1;
}

#items {
	grid-area:items;
	background:var(--ltgrey);
	height:100%;
	max-height:100px;
	border-radius: 5px;
	padding:0;
	align-content:center;
	color:var(--white);
	text-align:center;	
}

a.tep,
a.item:hover {
	color:var(--white)
}

.item img {
	width: auto;
    height: 70%;
    padding: 5px 5px 0 5px;
}

.item-text {
	font-family: var(--sans-serif), sans-serif;
	font-size:.55rem;
	font-weight: 500;
	text-transform:uppercase;	
	text-align:center
}

#item1 {
	grid-area: item1;
	background-color:var(--orange);
}
#item2 {
	grid-area: item2;
	background-color:var(--blue);
}
#item3 {
	grid-area: item3;
	background-color:var(--yellow);
}
#item4 {
	grid-area: item4;
	background-color:var(--dkgrey);
}

.article {
	display:none;
}

/* article page */

.display-article .container {
	display:grid;
	position:relative;
	gap:10px;
	grid-template-areas:
		'header header header header'
		'main main main main'
		'items items items items'
		'footer footer footer footer';
	align-items: stretch;
	padding:10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.display-article #main {
	grid-area: main;
	height:calc(8vh - (25vw + 30px));
	overflow-y: auto;
}

.article {
	background:var(--white);
	border-radius: 5px;
	padding:10px;	
}

.display-article .item {
	background:var(--ltgrey);
	height:calc(25vw - 20px);
	border-radius: 5px;
	padding:10px;	
}

.display-article .item img {
	width: 70%;
	height: auto;
	padding: 0;
}

/* resources page */

.resources .container {
	display:grid;
	position:relative;
	gap:10px;
	grid-template-areas:
		'header header header header'
		'main main main main'
		'item1 item2 item3 item4'
		'footer footer footer footer';
	align-items: stretch;
	padding:10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.resources #main {
	grid-area: main;
	height: calc(86vh - (25vw + 30px));
	overflow-y: auto;
}

.article {
	background:var(--white);
	border-radius: 5px;
	padding:10px;	
}

.resources .item {
	background:var(--ltgrey);
	height:calc(25vw - 20px);
	border-radius: 5px;
	padding:10px;	
}

.resources .item img {
	width: 70%;
	height: auto;
	padding: 0;
}

ul.resources {
	margin:15px 0;
	list-style-type: none;
}

ul.resources li {

}

ul.resources li a {
	font-family:var(--sans-serif);
	font-weight:bold;
}

.poll-summary {
  font-family: var(--sans-serif);
  font-size: 1rem;
  font-weight:600;
}

.poll-summary span {
	display: inline-block;
  padding: 3px 5px 5px 5px;
  font-size: .8rem;
  font-weight:900;
  color: var(--white);
  border-radius: 5px;
  margin: 5px 10px 5px 0;
  min-width: 2.5rem;
  text-align: center;
}

.poll-summary span b {
	font-size:.6rem;
}

.lpc {background-color:#900;}
.cpc {background-color:#00c;}
.ndp {background-color:var(--orange);}
.bq {background-color: #09c;}
.gpc {background-color:#090;}
.ppc {background-color:#909;}
.oth {background-color:var(--dkgrey);}

.gt {
	font-family:var(--sans-serif);
	font-size: .6rem;
}

ul.by-ed {
    list-style-type:none;
    margin:0;
}

ul.by-ed li {
    list-style-type:none;
    margin:.5rem 0;
    padding:1rem;
    border: .05rem solid var(--ltgrey);
    border-left: .3rem solid var(--ltgrey) !important;
    border-radius: .2rem;
}

.by-ed-name {
    display:inline-block;
    font-family:var(--sans-serif);
    font-weight:600;
    font-size:1.15rem;
}

.by-ed-info {
    display:inline-block;
    font-family:var(--sans-serif);
    font-size:.85rem;
}

.by-ed-socials {
    font-family:var(--sans-serif);
}

.by-ed-party {
    display:inline-block;
    font-family:var(--sans-serif);
    color:#ffffff;
    border-radius:.2rem;
    padding: .05rem .2rem 0 .2rem;
    font-size: .7rem;
    font-weight:bold;
}

.by-ed-candidate-1 {
    display:inline-block;
    font-family:var(--sans-serif);
    margin:1rem 0 0 0;
}

.by-ed-candidate-2 {
    display:inline-block;
    margin:0;
    font-size:1.25rem;
    font-weight: 600;
}

.by-ed-candidate-other {
    font-family:var(--sans-serif);
    font-size: .9rem;
}

.by-ed-links {
    display:inline-block;
    margin:0 0 .5rem 0;
    font-size:.8rem;
    font-family:var(--sans-serif);
}

.by-ed-blurb {
    display:inline-block;
    margin:.5rem 0;
    padding:.5rem;
    border-left:.2rem solid var(--orange);
}