/* csl.css contains custom settings, many inherited from previous template styles */

.tagline {
	color: #606;
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

td:first-child {
  	white-space: nowrap;
}
hr.short {
	width: 50%;
}
.red {
	color: #c33;}
.orange {
	color: #c63;}
.dkblue {
	color: #039;}
.purple {
	color: #606;}
.green {
	color: #060;}
.highlight {
	background-color:#ffd;}
.panel {
	margin: 2em 0 1em 0;
	padding: 1em 1em 0 1em;
}
figure.inline {
	padding: 0;
	margin: 0;
	display: inline;
}
.credit {
	padding-right: .6em;
	text-align: right;
	font-size: x-small;
}
.caption {
	text-align: center;
	font-size: small;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}
.seminar {
	border-bottom: 1px solid #eee;
	margin-bottom: 1.5em;
}
.when {
	white-space: nowrap;
	font-size: small;
	font-style: italic;
	color: #666;
}
.what {
	font-size: small;
	color: #666;
}
.question {
	font-size: medium;
	font-style: italic;
	color: #666;
}
.spotlight {
    margin: 5px 0 40px 0;
    box-shadow:
    	0 20px 25px -25px rgba(0, 0, 0, 0.23),
    	0 20px 25px 0px rgba(0, 0, 0, 0.12),
    	0 15px 10px -10px rgba(0, 0, 0, 0.2);
}
.img-circle {
	border-radius: 50%;
	margin: 0 auto;
	box-shadow: 0 20px 25px -25px rgba(0, 0, 0, 0.23), 
		0 20px 25px 0px rgba(0, 0, 0, 0.12), 
		0 15px 10px -10px rgba(0, 0, 0, 0.2);
}
.img-center {
	margin: 0 auto;
}
.img-hover:hover {
    opacity: 0.7;
}
.contactName {
	margin: .6em 0 .4em 0;
	color: #666;
}
.affiliation {
	color: #666;
	font-size: small;
	max-width: 150px;
}
.moddate {
	clear: both;
	text-align: right;
	font-size: small;
	font-style: italic;
}

/* accordions */
.accordion .card-header {
  border: 1px dotted #c63;
}
.accordion .card-header a {
 display: block;
 color: #c63;
}
.accordion .card-body {
  margin: 1em 0 0 1em;
}

/* pagination */
.page-item.active .page-link {
    background-color: #c63;
    border: 1px dotted #c63;
}
.page-link {
    color: #white;
}
.page-item .page-link {
    color: #c63;
    border: 1px dotted #c63;
}
.page-item a:hover {
    color: white;
    background-color: #c63;
}

/* modals */
#modal-citation {
  margin-top: 5em;
}
#modal-citation blockquote {
  font-style: normal;
}
.modal-header {
  background-color: #c63;
}
.modal-header button {
  color: #fff;
}
.modal-header h3 {
  color: white;
}
.modal-title {
  color: white;
}
.citation {
	color: #c63;
}
.citation a {
	cursor: pointer;
}

/* news articles */
.newsArticle .jumbotron {
	background: none;
	padding: 0;
}
.newsArticle .jumbotron img {
	width: 100%;
	height: 300px;
	box-shadow: 0 20px 25px -25px rgba(0, 0, 0, 0.23), 
		0 20px 25px 0px rgba(0, 0, 0, 0.12), 
		0 15px 10px -10px rgba(0, 0, 0, 0.2);
}
.newsArticle .jumbotron .caption {
	padding: .5em 0 1em 0;
	border: none;
}
	
.newsBlock {
	padding: 1em;
	margin-top: 2em;
	background: #f4f4f4;
	border-radius: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: small;
}

.newspaper1 p:first-child:first-letter {
  float: left;
  color: #666;
  font-size: 75px;
  line-height: 60px;
  padding-right: 5px;
  margin-left: -5px;
}
@media (min-width: 1000px) {
  .newspaper2 {
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    -webkit-column-rule-color: #ddd; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #ddd; /* Firefox */
    column-rule-color: #ddd;
  }
}
.newspaper2 p:first-child:first-letter {
  float: left;
  color: #666;
  font-size: 75px;
  line-height: 60px;
  padding-right: 5px;
  margin-left: -5px;
}
@media (min-width: 1000px) {
  .newspaper3 {
   -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    -webkit-column-rule-color: #ddd; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #ddd; /* Firefox */
    column-rule-color: #ddd;
  }
}
.newspaper3 p:first-child:first-letter {
  float: left;
  color: #666;
  font-size: 75px;
  line-height: 60px;
  padding-right: 5px;
  margin-left: -5px;
}
.newspaperDynamic p:first-child:first-letter {
  float: left;
  color: #666;
  font-size: 75px;
  line-height: 60px;
  padding-right: 5px;
  margin-left: -5px;
}
@media (min-width: 800px) {
  .newspaperDynamic {
     -webkit-column-count: 3; /* Chrome, Safari, Opera */
      -moz-column-count: 3; /* Firefox */
      column-count: 3;
      -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
      -moz-column-gap: 40px; /* Firefox */
      column-gap: 40px;
      -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
      -moz-column-rule-style: solid; /* Firefox */
      column-rule-style: solid;
      -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
      -moz-column-rule-width: 1px; /* Firefox */
      column-rule-width: 1px;
      -webkit-column-rule-color: #ddd; /* Chrome, Safari, Opera */
      -moz-column-rule-color: #ddd; /* Firefox */
      column-rule-color: #ddd;

  }
}