/*
 * SCSS for leadership view
 */
/* IMPORTS */
/**
 * IMPORTS styles
 * import adds all the default scss files for theming
 * You will need to import it at the beginning of a scss file.
 * Example @import "scss/import";
 */
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
/*
 * This file is when the social icons are in the sticky nav.
*/
[class*=facebook]:hover svg path {
  filter: brightness(0) saturate(100%) invert(38%) sepia(25%) saturate(1251%) hue-rotate(175deg) brightness(91%) contrast(92%);
}

.square-x-twitter:hover svg path {
  filter: brightness(0) saturate(100%) invert(12%) sepia(26%) saturate(20%) hue-rotate(84deg) brightness(99%) contrast(98%);
}

.linkedin:hover svg path {
  filter: brightness(0) saturate(100%) invert(29%) sepia(77%) saturate(1933%) hue-rotate(180deg) brightness(89%) contrast(93%);
}

@media (max-width: 991.98px) {
  .view-social-media-icons {
    text-align: center;
  }
  .view-social-media-icons div {
    display: inline-block;
  }
}
.view-social-media-icons ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.view-social-media-icons .url {
  transition: background-color 75ms ease-in-out 75ms;
  text-decoration: none;
}
.view-social-media-icons .url svg {
  background-color: #f2f2f2;
  color: #999999;
  font-size: 2.5rem;
  transition: background-color 75ms ease-in-out 75ms;
  align-items: center;
  display: flex;
  text-decoration: none;
  justify-content: center;
  width: 80px;
  height: 80px;
  padding: 1rem;
}

.view-display-id-news_releases .view-content {
  margin-bottom: 2.5rem;
}

.date {
  text-align: left;
  gap: 0.5rem;
  display: flex;
}
/*# sourceMappingURL=views-view--social-media-icons.css.map */