/*General*/

body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}

body {
	background: #eee;
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}

.test {
	filter: brightness(50%);
	
}
.ptab {
	margin-left: 40px;
}

/* splash Styles */

.top-bar-center {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	text-align: center;
}

.main-menu {
	width: 62.5rem;
	height: 100%;
}

.schreier {
	/*color: #ffa500;*/
	color: rgba(0,0,0,0);
}

.splash {
	/*background: url(img/MadisonSunset.jpg) no-repeat center;*/
	background: url(img/group2.png) no-repeat center center;
	/*background: #eee;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #111;
	padding: 30px;
	text-align: left;
	background-position: bottom center;
	width: 100%;
  	min-height: 100vh;
 	background-attachment: fixed;
  	top: 0px;

}

.splash h1.splash-anim {
	width: 100%;
	/*text-align: center;*/
	font-weight: bold;
	color: rgba(0,0,0,0);
	margin: 0;
}

.splash h3, .splash h4 {
	margin: 0;
}


 .panel {
	/*position: absolute;*/
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: rgba(255,255,255,0.95);
	padding: 1em;
	margin-top: 1em;
}

.panel.intro {
	/*margin-top: 5em;*/
	/*max-width: 20em;*/
	margin-bottom: 1em;
	background: url(img/banner_dark.png) center right; /*banner_dark.png*/
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.95);
	opacity: 0.95; /*1.0*/
	background-size: cover;
	/*background: url(https://picsum.photos/1200/600/?grayscale) no-repeat center center;*/
	min-height: 20vh;
  display: flex;
  /*justify-content: center;*/
  align-items: center; 
  height: 100%;
  color: #111;
}

 .join {
	/*position: absolute;*/
	position: relative;
	margin-left: 4;
    margin-right: 43em;
	background: rgba(255,255,255,0.95);
	padding: .1em;
	margin-top: .01em;

}

.intro.full {
	min-height: 30vh;
}

.news {
	max-height: 60em; /* changed from 30em to 60em 10/27/2022 to expand panel legnth */
	overflow-y: auto;
}

.news dt {
	margin-bottom: 0;
}

.news dd {
	padding-bottom: 0.5em;
	border-bottom: 1px solid #eee;
	margin-bottom: 0.5em;
}

.panel.description {
	margin-top: 0;
}


.panel.description p {
	margin-bottom: 0;
}

.menu-text span {
	/*cursor: pointer;*/
}

.main-menu li {
	/*height: 100%;*/
	min-width: 20%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.main-menu li a {
	color: #fff; /*new added*/
	font-weight: bold; /*new added*/
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
}

.main-menu li:not(.menu-text) a:hover {
	color: white;
	/*color: #0a0a0a; */
	background: #cc2a36;
	font-weight: bold; /*new, used to be 400 as a value*/
}

.title-bar {
	opacity: 0.9;
	/*position: absolute;*/
	/*width: 100%;*/
	/*z-index: 10;*/
	/*transition: height .25s ease;*/
	/*height: 4.5em;*/
	padding: 0px;
}

.responsive-menu {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.title-bar .title-bar-right, 
.title-bar .title-bar-left {
	transition: padding-top .25s ease;
	padding-top: 1.4em;
}
.title-bar.shrink {
	/*height: 3em;*/
}
.title-bar.shrink .title-bar-right, 
.title-bar.shrink .title-bar-left {
	padding-top: 0em;
}
.title-bar .dropdown.menu li {
	float: left;
}
.title-bar .dropdown.menu .is-dropdown-submenu {
	border: none;
}
#root {
	margin-top: 2em;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
		border-color: #F78536;
		color: #fff;
}


.button:hover, .button:focus {
	 border-color: #E67526;
		color: #fff;
		background-color:#E67526;
}


.display-table {
		display: table;
}

.va-align {
		display: table-cell;
		vertical-align: middle;
}

#breve {
	cursor: pointer;
}

/*masonry styles*/

.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */


.grid-sizer {
	width: 20%;
}
.grid-item {
	width: 20%;
  float: left;
	/*padding: 0.5em;*/
	/*cursor: pointer;*/
}

.lab-tour-grid .grid-item {
	background: rgba(255,255,255,0.95);
	padding: 0.5em;

}

.grid-item--width-2 {
	width: 40%;
}
.grid-item--width-3 {
	width: 60%;
}
.grid-item--width-4 {
	width: 80%;
}
.grid-item--width-5 {
	width: 100%;
}

.grid-focus:not(.img-destroy) {
	width: 100%;
}

.grid-item img{
	/*border: 1px solid #fff;*/
	background: #eee;
}

.research .grid-item img {
	/*min-height: 23em;*/
	object-fit: contain;
}

.grid-item .panel img {
	min-height: initial;
}

.grid-item .panel {
	margin-top: 0;
	transition: 250ms ease;
	overflow: auto;
	/*min-height: 23em;*/
}

.grid-item .panel:not(.no-highlight):hover {
	background: rgba(255,219,153,.9);
	transition: 250ms ease;
	cursor: pointer;
}

.grid-item .panel p {
	text-align: justify;
}

.grid-item.panel h3 {
	text-align: center;
	font-weight: 400;
}

.caption {
	/*background: rgba(255,255,255,0.9);*/
	/*display: none;*/
}

.grid-focus .caption {
	padding: 0.5em;
}

.caption b {
	font-weight: 400;
}

.grid-item img:hover {
	/*box-shadow: 0px 0px 10px #0074D9;*/
	transition: 0.5s;
}

.grid-item img {
	transition: 0.5s;
}


.grid-item .caption-short {
	display: initial;
}

.grid-item.grid-focus .caption-short {
	display: none;
}

.grid-item .caption-long {
	display: none;
}

.grid-item.grid-focus .caption-long {
	display: initial;
}

