// Additions to themes/foot2/src/scss/project/components.cms-store.scss (store page v2)

// Fix: the 375x375 photo overflowed its 240px box and covered the hours block.
.c-cmsstore__thumb{
  position: relative;
  overflow: hidden;
  max-height: none;
  img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  @include media-breakpoint-mobile{
    img{ position: static; height: auto; }
  }
}
.c-cmsstore__kicker{
  display: block;
  font-size: $font-size-sm;
  letter-spacing: .08em;
  margin-bottom: $spacer*.25;
}
.c-cmsstore__title{
  @include media-breakpoint-mobile{
    font-size: $font-size-base*1.75;
    line-height: 1.1;
  }
}
.c-cmsstore__adress{
  font-style: normal;
  margin-bottom: $spacer*.75;
}
.c-cmsstore__phone{
  margin-bottom: $spacer;
  @include media-breakpoint-mobile{
    a{ color: $white; }
  }
}
.c-cmsstore__cta{
  width: auto;
  margin-top: 0;
  @include media-breakpoint-mobile{
    align-self: flex-start;
  }
}
.c-cmsstore__note{
  font-weight: $font-weight-bold;
  margin-bottom: $spacer*.75;
}
.c-cmsstore__map{
  display: block;
  overflow: hidden;
}
.c-cmsstore__content{
  max-width: 820px;
  margin-bottom: $spacer*3;
  h2{ margin-top: $spacer*2; }
}