$card-deck-margin: .5rem;

.address_list {
  @extend .card-deck;
  margin-right: -$card-deck-margin;
  margin-left: -$card-deck-margin;

  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

  .card-branch {
    margin-right: $card-deck-margin;
    margin-left: $card-deck-margin;
    flex: 0 0 calc(50% - #{$card-deck-margin*2});
    @include media-breakpoint-up(lg) {
      flex-basis: calc(33.33333% - #{$card-deck-margin*2});
    }
    @include media-breakpoint-up(xl) {
      flex-basis: calc(25% - #{$card-deck-margin*2});
    }
    margin-top: $card-deck-margin;
    margin-bottom: $card-deck-margin;

    .address-name {
      font-weight: bold;
    }

    .address-city {
      font-weight: bold;
      font-size: small;
    }

    .address-address {
      font-size: small;
    }
  }
}


.address_single {
  display: grid;
  grid-gap: $grid-gutter-width;
  @include media-breakpoint-up(md) {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}


.address-interactions, .address-image {
  grid-column: 1 / -1;
  //grid-column-start: 1;
  //grid-column-end: auto;
}


.address-interactions {

  @include media-breakpoint-up(sm) {
    text-align: right;
  }
}


.hero-address {
  .hero-header {
    margin-bottom: 2rem;
    @include font-size(5rem);
  }

  .hero-subheader {
    @include font-size(1.25rem);

    &::before, &::after {
      content: none
    }
  }

  .hero-lead {
    font-weight: $headings-font-weight;
  }
}




.hero-badge--openinghours {
  //top: calc(50% - 1rem);
}

.hero-badge--sales {
  right: calc(7.5% - 1rem);
  //top: calc(50% - 1rem);
  &:hover, &:focus {
    width: 12rem;
    height: 12rem;
    right: calc(7.5% - 1rem);
    //top: calc(50% - 1rem);

    @include media-breakpoint-up(md) {
      position: fixed;

      right: calc(7.5% - 1rem);
      top: calc(25% - 1rem);
    }

    .badge-bg {
      transform: scale(1.1);
      transform-origin: center center;
      background-color: $primary;
    }

    .badge-base {
      transform: translateY(-100%);
    }

    .badge-addition {
      opacity: 1;
      transform: translateY(1rem);
    }
  }
}


.amds-address-search {
  display: flex;
  justify-content: center;
}
