/*** Channel Feature Cards ***/

ul.featured {
	margin-top: 40px;
	margin-bottom: 40px;
	}

ul.featured > li.articlecard {
	background: transparent;
	opacity: .75;
	/* height: 500px; */
	}

ul.featured li:hover {
	opacity: .9;
	}

li.articlecard .articlebody {
	background: #223355;
	padding: 40px;
	height: 200px;
	box-shadow: 0 0 15px #555;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
	}

li.articlecard h2, li.articlecard h2 a {
	color: #fff;
	font-size: 45px;
	line-height: 1.2em;
	text-shadow: 0 0 15px #000;
	font-family: 'Mate', georgia, serif;
	}

li.articlecard h2, li.articlecard h2 a:hover {
	color: #fff;
	}

li.articlecard hr {
	border-top: 1px solid #222;
	border-bottom: 1px solid #666;
	width: 40%;
	}


/*** Event Feature Cards ***/

ul.mainevent {
	margin-top: 40px;
	margin-bottom: 40px;
	}

ul.mainevent > li.eventcard {
	background: transparent;
	opacity: .75;
	/* height: 500px; */
	}

ul.mainevent li:hover {
	opacity: .9;
	}

li.eventcard .articlebody {
	background: #444;
	box-shadow: 0 0 15px #555;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
	}

li.eventcard h2, li.eventcard h2 a {
	color: #fff;
	font-size: 45px;
	line-height: 1.2em;
	text-shadow: 0 0 15px #000;
	font-family: 'Mate', georgia, serif;
	}

li.eventcard h2, li.eventcard h2 a:hover {
	color: #fff;
	}

li.eventcard hr {
	border-top: 1px solid #222;
	border-bottom: 1px solid #666;
	width: 40%;
	}


	/*** Side Feature Cards ***/

	ul.sidefeatured {
		list-style: none;
		margin-top: 0px;
		margin-bottom: 0px;
		}

	ul.sidefeatured > li.sidearticlecard {
		background: transparent;
		opacity: .85;
		/* height: 500px; */
		}

	ul.sidefeatured li:hover {
		opacity: 1;
		}

	li.sidearticlecard .sidearticlebody {
		padding: 15px;
		height: 110px;
	    -webkit-border-radius: 8px;
	       -moz-border-radius: 8px;
	            border-radius: 8px;
		}

	li.sidearticlecard h2, li.sidearticlecard h2 a {
		color: #222;
		font-size: 18px;
		line-height: 1.2em;
		font-family: 'Mate', georgia, serif;
		}

	li.sidearticlecard h2, li.sidearticlecard h2 a:hover {
		color: #444;
		}

	li.sidearticlecard hr {
		border-top: 1px solid #222;
		border-bottom: 1px solid #666;
		width: 40%;
		}


/*** Interactive ***/

.interactive {opacity: .5;}
.interactive:hover {opacity: 1;}


/*** Announcements / Events ***/

.announcements h2, .announcements h2 a {
	font-size: 20px;
	padding-bottom: 5px;
}



/*** Google Events Calendar ***/

ul.gce-list {list-style: none;}

.gce-page-list .gce-list .gce-list-event {background: transparent;} /* overrides default */

ul.gce-list > .title {background: transparent;}

ul.gce-list h3, ul.gce-list h3 a {
	font-size: 20px;
	font-family: 'Mate', georgia, serif;
	line-height: 1.2em;
	color: #555;
	}

ul.gce-list h4, ul.gce-list h4 a {
	font-size: 20px;
	font-family: 'Oxygen', helvetica, sans-serif;
	line-height: 1.2em;
	color: #30456e;
	}

ul.gce-list p {
	font-size: 18px;
	font-family: 'Mate', georgia, serif;
	line-height: 1.2em;
	color: #bbb;
	font-style: italic;
	}


/*** Code & Pre ***/

code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 18px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}