@mixin panel($size) {
    @include border-radius($card-radius);
    background-color: $color-background-alt;
    box-shadow: $large-shadow;
    border: none;
    margin:0;
    margin-bottom:$lineheight;

    & > * {
      margin-left: $size;
      margin-right: $size;
      &:first-child {
        margin-top: $size;
        &.card-header {
          margin-top:$card-header-margin;
        }
      }
      &:last-child {
        margin-bottom: $size;
        &.card-header {
          margin-bottom:$card-header-margin;
        }
      }
    }
}

@mixin panel-header($size) {
    font-size:1.1em;
    font-weight: $fontweight_big;
    padding: $size/2;
    padding-left:0;
    padding-right:0;
    padding-bottom: $size/2!important;
    margin-bottom:$lineheight_half;
    margin-top:$lineheight_half;
    line-height:$lineheight;
    white-space: nowrap;

    position:relative;
    left: -$size*1.25;

    width:85%;

    @include shape-style($size);
    border-radius:0;
    &:first-child {
      border-top-left-radius: $card-radius;
      border-top-right-radius: $card-radius;
    }
    &:last-child {
      border-bottom-left-radius: $card-radius;
      border-bottom-right-radius: $card-radius;
    }

    h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
        font-family:$basefont;
        font-size:1rem;
        padding:0px;
        margin:0px;
        color:$color-font-light;
        font-weight: $fontweight_big;
        line-height:$lineheight;
    }
}
