.card-icon-vertical {
  background-color: #fff;
  color: #000;
  text-align: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 1.5rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
  transition: all 300ms ease-out; }
  @media screen and (min-width: 48rem) {
    .card-icon-vertical {
      align-self: stretch; } }
  @media screen and (min-width: 64rem) {
    .card-icon-vertical {
      padding: 2.5rem; } }
  .card-icon-vertical__image {
    width: 100%;
    max-width: 83px; }
    .card-icon-vertical__image + .card-icon-vertical__body {
      margin-top: 1.25rem; }
  .card-icon-vertical__heading {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    font-weight: 600;
    margin: 1.25rem auto 0; }
    .card-icon-vertical__heading + .card-icon-vertical__body {
      margin-top: 1.25rem; }
  .card-icon-vertical__body p {
    text-align: center; }
    .card-icon-vertical__body p + p {
      margin: 1rem 0 0; }
  .card-icon-vertical__link {
    color: #cf000d;
    transition: color .2s ease-in-out;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    margin: 1.25rem auto 0; }
    .card-icon-vertical__link:hover {
      color: #b6000b; }
  .card-icon-vertical.-gray {
    box-shadow: none;
    background-color: #f1f1f1; }
  .card-icon-vertical.-hover {
    border-bottom: 7px solid transparent; }
    .card-icon-vertical.-hover .card-icon-vertical__image {
      transition: opacity 300ms ease-in-out; }
    .card-icon-vertical.-hover .card-icon-vertical__heading + .card-icon-vertical__body {
      margin-top: 0; }
    .card-icon-vertical.-hover .card-icon-vertical__body {
      visibility: hidden;
      opacity: 0;
      height: 0;
      transition: height 300ms ease-out, opacity 300ms ease-out, margin 300ms ease-out; }
    @media screen and (min-width: 48rem) {
      .card-icon-vertical.-hover {
        min-height: 16.5625rem; }
        .card-icon-vertical.-hover:hover {
          background-color: #f1f1f1;
          box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.17);
          border-color: #cf000d;
          transition: all 300ms ease-in; }
          .card-icon-vertical.-hover:hover .card-icon-vertical__image {
            visibility: hidden;
            opacity: 0;
            height: 0;
            margin: 0;
            transition: height 300ms ease-in-out, opacity 300ms ease-in-out; }
            .card-icon-vertical.-hover:hover .card-icon-vertical__image img {
              display: none; }
          .card-icon-vertical.-hover:hover .card-icon-vertical__heading + .card-icon-vertical__body {
            margin-top: 1.25rem; }
          .card-icon-vertical.-hover:hover .card-icon-vertical__body {
            visibility: visible;
            opacity: 1;
            height: auto;
            transition: height 300ms ease-in, opacity 300ms ease-in; } }

/*# sourceMappingURL=card-icon-vertical.css.map */