@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url('/template/fonts/Roboto-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 100;
	src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/template/fonts/Roboto-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url('/template/fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/template/fonts/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url('/template/fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic'), url('/template/fonts/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local('Roboto-Medium'), url('/template/fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/template/fonts/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url('/template/fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/template/fonts/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: local('Roboto Black'), local('Roboto-Black'), url('/template/fonts/Roboto-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 900;
	src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/template/fonts/Roboto-BlackItalic.ttf') format('truetype');
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	color: #5a5a5a;
	font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-weight: 400;
}
footer p {
	margin-bottom: 0;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
}
.marketing h2 {
  font-weight: 400;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 4rem 0; /* Space out the Bootstrap <hr> more */
}
@media screen and (max-width: 767px) {
.featurette-divider {
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}
}
/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  letter-spacing: -.05rem;
	font-size: 300%;
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}
@media screen and (max-width: 1399px) {
.featurette-heading {
	font-size: 250%;
}
@media screen and (max-width: 1199px) {
.featurette-heading {
	font-size: 200%;
}
@media screen and (max-width: 991px) {
.featurette-heading {
	font-size: 150%;
}
@media screen and (max-width: 767px) {
.featurette-heading {
	font-size: 130%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.announcements {
	background-color: #cbd6eb;
	padding: 1rem;
}
table.styled {
	margin-bottom: 1rem
}
table.styled td, table.styled th {
	padding: .25rem .25rem
}
table.styled th {
	background-color: #eee;
	font-weight: 700
}
table.styled td, table.styled th {
	border: 1px solid #ccc
}
table.styled tbody tr.even {
	background-color: #eff
}
table.mysql {
	text-align: left;
	margin-bottom: 1em;
	border-top: 1px solid #DDD;
}
table.mysql th {
	font-size: 14px;
	background: #DDD;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #DDD;
}
table.mysql td {
	vertical-align: top;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #DDD;
}
table.mysql tr.even {
	background-color: #eff;
}
.department {
	color:#999;
}
article, section, div.article, div.section {
	margin-bottom:1rem;
}
div.styled, article.styled, section.styled {
	background:#F2F5F7;
	border:1px solid #d2d2d2;
	margin-bottom:1rem;
	padding:1rem
}
div.styled h2, div.styled h3, div.styled h4, div.styled h5, div.styled h6 {
	color:#738aa3;
	text-shadow:0 1px 1px #fff
}
div.styled h2 {
	font-size:140%
}
div.styled h3 {
	font-size:130%
}
form, .form table {
    margin-bottom: 1rem;
}
textarea {
  resize: none;
}
.mysql textarea.monospace {
	font-family: monospace;
}
.form input[type="text"], .form textarea {
	width: 100%;
}
.form textarea {
  resize: none;
	font-family: monospace;
}
.form .error {
    color: red;
}
/* drawer - BEGIN */
.drawer h2 a, .drawer-toggle a {
	background: url(images/sprite_icon_widget.svg)  no-repeat transparent;
  background-size: 16px 300px;
}
.drawer-wrapper {
	margin-bottom: 1em
}
.drawer {
	border-bottom: 1px solid #ccc
}
.drawer h2 {
	border-top: 1px solid #ccc;
	font-weight: 400;
	margin-bottom: 0;
	padding: .2rem 0 .2rem;
	zoom: 1;
}
.drawer h2 a {
	background-position: 0 6px;
	display: block;
	padding-left: 20px;
	text-decoration: none
}
.directory .section {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #006;
}
.directory .article {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #006;
}
.directory .title {
	font-size: 120%;
	font-weight: 500;
}
.directory .department {
	font-size: 120%;
	font-weight: 500;
}
.directory img.profile {
	max-height: 100px;
}
/* drawer - END */
/* carousel - BEGIN */
.carousel-caption {
    background: rgba(0, 0, 0, 0.35);
}
/* carousel - END */
.title {
	color: #333;
	font-weight: bold;
}
/* Talks BEGIN */
div.talks h1 {
	font-size: 140%;
	color: #555;
}
div.talks h1 a {
	color: #555;
}
div.talks h2 {
	font-size: 130%;
	color: #666;
}
div.talks h2 a {
	color: #666;
}
div.talks table {
	text-align: left;
	margin-bottom: 1em;
	border-top: 1px solid #DDD;
}
div.talks table th {
	font-size: 14px;
	background: #DDD;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #DDD;
}
div.talks table td {
	vertical-align: top;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #DDD;
}
div.talks table td p {
	margin: 0;
}
div.talks div.styled p.date, div.talks div.styled p.title, div.talks div.styled p.speaker, div.talks div.styled p.author {
	text-align: center;
	font-size:125%;
}
div.talks p.date, div.talks p.title, div.talks p.speaker, div.talks p.author {
	text-align: center;
	font-size:150%;
}
div.talks p.department {
	text-align: center;
	font-size: 120%;
}
div.talks .title {
	font-size: 120%;
	font-weight: bold;
}
div.talks p.department, p.university, p.college {
	color: #99a;
	font-size: 110%;
  margin-top: -1em;
}
div.talks div.abstract {
	font-size: 90%;
	color:#000;
}
div.talks li {
  margin-bottom: 1em;
}
#schedule-container .abstract {
	font-size: 90%;
}
/* Talks END*/
.embed-responsive-3by4::before {
	padding-top: 133%;
}
img.logo {
	max-width: 128px;
}
.time {
	background-color: #bdddee !important;
	font-weight: bold;
	width: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.time p {
	margin: 5px auto !important;
}
.cell {
	width: 100%;
}
#tap {
	display: block;
}
.cell p {
	margin: 0 0 .5em 0;
}
.cell p.department {
  margin-top: -.5em;
}
.show_hide {
	margin: 0 0 10px 0px;
}
.style {
	padding: 0;
}
@media print {
.main-content-nav {
	background: 0 0
}
}
/* Fontawesome */
.svg-inline--fa {
  margin-right: .5rem;
}
/* Fontawesome END */