/* General Layout */
body {
  padding-top: 50px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.content {
  padding: 5px 30px 15px 30px;
  background-color: #eee;
}
@media (max-width: 768px) {
  .content {
    padding: 5px 10px 10px 10px;
  } 
}

td {
	padding-right:10px;
}

/* Navbar */
.navbar-react {
  background-color: #fff;
  opacity: 0.9;
}

.navbar-react .navbar-nav>.active>a, .navbar-react .navbar-nav>.active>a:hover, .navbar-react .navbar-nav>.active>a:focus {
  background-color: #eee;
}

.navbar-react .navbar-toggle {
  background-color: #eee;
}

.navbar-react .icon-bar {
  background-color: #fff;
}

.navbar-react .navbar-brand {
  padding: 5px 10px 0 15px;
}

/* Small navigation on top of site */
.nav-subnav {
  padding: 10px 0;
}
.nav-subnav>li>a {
  padding: 3px 5px;
}

.nav-subnav-react>li {
    padding:3px;
}

.nav-subnav-react>li>a {
    background-color:#C9C9C9;
    padding: 2px;
}

/* Footer */
footer {
  padding: 10px 0;
}

footer a {
  padding: 0px 10px;
}

/* Misc */
li {
  list-style-type: square;
}

/* Callouts */
.callout {
  padding: 5px;
  margin: 10px 0;
  /*margin: 20px 0;*/
  border-left: 5px solid white;
}

/* Media queries */
.media .pub-label {
  width: 75px;
}

/* Utilities */
.relative-link {
  padding-top: 50px;
  margin-top: -50px;
}

/* Seperator */
hr {
  margin: 10px 0;
}

/* Publications */
.pub-year {
  padding-bottom: 5px;
}

/* Fonts */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/fonts/opensans-light.ttf) format('truetype'), url(/fonts/opensans-light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/fonts/opensans.ttf) format('truetype'), url(/fonts/opensans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/fonts/opensans-semibold.ttf) format('truetype'), url(/fonts/opensans-semibold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/fonts/opensans-italic.ttf) format('truetype'), url(/fonts/opensans-italic.woff) format('woff');
}

/* heading font size */
h1 {
  font-size: 30px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size:16px;
}

/* front page */
.jumbotron li {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 200;
}


/* The following code is copied from http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height */

/* vertical alignment styles */
.col-top {
  vertical-align:top;
}
.col-middle {
  vertical-align:middle;
}
.col-bottom {
  vertical-align:bottom;
}

/* columns of same height styles */
.container-xs-height {
  display:table;
  padding-left:0px;
  padding-right:0px;
}
.row-xs-height {
  display: table;
  width: 100%;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}


/* teaching site */
.vsep5 {
  height:5px;
}

.vsep4 {
  height:4px;
}

.vsep10 {
  height:10px;
}

.vsep15 {
  height:15px;
}

.responsivecenter {
    float:left;
}

.imgalign {
  margin-top:8px;
  margin-bottom:8px;
  text-align:center;
}

.responsivealigntop {
  margin-top:15px;
  margin-bottom:0px;
}

.responsivealignbot {
  margin-top:0px;
  margin-bottom:8px;
}

.nopadleft {
  padding-left:0px;
}

.nopadright {
  padding-right:0px;
}

.book {
    padding-right:0px;
    margin-bottom:0px;
    border-width:0px;
    text-align:center;
    margin-right:0px;
    line-height:0.5;
    background-color:#8fa6e6;
}

.book>p {
    margin:0px;
    padding:0px;
}

.book_img {
  width:50%;  
  height:220px;
  display:table-cell;
  vertical-align:middle;
  background-color:#8fa6e6;
}

.bookwrap {
    display:inline-block;
}

.book_text {
    padding:11px;
    text-align:center;
    background-color:#FFFFFF;
}

.book_text>p {
    margin:0px;
    padding:0px;
}

.onlineversion {
  line-height:normal;
  font-size:13px;
  padding-top:25px;
}

.booknopadleft {
    padding-left:15px;
}
.booknopadright {
    padding-right:15px;
}

.col-sm-height {
    float:left;
}

@media (min-width: 768px) {
  .row-sm-height {
  display: table;
  width: 100%;
  }
  .col-sm-height {
  display: table-cell;
  float: none !important;
  }

  .book_text {
      height:220px;
  }
}

.calendar {
    height:0px;
    border:none;
    margin:0px;
    padding:0px;
}

.calendarsmall {
    width:100%;
    height:770px;
    seamless:seamless;
    border:none;
    vertical-align:middle;
}


@media (min-width: 992px) {
  .booknopadleft {
      padding-left:0px;
  }
  .booknopadright {
      padding-right:0px;
  }

  .responsivealigntop {
      margin-top:0px;
      margin-bottom:0px;
  }

  .responsivealignbot {
      margin-top:0px;
      margin-bottom:0px;
  }  

  .book_text {
      text-align:left;        
  }

  .bookwrap {
      display:inline;
      width:auto
  }

  .calendarsmall {
      height:0px;
  }

  .calendar {
    width:100%;
    height:590px;
    seamless:seamless;
    border:none;
    vertical-align:middle;
  }  
}