$footer-height: 60px;
$secondary-background: #f5f5f5;
$border-color: #ddd;


html {
  position: relative;
  min-height: 100%;
}
  
body {
  margin-bottom: $footer-height;
}

.secondary-background {
  background-color: $secondary-background;
  box-shadow: 0 0 8px #c5c5c5 inset;
}
  
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: $footer-height;
  box-shadow: 0px -1px 1px $secondary-background;
  border-top: 1px $border-color solid;
  
  p {
    margin: 20px 0;
  }
}
  
.search {
  .input-group {
    //width: 400px;
  } 
}   

.lecture {
  .thumbnail {
    margin-bottom: 0;
  }  
  h3 {
    margin-top: 0;
  }
  .listened {
    color: green;
   }
}
$footer-height: 60px;
$secondary-background: #f5f5f5;
$border-color: #ddd;


html {
  position: relative;
  min-height: 100%;
}
  
body {
  margin-bottom: $footer-height;
}

.secondary-background {
  background-color: $secondary-background;
  box-shadow: 0 0 8px #c5c5c5 inset;
  margin-bottom: $line-height-computed;
}
  
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: $footer-height;
  box-shadow: 0px -1px 1px $secondary-background;
  border-top: 1px $border-color solid;
  
  p {
    margin: 20px 0;
  }
}
  
.search {
  .input-group {
    //width: 400px;
  } 
}   

.lecture {
  .thumbnail {
    margin-bottom: 0;
  }  
  h3 {
    margin-top: 0;
  }
  .listened {
    color: green;
   }
}
Add bottom margin to secondary background.
Add bottom margin to secondary background.
