.box-shadow {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

section.hero-header {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.hero-header__title {
  font-weight: 600;
}
.hero-header__author-link {
  border-bottom: 1px solid;
  display: inline-block;
  line-height: 1;
  margin-bottom: 4px;
  text-decoration: none;
}
.hero-header__author-link:hover, .hero-header__author-link:focus {
  border-color: transparent;
  text-decoration: none;
}
.hero-header .date {
  display: block;
}
.hero-header .social-share-widget {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .hero-header .social-share-widget {
    margin-top: 0;
    float: right;
  }
}
@media screen and (min-width: 576px) {
  .hero-header {
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-size: 250px;
  }
}
@media screen and (min-width: 768px) {
  .hero-header {
    background-position: 94% 0;
  }
}
@media screen and (min-width: 992px) {
  .hero-header {
    background-position: 98% 0;
  }
}
@media screen and (min-width: 1400px) {
  .hero-header {
    background-position: 90% 0;
  }
}
@media screen and (min-width: 1500px) {
  .hero-header {
    background-position: 86% 0;
  }
}
@media screen and (min-width: 1800px) {
  .hero-header {
    background-position: 82% 0;
  }
}
@media screen and (min-width: 2100px) {
  .hero-header {
    background-position: 76% 0;
  }
}
@media screen and (min-width: 2400px) {
  .hero-header {
    background-position: 70% 0;
  }
}
@media screen and (min-width: 768px) {
  .hero-header--advice {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-advice-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--article {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-article-white.png");
    background-position-y: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .hero-header--blog {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-blog-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--case-study {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-casestudy-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--consultation {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-consultation-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--event {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-event-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--interview {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-interview-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--jobs {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-jobs-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--listicle {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-listicle-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--news {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-news-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--policy {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-policy-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--press-release {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-pressrelease-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--research {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-research-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--survey {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-survey-white.png");
  }
}
@media screen and (min-width: 768px) {
  .hero-header--webinar {
    background-image: url("https://www.managers.org.uk/wp-content/themes/cmi/resources/assets/images/icon-lg-webinar-white.png");
  }
}

.social-share-widget {
  align-items: center;
  background-color: #fff;
  border-radius: 15rem;
  border: 1px solid rgba(0, 0, 0, 0.8);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  justify-content: center;
  max-width: 120px;
  min-height: 30px;
  overflow: hidden;
  padding: 0 0.8rem;
  position: relative;
  transition: all 0.2s ease-in-out;
  will-change: transform;
  width: 2.2rem;
  height: 2.2rem;
}
@media screen and (min-width: 992px) {
  .social-share-widget {
    width: auto;
    height: auto;
  }
}
.social-share-widget:hover, .social-share-widget:focus {
  transform: scale(1.1);
  width: 120px;
}
@media screen and (min-width: 992px) {
  .social-share-widget:hover, .social-share-widget:focus {
    width: auto;
  }
}
.social-share-widget:hover .social-share-widget__btn, .social-share-widget:focus .social-share-widget__btn {
  transition-delay: 0.25s;
  transform: translateX(-280px);
}
.social-share-widget:hover i, .social-share-widget:focus i {
  opacity: 1;
  transform: scale(1);
}
.social-share-widget__btn {
  background-color: #fff;
  border-radius: 15rem;
  color: #000;
  letter-spacing: 2px;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-in-out;
  width: 100%;
  z-index: 1;
}
.social-share-widget__btn-text {
  display: none;
}
@media screen and (min-width: 992px) {
  .social-share-widget__btn-text {
    display: inline;
  }
}
.social-share-widget__links {
  align-items: center;
  display: flex;
  justify-content: space-around;
}
.social-share-widget__links a {
  align-items: center;
  display: flex;
}
.social-share-widget__links a:not(:last-child) {
  margin-right: 10px;
}
.social-share-widget__links .social-share-widget__icon {
  opacity: 0;
  transform: scale(0.1);
  transition: all 0.1s ease-in-out;
  will-change: transform;
}
.social-share-widget__links .social-share-widget__icon:nth-of-type(1) {
  transition-delay: 1s;
}
.social-share-widget__links .social-share-widget__icon:nth-of-type(2) {
  transition-delay: 0.8s;
}
.social-share-widget__links .social-share-widget__icon:nth-of-type(3) {
  transition-delay: 0.6s;
}
.social-share-widget__links .social-share-widget__icon:nth-of-type(4) {
  transition-delay: 0.3s;
}
.social-share-widget__links .fa-twitter {
  color: #1da1f2;
}
.social-share-widget__links .fa-facebook-f {
  color: #3b5998;
}
.social-share-widget__links .fa-linkedin-in {
  color: #0077b5;
}
.social-share-widget__links .fa-envelope {
  color: #d10074;
}
