.paragraph--type--grand-rounds {
  background-color: var(--color-uw-page);
}

.paragraph--type--grand-rounds .content-wrap {
  display: flex;
  justify-content: space-between;
}

.paragraph--type--grand-rounds .headshot img {
  border-radius: 25px;
  border-color: var(--color-uw-blue);
  border-width: 3px;
  border-style: solid;
  padding: 5px;
  transition: all 0.25s ease-in;

}

.paragraph--type--grand-rounds .top {
  font-weight: bold;
  margin-bottom: 2rem;
}

.paragraph--type--grand-rounds .content-wrap,
.paragraph--type--grand-rounds .gr-content-wrap {
  display: flex;
  gap: 4rem;
}

.paragraph--type--grand-rounds .content-wrap {
  gap: 4rem;
}

.paragraph--type--grand-rounds .content-wrap > div {
  flex-basis: 50%;
}

.paragraph--type--grand-rounds .gr-content-wrap .link a {
  color: var(--color-uw-red);
  margin-top: 3rem;
  display: block;
}

.paragraph--type--grand-rounds .gr-content-wrap .link a::after {
  content: ' ';
  background-image: url(/themes/dom/css/../images/arrow-red.svg);
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 15px;
  vertical-align: middle;
  margin-left: 10px;
  transition: all 0.25s ease-in;
}

.paragraph--type--grand-rounds .gr-content-wrap .link a:hover,
.paragraph--type--grand-rounds .gr-content-wrap .link a:focus-visible {
  text-decoration: none;
}

.paragraph--type--grand-rounds .gr-content-wrap .link a:hover::after,
.paragraph--type--grand-rounds .gr-content-wrap .link a:focus-visible::after {
  margin-right: -5px;
  margin-left: 15px;
}

.paragraph--type--grand-rounds .where-wrap {
  margin-bottom: 2rem;
}

.paragraph--type--grand-rounds .where-wrap .btn {
  background-color: var(--color-uw-dark-red);
  color: #fff;
  width: 117px;
  padding: .5rem 0;
  border-radius: 15px;
  /* font-weight: 400; */
  display: inline-block;
  text-align: center;
  transition: all 0.25s ease-in;
  font-size: 1.6rem;
}

/* .paragraph--type--grand-rounds .where-wrap .btn:hover,
.paragraph--type--grand-rounds .where-wrap .btn:focus-visible {
    font-size: 1.8rem;
    text-decoration: none;
} */

.paragraph--type--grand-rounds .where-wrap .online.btn {
  background-color: var(--color-uw-blue);


}

.paragraph--type--grand-rounds .where-wrap .webex-link {
  transition: background-color 250ms ease-in-out;
  &:hover {
    background-color: #04648a;
  }
}

.paragraph--type--grand-rounds .where-wrap .btn:hover,
.paragraph--type--grand-rounds .where-wrap .btn:focus-visible {
  text-decoration: none;
  background-color: #04648a;
  /* font-size: 1.8rem; */
}

.paragraph--type--grand-rounds .where-wrap .in-person.btn:hover,
.paragraph--type--grand-rounds .where-wrap .in-person.btn:focus-visible {
  background-color: var(--color-uw-dark-red);
}

.paragraph--type--grand-rounds .current .where-wrap .btn::after {
  content: " ";
  background-image: url(../images/ico-in-person.svg);
  width: 5rem;
  height: 4rem;
  background-repeat: no-repeat;
  display: block;
  margin: 10px auto 0;
  text-align: center;
  transition: all 0.25s ease-in;
}

.paragraph--type--grand-rounds .where-wrap .in-person.btn::after {
  margin-top: 5px;
}

.paragraph--type--grand-rounds .where-wrap .online.btn::after {
  background-image: url(../images/ico-online.svg);
  width: 5rem;
  margin-left: 37px;
}

.paragraph--type--grand-rounds .where-wrap {
  display: flex;
  gap: 1rem;
}

.paragraph--type--grand-rounds .where-wrap .online-details {
  align-self: center;
  font-size: 1.6rem;
}

.paragraph--type--grand-rounds .where-wrap .webex-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  background-color: var(--color-uw-blue);
  text-decoration: none;
  color: var(--color-primary-white);
  border-radius: 15px;
  text-align: center;
  font-size: 16px;
  min-width: 140px;
  width: fit-content;
}

@media screen and (max-width: 1033px) {

  .paragraph--type--grand-rounds .headshot img {
    width: 119px;
  }

  .paragraph--type--grand-rounds .where-wrap .webex-link {
    font-size: 13px;

  }

  .paragraph--type--grand-rounds .where-wrap .btn::after {
    display: none;
  }

  .paragraph--type--grand-rounds .where-wrap .btn,
  .paragraph--type--grand-rounds .gr-upcoming .upcoming-btn {
    font-size: 1.3rem;
    font-weight: 700;
    padding: .5rem;
  }

  .paragraph--type--grand-rounds .where-wrap,
  .paragraph--type--grand-rounds .where-wrap {
    display: block;
  }

  .paragraph--type--grand-rounds .where-wrap .in-person.btn {
    margin-bottom: 1rem;
  }

  .paragraph--type--grand-rounds .where-wrap .btn::after {
    display: none;
  }
}

@media screen and (max-width: 980px) {


  .paragraph--type--grand-rounds .read-more-link {
    position: absolute;
    right: 6vw;
    top: 1.78rem;
  }

  .paragraph--type--grand-rounds .where-wrap {
    justify-content: space-between;
  }

  .paragraph--type--grand-rounds .content-wrap > .current .gr-content-wrap .info {
    width: 53%;
  }

}

@media screen and (max-width: 750px) {
  .paragraph--type--grand-rounds .content-wrap {
    display: block;
  }

  .paragraph--type--grand-rounds .content-wrap > .current {
    margin-bottom: 2rem;
  }

  /* .paragraph--type--grand-rounds .content-wrap > .current .gr-content-wrap .info {
      width: 1%;
  } */
}