body
  padding-top: 50px

.navbar-brand
  padding: 5px 10px
  img, span
    display: inline-block
    vertical-align: middle
  img
    width: 40px
  span
    width: 140px
    margin-left: 10px
    font-size: 16px
    line-height: 19px

.navbar
  .language
    a
      padding-top: 19px
      padding-bottom: 19px
      .on
        display: none
      .off
        display: block
      &:hover
        .on
          display: block
        .off
          display: none

.page-header
  &:before
    content: " "
    display: table
  &:after
    content: " "
    display: table
    clear: both
  &:before
    content: " "
    display: table
  &:after
    content: " "
    display: table
    clear: both
  h1
    margin: 0
    padding: 20px 20px 20px 20px
    float: left
    font-size: 30px
  .options
    display: inline
    float: right
    position: relative
    top: 16px
    right: 20px

blockquote
  .well.well-sm
    margin-top: 5px
    margin-bottom: 0
    color: black

.label-bought
  padding-top: 6px
  font-size: 18px
  text-transform: uppercase

a
  text-decoration: none !important

.thumbnail
  position: relative
  height: 338px
  img
    opacity: 0.8
  h4
    min-height: 38px
  .description
    height: 70px
    margin-bottom: 0
    &.with-teachers
      height: 50px
  .buttons
    position: absolute
    bottom: 10px
    left: 10px
    right: 10px
    padding-top: 10px
    background-color: white
    .disabled
      opacity: 0.4
  .text-success
    padding-left: 10px
    line-height: 2.6
  &.active
    border-bottom: 1px solid #3498DB
