//----------//
//  Panels  //
//----------//

.panel
  &.panel-default
    border-color: rgba($grey, 0.5)
    border-radius: 0
    box-shadow: none

    .panel-heading
      font-size: $h2-size
      font-weight: 700
      color: $darkgrey
      background-color: transparent
      border-radius: 0
      border-bottom: 2px solid $darkgrey
      padding: 5px 15px

      .badge
        color: #fff
        background-color: $grey

      > h3, > h4
        margin: 0

      > .panel-title.with_actions
        display: table
        width: 100%

        .badge
          vertical-align: top

        a
          text-decoration: none
          color: $blue
          text-transform: capitalize

          &:hover, &:focus
            color: $darkblue

        > div
          display: table-cell
          vertical-align: middle

    .panel-footer
      padding: 5px 15px
      background-color: transparent
      border-radius: 0
      border: none

  p
    hyphens: auto
    word-wrap: break-word