@charset "UTF-8";
/* CSS Document */

#mona {display: block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15rem;
	height: 20rem;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
    text-align: center;
    vertical-align: top;
	margin-bottom: 1rem;
    opacity: 1;
}
#mona {background-image: url("../images/Mona.jpg")}
.blue h2, .blue h3 {color:#E5F4F4;}
img.staff {width:200px; height:200px; margin-top: 2rem; margin-bottom: 1rem;}
#navbarSupportedContent {font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase;}
p {font-family: 'Source Sans Pro', sans-serif;}
p.lead {padding-top: 1rem; padding-bottom: 1rem;}
li.list-group-item {text-align: left; border: 0; display:block; list-style: circle;}
a.navbar-brand strong {display: none;}
a.navbar-brand {background-image: url("../images/AU_logo.svg"); background-repeat: no-repeat; display: inline-block; width: 3rem; height: 3rem; background-size: contain;}
nav {color: white;}
.active a span {border-bottom: thin solid white;}
.row h2, .row ol {display:block;}
.light_blue {background-color: #E6F5F5;}
.blue {background-color: #003269;}
.content h2 span {font-size: 90%; font-family: 'Source Sans Pro', sans-serif; border-bottom: thin solid #003269;} 
.content ol, .content ul {margin: 2rem 10vw 0 10vw;}
.content ol li, .content ul li {margin-bottom: .6em;}
.midtron {
  padding: 2em 1em;
}
#contact_form {
  padding: 2em 1em 0 1em;
}
#second_nav ul li {list-style-type: none; display: inline-block; margin-right: 1em;}
#second_nav ul li a {font-family: 'Source Sans Pro', sans-serif; font-size: 75%; text-transform: uppercase; color: #E9F5F5; border: thin solid #E9F5F5; padding: .5em 1.5em;}
#second_nav ul li#COVID a {background-color: #E94E00;}
#second_nav ul li a:hover {background-color: #03244d; text-decoration: none; color: #E9F5F5; border: thin solid #E9F5F5;}
#second_nav {display: block;  position: absolute; height: 2em; margin-bottom: 0; margin-top: -1.65em;}
p.note {color:#666; font-size: 80%; margin-top: 2em; padding: 0 1.25em;}
#wuf-adv {display: none !important;}
#contact_form h2 {margin-bottom: 2em;}
.lead_p {font-family: 'Gentium Basic', serif; font-size: 130%;}
.project_title {font-weight: 600; font-size: 180%; line-height: 1em; letter-spacing: -.02em;}
.project_funding {font-weight: 600; font-size: 100%; text-transform: uppercase; letter-spacing: -0.02em;}
.project_grant_info {font-size: 90%;}
.second_p {font-family: 'Gentium Basic', serif; font-size: 110%;}
a.btn_rect {border: 1px solid #03244d; font-size: 75%; text-transform: uppercase; padding: .5em 1.5em; margin: 3em 0 0 0; display: inline-block;}
a.btn_rect:hover {border: 1px solid #E94E00; background-color: #E94E00; color:white; text-decoration: none;}
hr {margin: 2em 0;}
.container {max-width: 880px;}
.project_image {margin-top: 2em;}
.DOI {font-size: 90%; font-weight: 600; margin-top: -.75em; margin-bottom: 1.75em;}
.DOI a {text-decoration: underline;}
.DOI a:hover {color: #E94E00;}
h6 {font-family: 'Source Sans Pro', sans-serif; font-size: 90%; font-weight: 600; letter-spacing: -.02em; margin-bottom: 2.5em;}
h5 span.underline {font-family: 'Source Sans Pro', sans-serif; font-size: 160%; font-weight: 600; letter-spacing: -.01em; border-bottom: 1px solid black;}
h5 {margin-bottom: 1.5em;}
p.publication_info {line-height: 1.25em;}
p.publication_info a {text-decoration: underline;}
.research_interest {padding-top: 3em; padding-bottom: 2em;}
.research_interest li {list-style-type: none; font-size:120%; line-height: 1.75em;}
.research_interest ul {padding-left: 0;}
#research_intro {color: #E6F5F5;}
#research_intro .lead_p {font-size: 175%; padding-bottom: .9em;}
#research_intro .second_p {font-size: 130%; letter-spacing: 0;}
.div_btn {text-align: center; margin: 1em 0;}
@media (max-width: 575.98px) {
	#second_nav ul li {display: block; margin-right: 1em; margin-bottom: .5em;}
	#second_nav {display: block; position:relative; height: 6.5em; margin-bottom: 0;}
	#second_nav ul li a {color: #03244d; border: thin solid #03244d;}
	#second_nav ul li a:hover {background-color: #03244d; color: #E9F5F5; border: thin solid #E9F5F5;}
	#second_nav ul li#COVID a {color: #E9F5F5; border: thin solid #E9F5F5;}
	.blue h2, .blue h3 {font-size: 130%;}
}
@media (min-width: 576px) {
  .midtron {
    padding: 5em 2em;
  }
	#contact_form {
  padding: 5em 2em 0 2em;
}
}
@media (min-width: 992px) {
	span.lab_name {font-size: 120%;}
	.jumbotron h1 {font-size: 300%;}
}
@media (max-width: 376px) {
	span.div_btn {display: block;}
	.content ol, .content ul {margin: 2rem 1vw 0 0;}
	.lead_p {font-size: 145% !important;}
	.second_p {font-size: 100% !important;}

}
/* footer_AU Contact */
#AU_contact_info {background-color: #003269; color: white; padding-top: 2rem; padding-bottom: 2rem;}
#AU_contact_info p {color:rgba(255,255,255,.7);}
#AU_contact_info p.secondary {font-size: 80%; opacity: .8; margin-top: -.5rem;}
#AU_contact_info a {color:rgba(255,255,255,.7); padding-left:.5rem;}
#AU_contact_info a:hover {color:white;}
/* footer_Lab Contact */
#lab_contact_info {background-color: #E9F5F5; color: #0F3365; padding-top: 4rem; padding-bottom: 3rem;}
#lab_contact_info p {font-family: 'Gentium Basic', serif; color:#0F3365; font-weight: 100; font-size: 120%; line-height: 0.85;}
#lab_contact_info p.secondary {font-size: 100%;}
#lab_contact_info a {color:#0F3365; padding-left:.2rem; text-decoration: underline;}
#lab_contact_info a:hover {color:black;}
.jumbotron h1.page_title {text-align:center; color: white;}
.blue {background-color: #03244d;}
.capital_txt {text-transform: uppercase; font-size: 90%;}
#row_space {padding-top: 4rem; padding-bottom: 4rem;}
#staff {background-image: url("../images/header_image_staff.jpg"); background-size: cover; background-position: center;}
#participants {background-image: url("../images/header_image_participants.jpg"); background-size: cover; background-position: center;}
#students {background-image: url("../images/header_image_join.jpg"); background-size: cover; background-position: center;}