@charset "UTF-8";

h1, h2, h3, h4, h5, h6, .navbar {
    font-family: 'quicksand', sans-serif;
	font-weight: bold;
}

body {
	background-image: url("../images/bg1@0.5x.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
  font-family: 'Lora', serif;
}

div#body {
	/* This body tag allows a scroll event on iOS */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

div.jumbotron div {
  text-align-last: center;
  text-align: justify;
}

div.jumbotron div p, div.jumbotron div ul  {
  text-align-last: left;
}

div#outreach .floatimg {
  border-radius: 0px;
}

.floatimg {
  float: right;
  border-radius: 4px;
  height: 120px;
  margin-bottom: 40px;
  margin-left: 2em;
}

p + .floatimg {
  clear: both;
}

@media (max-width: 600px) {
  .floatimg {
    float: none;
    margin-left: 1em; margin-right: 1em;
    margin-bottom: 1em;
    display: inline-block;
  }
}

div .jumbotron.light a.btn-lg {
  background-color: #211484;
  border-color: #211484;
  color: #ffffff;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  white-space: normal;
}

svg#scroll-indicator {
  display: block;
  position: fixed;
  bottom: 20px;
  opacity: 0;
  width: 100px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

div .jumbotron.light a.btn-lg:hover {
  background-color: #312494;
}

img#backdrop, img#waiting_backdrop, img#fading_backdrop {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}

div .jumbotron {
	margin-left: auto;
	margin-right: auto;
	min-height: 50vh;
	margin-top: 25vh;
	width: 100%;
	transition: 0s linear;
    transition-property: background-position;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
}

.navbar-fixed-top {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1;
}


p.lead {
	font-family: 'quicksand';
	font-weight: bold;
}

div .jumbotron div {
	max-width: 600px;
	padding: 20px;
	margin: auto;
	border-radius: 15px;
	position: relative;
	margin-top: auto;
	margin-bottom: auto;

}

div .jumbotron.dark {
	border-top: 5px solid rgba(255,255,255,0.1);
	border-bottom: 5px solid rgba(255,255,255,0.1);
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
}

div .jumbotron.dark a {
	color: #EFE599;
}


div .jumbotron.light {
	border-top: 5px solid rgba(0,0,0,0.1);
	border-bottom: 5px solid rgba(0,0,0,0.5);
}

div .jumbotron.light a {
	color: #211484;
}

div .jumbotron.dark div {
	background-color: rgba(0,0,0,0.8);
}

div .jumbotron.light div {
	background-color:rgba(255,255,255,0.7);
}

div#hello, div#contact {
	background-image: url("../images/bg2@0.5x.jpg");
}

div#research {
	background-image: url("../images/bg3@0.5x.jpg");


}

p.quote {
  margin-left: 1em;
  margin-right: 1em;
}

div#teaching {
	background-image: url("../images/bg5@0.5x.jpg");
}
div #outreach {
	background-image: url("../images/bg6@0.5x.jpg");
}

div#software {
	background-image: url("../images/bg4@0.5x.jpg");
}

div.support-logos {
  font-size: 0.8em;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

div.support-logos ul  {
  padding-left: 0;
}

div.support-logos ul li {
  padding-top: 1em;
  list-style: none;
  padding-left: 0;
}

div.support-logos img {
  height: 3em;
  padding-right: 10px;
}

.pre-order-table-container {
	/* center table within parent div: */
	margin-left: auto;
	margin-right: auto;
	overflow-x: scroll;
}

.pre-order-table {
	background-color: rgba(0,0,0,0.7);
	margin-bottom: 1em;

}

.pre-order-table tr th, td  {
	padding-left: .5em;
	padding-right: .5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-family: 'quicksand', sans-serif;
}

.pre-order-table tr th:first-child {
	font-size: 1.5em;
	/* prevent any breaking: */
	white-space: nowrap;
}

.pre-order-table tr td a:hover {
	text-decoration: none;
}

.pre-order-table tr td a img {
	width: 1.5em;
	height: 1.5em;
}