// ----------------------------------
// Card
// ----------------------------------

.a-card {
  width: 100%;
  padding: $spacer * 2 $spacer * 1.5;
  margin-bottom: $spacer * 2;
  background: $white;
  box-shadow: $shadow;

  @include media-breakpoint-up( sm ) {
    padding: $spacer * 2 $spacer * 2;
  }

  @include media-breakpoint-up( md ) {
    padding: $spacer * 4 $spacer * 4;
  }

  @include media-breakpoint-up( lg ) {
    padding: $spacer * 4 89px;
  }

  .a-h3 {
    margin-bottom: $spacer * 2;

    a {
      @extend .a-h3;
    }

    span {
      @include a-fontReg;
    }
  }

  .a-collapseHeader {
    &.a-h3 {
      padding-bottom: 0;
      margin-bottom: 0;

      a {
        margin-bottom: 0;
      }
    }
  }

  &.a-card-filter {
    padding: $spacer * 1.5 $spacer * 1.5;
    margin-bottom: 0;

    @include media-breakpoint-up( sm ) {
      padding: $spacer * 2 $spacer * 2;
    }

    @include media-breakpoint-up( lg ) {
      padding: $spacer * 2 89px;
    }
  }

  &.transparent {
    background: transparent;
    box-shadow: none;

    p {
      display: inline;

      &::before,
      &::after {
        display: block;
        content: '\A\A';
      }

      &::after {
        margin-bottom: 20px;
      }
    }
	}
}

.a-bgWhite {
  .a-card {
    &:not(.transparent) {
      &:not(.a-cardImage) {
        background: $grey-light;

        hr {
          &.a-hrLight {
            border-bottom: 1px solid darken( $grey-light, 6% );
          }
        }
      }
    }
  }
}

.a-cardImage {
  display: flex;
  padding: 0;
  background: transparent;
  box-shadow: none;
  align-items: center;
  flex-wrap: wrap;

  @include media-breakpoint-up( md ) {
    flex-wrap: nowrap;
  }

  img {
    flex-grow: 0;
    width: 150px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;

    @include media-breakpoint-up( md ) {
      width: 126px;
      height: 126px;
      margin-right: $spacer * 3;
      margin-bottom: 0;
    }
    @include media-breakpoint-up( lg ) {
      width: 180px;
      height: 180px;
    }
  }

  .a-cardImage-text {
    margin-top: $spacer * 2;

    @include media-breakpoint-up( md ) {
      margin-top: 0;
    }

    .a-linkIcon {
      &:hover .a-linkIcon-text{
        border-bottom: 1px solid $blue-darker;
      }
      &:last-child {
        padding-right: 0;
      }
    }
  }

  .a-link-tel {
    margin-left: -5px;
  }

  &.a-cardImage-border {
    padding: $spacer * 2 $spacer * 2;
    margin-top: -1px;
    border: 1px solid $grey-medium;

    .a-cardImage-text {
      p {
        @extend .a-fontSizeL;
      }
    }
  }

  &.a-cardImage-largePadding {

    @include media-breakpoint-up( md ) {
      padding: $spacer * 2 $spacer * 3;
    }

    @include media-breakpoint-up( lg ) {
      padding: $spacer * 2 $spacer * 7;
    }
  }
}

// CARD GROUP
.a-card-group {
  .a-card {
    padding: $spacer * 3 $spacer * 4 $spacer $spacer * 4;

    h2 {
      a {
        padding-bottom: 1px;
      }
    }
  }
}

// MAIN CARD
.a-mainCard {

  @include media-breakpoint-up( lg ) {
    padding-left: $onecol;
  }

  .a-iconText {
    margin-bottom: $spacer * 2;
    margin-left: -$spacer;

    @include media-breakpoint-up(lg) {
      width: calc(100% + 72px);
      margin-left: -$spacer * 6;
    }

    .a-iconText-icon {
      @include media-breakpoint-down(md) {
        margin-right: 0;
      }
    }

    .a-pageTitle {
      @include media-breakpoint-down(sm) {
        @include a-fontSize18;
      }
    }

    a,
    .a-formCode {
      @include media-breakpoint-up(lg) {
        @include a-fontSize30;
      }
    }
  }

  .a-mainCard-content {
    @extend .a-fontSizeM;

    ul {
      margin-left: 0;
    }
  }
}

.card-block {
  overflow-wrap: break-word;
}