/* 
    Pricing
*/

#pricingWrapper {
  padding: 2.3rem 0 2.3rem 0;

  .stacked {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    position: relative;
    background: $m-color_12;
    border: 1px solid $m-color_9;

    .card-header, .card-footer {
      padding: 30px;
      background: $m-color_12;
      border-bottom: 1px solid $m-color_9;
      color: $dark;
    }

    .card-header .card-price {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      transition-delay: 0s;
      color: $m-color_3;
      display: block;
      width: 6.25rem;
      height: 6.25rem;
      margin-top: -30px;
      border-radius: 0.25rem;
      text-align: center;
      line-height: 6.25rem;
      font-size: 1.875rem;
      -webkit-box-shadow: 0px 9px 20px 0px rgba(25, 30, 58, 0.35);
      -moz-box-shadow: 0px 9px 20px 0px rgba(25, 30, 58, 0.35);
      box-shadow: 0px 9px 20px 0px rgba(25, 30, 58, 0.35);
      border-radius: 0.25rem;
      border: 1px solid $m-color_9;
      background: $m-color_18;
      font-weight: 500;
    }

    &:hover .card-price {
      -webkit-transform: translate(0, -10px);
      -moz-transform: translate(0, -10px);
      transform: translate(0, -10px);
    }

    .card-header p {
      font-weight: 600;
      font-size: 15px;
      color: $m-color_6;
    }

    .card-body {
      .list-group-minimal .list-group-item {
        margin-bottom: 12px;
        padding: 0;
        background: transparent;
        border: 0;
        font-weight: 600;
        font-size: 14px;
        color: $m-color_4;
      }

      a {
        padding: 15px 10px;
        background-color: $m-color_18 !important;
        border-color: $m-color_18;
      }
    }
  }
}