/* IMAGE LINK */

.thumbnail-wrapper > a:focus {
  outline: 0;
}

.thumbnail-wrapper > a > .thumbnail-image {
  transition: transform 0.1s ease-out;
}

/* for browsers which do not support :focus-within */
.thumbnail-wrapper > a:focus > .thumbnail-image {
  outline: 0.23rem dashed #333;
  outline: 0.23rem dashed -webkit-focus-ring-color;
  outline-offset: 0.25rem;
  transform: scale(0.94);
}
/* reset for the browsers which do support :focus-within */
.thumbnail-wrapper > a:focus:not(:focus-visible) > .thumbnail-image {
  outline: 0;
  transform: scale(1);
}
/* set only focus style on TAB not on mouse click  */
.thumbnail-wrapper > a:focus-visible > .thumbnail-image {
  outline: 0.23rem dashed #333;
  outline: 0.23rem dashed -webkit-focus-ring-color;
  outline-offset: 0.25rem;
  transform: scale(0.94);
}

/* SOCIAL ICONS */

/* make social media row visible */
.share-overlay:focus-within {
  opacity: 1;
}

.share-overlay > a.icon {
  transition: all 0.1s;
}

/* adjust icon focus style */
.share-overlay > a.icon:focus {
  outline: 0;
  opacity: 1;
  background-color: #333;
  border-radius: 50%;
  transform: scale(1.2);
}