@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400|Roboto:100,400);

body {
	margin-bottom: 0;	
	background:#777 url("/images/parliament-bw.jpg") no-repeat fixed center;
 	background-size:cover;
 	color:white;
  	text-align:center;
  	font-family: 'Raleway', sans-serif;
  	font-weight:100;
  	height: 100%;
}
.grid-gallery ul {
	list-style:none;
	margin:0;
	padding:1em;
}
.grid-gallery figure {
	margin:0;
}
li figure {
	background:rgba(30,30,80,0.8);
}
.time {
	background:#555;
	font-size:2vw;
	display: inline-block;
	padding: .25em .5em;
}
.time .units {
	font-weight:light;
	font-size:.75vw;
}
.grid-wrap {
	height: 100vh;
	max-width:1200px;
	margin: 0 auto;
	/* padding: 0 1em 2em; */
	/* margin-bottom: 10em; */
}
.grid {
	margin: 0 auto;
}
.grid li {
	width: 31%;
	float: left;
margin: .5em;
}
.clockdiv > div {
	padding:10px;
	/* border-radius:3px; */
	display:inline-block;
	background:#555;
	margin:-.15em;
}
.clockdiv div > span {
	padding:10px;
	/* border-radius:3px; */
	background:#333;
	display:inline-block;
}

.smalltext {
	padding-top:5px;
	font-size:0.65em;
}
h3 {
	padding-top:.5em;
	font-size:0.75em;
	font-weight:100;
}

h3 a {
	color:#999;
	text-decoration:none;
}
.block {
	/* display: flex; */
	flex-direction: column;
	margin: .5em;
	margin-top: 0;
}
.text {
	color: #1abc9c;
	font-size: 1em;
	font-family: 'Roboto Condensed', serif;
	font-weight: 40;
	margin-top:10px;
	margin-bottom: 10px;
	text-align: center;
}
.digit {
	color: #ecf0f1;
	font-size: 2em;
	font-weight: 100;
	font-family: 'Roboto', serif;
	margin: 10px;
	text-align: center;
}
.clock {
	/* align-items: center;
	//bottom: 0;
	//background-color: #34495e;  */
	display: flex;
	justify-content: center;
	/* left: 0;
	//position: absolute;
	//right: 0;
	//top:0;  */
}
.prov {
	margin: 0 auto;
	display: block;
	padding: .5em 0;
	background: rgba(255,255,255,0.1);
	margin-bottom: 1em;
}
figure h1 {
	font-family: 'Roboto', serif;
	font-weight: 400;
}
figcaption {
	display: block;
	padding: .25em 0;
	background: rgba(255,255,255,0.1);
	margin-bottom: 1em;
}

/* Media queries */
@media screen and (min-width: 960px) {
	.grid li {
		width: 31%;
	}
	.digit { font-size: 1.5em; margin: 0em; }
	.text { font-size: .75em; }
}
@media screen and (max-width: 960px) {
	.grid li {
		width: 47%;
	}
	.digit { font-size: 1em; }
	.text { font-size: .5em; }
}
@media screen and (max-width: 640px) {
	.grid li {
		width: 100%;
	}
}
#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:3em;
   width:100%;
   background:#999;
}

#footer p {
  font-size:1em;
  text-align:right;
  margin-right:3em;
}

#footer a {
  color: #333;
  text-decoration:none;
}
.grid li:last-child {
  margin-bottom: 80px;
}
.minority {
    background-color: red;
    margin-bottom: -20px;
}
/* Hi-light current election event */
/* Added 250323 for Canadian federal election */
li#ca figure {
  background: white;
}
li#ca a {
  color: black;
  font-weight: bolder;
  background: white;
}
li#ca div.prov, li#ca figcaption {
	background: red;
}
li#ca .clock {
  /* background: white; */
  color: red;
}
li#ca p.text {
  color: red;
}
li#ca p#days, li#ca p#hours, li#ca p#minutes, li#ca p#seconds {
  color: black;
  font-weight: bold;
}
p.election {
	margin-top: 0;
	margin-bottom: 0;
}
li#ca h1 {
margin-bottom: 0;
}