.img-destroy {
	display: initial;
}

.parent-focus .img-destroy {
	display: none;
}

.img-caption-left {
	/*width: 30%;*/
	float: left;
	margin-right: 1em;
}

.img-caption-center {
	margin-left: auto;
	margin-right: auto;
}

.citations p {
	text-align: justify;
	font-size: 12px;
	margin-bottom: 0;
}

.citations a:hover {
	text-decoration: underline;
}

.citations p b {
	font-weight: 400;
}

.citations p:target {
    background-color: #ffff66;
    color: #111;
}

.citelink {
	top: -0.5em;
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

.funding-pic {
	margin-bottom: 0;
	transition: 0.5s;
	z-index: 1
	background-color:#FFFFFF;
}

/*publications*/

#publications thead {
	background-color:#181818;
	color:#eee;
}
#publications tbody tr:nth-child(even) {
	background-color:#d8d8d8; 
	-o-transition:.25s; 
	-ms-transition:.25s; 
	-moz-transition:.25s; 
	-webkit-transition:.25s; 
	transition:.25s; 
}
#publications tbody tr:nth-child(even):hover {
	background-color:#c2c2c2; 
	-o-transition:.25s; 
	-ms-transition:.25s; 
	-moz-transition:.25s; 
	-webkit-transition:.25s; 
	transition:.25s; 
	cursor: pointer;
}
#publications tbody tr:nth-child(odd) {
	-o-transition:.25s; 
	-ms-transition:.25s; 
	-moz-transition:.25s; 
	-webkit-transition:.25s; 
	transition:.25s; 
}
#publications tbody tr:nth-child(odd):hover {
	background-color:#e9e9e9; 
	-o-transition:.25s; 
	-ms-transition:.25s; 
	-moz-transition:.25s; 
	-webkit-transition:.25s; 
	transition:.25s; 
	cursor: pointer;
}

#publications th {
	text-align: center;
}

.abstract-img {
	float: left;
	margin-right: 1em;
	margin-bottom: 0em;
}

/*#publications tr {
    counter-increment: rowNumber;
}

#publications tr td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}*/

col.toc{
	max-width:50%;
}

col.number {
}

col.info {
}

.publication-link {
	font-size: 120%;
	font-weight: 400;
}

.publication-journal {
	font-style: italic;
	font-size: 80%;
}

a.publication-link:hover {
	text-decoration: underline;
}

td.fill-number {
	font-weight: 700;
	text-align: center;
}

td.fill-modal {
	display: none;
}


/*group pics*/

.group-pic {
	margin-bottom: 0;
	transition: 0.5s;
	z-index: 1
}

.group-info {
	margin-left: -1.87500rem;
	margin-top: 0;
	height: 100%;
	text-align: center;
}

.vert-center {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: -0.9375rem;
	padding: 1em;
}

.group-name {
	font-weight: 400;
	text-align: center;
	margin-bottom: 1rem;
}


.group-modal {
	color: #111;
}

.group-modal .group-pic, .marcel-pic {
	float: left;
	/*max-width: 25em;*/
	margin-right: 1em;
}

.group-modal h3 {
	text-align: left;
	font-weight: 700;
}

.group-modal p {
	text-align: justify;
}


.group-click {
	cursor: pointer;
	transition: 0.5s;
	margin-bottom: 1.875rem;
	border: 4px solid #fefefe;
	border-radius: 0px;
}

.group-click:hover {
	box-shadow: 0px 0px 10px #0074D9;
	transition: 0.5s;
}

.group-pic:hover {
	box-shadow: 0px 0px 10px #0074D9;
	transition: 0.5s;
}

.group-click:focus {
    outline-style: none;
}

.reveal-overlay {
	background-color: rgba(10, 10, 10, 0.8);
}

/*Footer */

.footer {
		background-color: #111;
		text-align: center;
		padding: 10px;
		color: #eee;
}
.group-footer {
	background: inherit;
}

.group-footer .row {
		height: 30vh;
		background-image: url(img/group.png);
		background-size: contain;
		background-repeat: no-repeat;
}

.footer div {
		display:flex;
		justify-content:center;
		align-items:center;"
}

.footer-social i {
		color: #497285;
		margin-left: 20px;
		font-size: 22px;
}
		.footer-social i:hover {
				color: #F78536;
		}

.footer-column {
	height: 100%;
}

.footer-icons img {
	max-height: 3em;
}

.dev-cred {
	margin: 0rem;
	background-color: #111;
	text-align: right;
}

.dev-cred a {
	font-size: 12px;
}

.dev-cred a:hover {
	color: hotpink;
}

/*animation */
.pulse0 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 000ms;
}
.pulse1 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 100ms;
}
.pulse2 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 200ms;
}
.pulse3 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 300ms;
}
.pulse4 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 400ms;
}
.pulse5 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 500ms;
}
.pulse6 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 600ms;
}
.pulse7 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 700ms;
}
.pulse8 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 800ms;
}
.pulse9 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 900ms;
}
.pulse10 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 1000ms;
}
.pulse11 {
	animation: opacity-pulse 5s;
	animation-fill-mode: forwards;
	animation-delay: 1100ms;
}

.group-fadein {
	animation: group-fadein 4s;
	animation-fill-mode: forwards;
	color: rgba(255,255,255,0);
}

@keyframes opacity-pulse {
  0% {
    color: rgba(0,0,0,1);
  }
  50% {
  	color: rgba(255,255,255,1);
  }
  100% {
    color: rgba(255,165,0,1);
  }
}

@keyframes group-fadein {
  0% {
  	color: rgba(255,255,255,0);
  }
  25% {
  	color: rgba(255,255,255,0);
  }
  100% {
  	color: rgba(255,255,255,1);
  }
}