/* Navbar */

.navbar {
  position:absolute;
  width: 100%;
  padding-top:20px;
  padding-bottom: 5px;
	border-bottom-width: 4px;
	border-color: #FF6E1E;
	background-color: #76777B;
	opacity: 0.9;
}

.navbar, .navbar-brand {
	font-size: 140%;
}

.navbar-inverse .navbar-brand {
	font-weight: bold;
	color: #FF6E1E;
}

.navbar-inverse .navbar-nav>.active>a {
	color: #FF6E1E;
}

.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color: #FF6E1E;
}

.navbar-toggle {
	border-width: 2px;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #FF6E1E;
}

.navbar-collapse {
	border-top-width: 4px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form, .navbar-inverse .navbar-toggle {
	border-color: #FF6E1E;
}

/* Top */

.jumbotron {
  position:relative;
  height: 510px;
  margin: 0;
	background-color: transparent;
}

.jumbotron div {
  position:absolute;
  bottom: 10%;
  margin-right: 60px;
}

.jumbotron h1 span {
  font-size: 90%;
}

.jumbotron h1 span, .jumbotron p {
  padding: 0px 5px;
	background-color: #C8C8C8; /*#3d3c3a;*/
	opacity: 0.9;
}

#topimg {
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #000000;
	position: absolute;
	top: 0px;
	width: 100%;
  height: 510px;
}

.shadowdn {
  position:absolute;
  top: 0;
  width: 100%;
  height: 12px;
  background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
}

.shadowup {
  position:absolute;
  bottom: 0;
  width: 100%;
  height: 48px;
  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
  background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
  background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
}

/* Body styles */

@media (min-width: 768px) {
  .container {
    max-width: 970px;
  }
}

body {
	color: #000000;
	background-color: transparent;
}

a {
	color: #FF6E1E;
}

p, table, li {
  font-size: 120%;
}

h4 {
  font-size: 150%;
  margin: 20px 0px;
}

.column h2 {
  color: #616265;
}

.date-news {
  float: left;
  width: 100px;
}

.nowrap {
  white-space: nowrap;
}

/* Columns */
/* http://www.bootply.com/126437# */

.row-flex, .row-flex > .column {  
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.row-flex {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
}

.row-flex > .column, .container-flex > .column {
  margin: 10px -2px; /* hack adjust for wrapping */
  padding-bottom: 40px;
}

.container-flex > .column div, .row-flex > .column div {
	width: 100%;
}

.fourcols .btn {
  position: absolute;
  bottom: 10px;
  width: 150px;
  font-size: 90%;
}

.btn-default {
  background-image: none;
  background-color: #616265;
  border-color: #616265;
}

/* Calendar */
/* http://themeloom.com/2013/02/tips-embed-google-maps-and-calendars-in-a-responsive-wordpress-theme/ */

.responsive-iframe-container {
    position: relative;
    padding-bottom: 50%; /*56.25%;*/
    padding-top: 200px;
    height: 0px;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* JS Tree */

#searchdiv {
  margin-bottom: 20px;
}

#jstree a {
  font-size: 12pt;
  font-weight: 200;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  #jstree a > i {
    display:none;
  }
}

#jstree a > i {
  margin-left: 2px;
  margin-right: 2px;
}

/* Footer */

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 150px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
  overflow: hidden;
  padding-top: 30px;
  background-color: #76777B;
  color: #FFFFFF;
	opacity: 0.9;
}

#caltech-logo {
  position: relative;
  top: -20px;
  left: -18px;
  height: 60px;
}