/*
    - Name: "image.scss"
    - Description: "Add custom styles to article content, view mode image"
*/
/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.node--type-article__image {
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--gray-three);
}

@media (min-width: 768px) {
  .node--type-article__image {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.node--type-article__image .node__content__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}

.node--type-article__image .node__content__wrapper > * {
  flex: 0 1 100%;
}

.node--type-article__image:hover h2 a {
  opacity: 0.7;
}

.node--type-article__image h2 {
  z-index: 2;
  overflow: auto;
  margin-bottom: 0;
  font-size: 1.375rem;
  line-height: 1.25em;
  word-wrap: break-word;
  font-family: "Georgia Bold", sans-serif;
}

@media (min-width: 480px) {
  .node--type-article__image h2 {
    font-size: 1.625rem;
  }
}
@media (min-width: 992px) {
  .node--type-article__image h2 {
    font-size: 1.75rem;
  }
}
.node--type-article__image h2 span {
  font-family: "Georgia Bold", sans-serif;
}

.node--type-article__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.node--type-article__image a {
  color: var(--text-color);
  text-decoration: none;
  transition: var(--base-trans);
}

.node--type-article__image a:focus-visible {
  outline: 2px solid var(--text-color);
}

.node--type-article__image:focus-visible {
  outline: 2px solid var(--black);
}
/*# sourceMappingURL=image.css.map */