@use "sass:math";
/* media query mixin */
/* get rid of list formatting */
/* prevent long links from breaking out of container */
/* creates a colored circle with an icon in the middle */
/* formats the placeholder text within an input field */
.media-card {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.875rem; }
  @media (max-width: 35.9375rem) {
    .media-card {
      gap: 1.25rem; } }
  .media-card--2 {
    flex-direction: row;
    row-gap: 1.875rem; }
    @media (max-width: 35.9375rem) {
      .media-card--2 {
        row-gap: 0.9375rem; } }
    .media-card--2 .media-card-type {
      width: calc(50% - 15.5px); }
      @media (max-width: 47.9375rem) {
        .media-card--2 .media-card-type {
          width: 100%; } }

.media-card-type {
  background: white;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #d9d9d9;
  border-radius: 0.625rem;
  padding: 1.875rem;
  display: flex;
  gap: 0.9375rem;
  text-decoration: none; }
  .media-card-type:hover, .media-card-type:active, .media-card-type:focus-visible {
    text-decoration: none; }
    .media-card-type:hover .hover-link, .media-card-type:active .hover-link, .media-card-type:focus-visible .hover-link {
      text-decoration: underline; }
  @media (max-width: 35.9375rem) {
    .media-card-type {
      padding: 0.9375rem; } }
  .media-card-type__image {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: #ffcf3e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 35.9375rem) {
      .media-card-type__image {
        width: 1.875rem;
        height: 1.875rem; } }
    .media-card-type__image img {
      width: 1.125rem; }
      .media-card-type__image img.mail, .media-card-type__image img.press {
        width: 1.5rem; }
      @media (max-width: 35.9375rem) {
        .media-card-type__image img {
          width: 0.75rem; }
          .media-card-type__image img.mail {
            width: 1.125rem; }
          .media-card-type__image img.press {
            width: 1rem; } }
  .media-card-type__content {
    width: 100%; }
    .media-card-type__content-title {
      font-size: 1.375rem;
      font-weight: normal;
      color: #2b2b2b;
      line-height: 1.2; }
      @media (max-width: 35.9375rem) {
        .media-card-type__content-title {
          font-size: 1.25rem; } }
      .media-card-type__content-title > div {
        margin-bottom: 0.3125rem; }
      .media-card-type__content-title a {
        display: block;
        text-decoration: none; }
        .media-card-type__content-title a:hover {
          text-decoration: underline; }
      .media-card-type__content-title-link {
        font-size: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0.3125rem;
        text-decoration: underline; }
        @media (max-width: 35.9375rem) {
          .media-card-type__content-title-link {
            font-size: 1.125rem; } }
    .media-card-type__content-type {
      font-size: 0.875rem;
      color: #666666;
      text-transform: uppercase;
      letter-spacing: 0.08313rem; }

/*# sourceMappingURL=media-card.css.map */