img {
    max-width: 100%;
    height: auto;
}

/*
See http://stackoverflow.com/questions/7568931/full-body-background-with-twitter-bootstrap
*/
html { background: transparent }

/*
body {
     margin: 0;
     background: url('../images/Test-background-6.jpg');
     background-repeat:repeat;
}
*/


#odlbanner{
	width: 100%
}

/* Image carousel
-------------------------------------------------- 
--------------------------------------------------*/
.carousel-wrapper {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
}
.carousel-wrapper:after {
  padding-top: 66.67%;
  /* 66.67% = 3/2 ratio, all images must be this ratio too */
  display: block;
  content: '';
}
.carousel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* fill parent */
  background-color: deepskyblue;
  /* let's see it! */
  color: red;
}

.carousel .item {
  max-width: 100%;
  max-height: 100%;
  background-color: #777;  
}

.carousel-inner > .item > img {
  width: 100%;
  height: 100%;
	
}

/* Previous and next on posts
-------------------------------------------------- 
--------------------------------------------------
See http://david.elbe.me/jekyll/2015/06/20/how-to-link-to-next-and-previous-post-with-jekyll.html */
.PrevNextPostNavigation {
  font-size: 14px;
  display: block;
  width: auto;
  overflow: hidden;
}

.PrevNextPostNavigation a {
  display: block;
  width: 50%;
  float: left;
  margin: 1em 0;
}

.PrevNextPostNavigation .next {
  text-align: right;
}


/* Cover page styling
-------------------------------------------------- 
--------------------------------------------------*/
.marketing .col-sm-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-sm-4 section {
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom: 12px;
}
  

/* Sticky footer styles
-------------------------------------------------- 
--------------------------------------------------*/
html {
  position: relative;
  min-height: 100%;
}
body {
  padding-top: 20px;
  padding-bottom: 20px;
  
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

/* Navbar
-------------------------------------------------- 
--------------------------------------------------*/
.navbar {
  margin-bottom: 20px;
}

/* Centre navbars - see http://stackoverflow.com/questions/18777235/center-content-in-responsive-bootstrap-navbar */
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
	}

    .navbar .navbar-collapse {
        text-align: center;
    }
}


.odl-centred-links {
  width:50%;
  display:block; /* for use on default inline elements like span */
  margin: auto;
  overflow: hidden;
}


/* Divider
-------------------------------------------------- 
--------------------------------------------------
See See http://stackoverflow.com/questions/26570946/bootstrap-3-horizontal-divider-not-in-a-dropdown
*/
.odl-divider-line {
  height: 1px;
  width:50%;
  display:block; /* for use on default inline elements like span */
  margin: auto;
  overflow: hidden;
  background-color: #555555;
}

.odl-divider-spacer{
  padding-top: 50px;
  padding-bottom: 50px;	
}

.odl-divider-quarter-spacer{
  padding-top: 12px;
  padding-bottom: 12px;	
}


.odl-divider-half-spacer{
  padding-top: 25px;
  padding-bottom: 25px;	
}


  
 /* Footer social links
-------------------------------------------------- 
--------------------------------------------------
*/
.footer-social {
    display:block;
  text-align: center;	
}

.footer-social li{
  display: inline;
}

.footer-social p{
  display: inline;
}

.footer-social a {
    font-family: @lato-font;
    font-weight: @footer-font-weight;
    font-size: @footer-font-size;
    line-height: 1.5em;
    margin-right: .5em;
    padding: 7px 10px 7px 10px;
}

 /* Vertical centring in a div in a bootstrap row.
 See http://stackoverflow.com/questions/22196587/how-to-center-align-vertically-the-container-in-bootstrap
-------------------------------------------------- 
--------------------------------------------------
*/
.odlvcentre {
	height: 100%; 
	vertical-align: middle;
}