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

.icon-card {
  min-height: 300px;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 1rem;
  margin-top: 1rem;
  overflow: hidden;
  padding: 0;
  transition: all 0.5s;
  width: 100%;
  position: relative;
}
.icon-card::before {
  content: "\f1c1";
  position: absolute;
  top: 0;
  right: 1rem;
  font-size: 2rem;
  z-index: 1;
  color: #d10074;
  font-family: "Font Awesome 5 Free";
  background-color: white;
  padding: 15px 15px 17px;
  border-radius: 0 0 30px 30px;
  width: 60px;
  line-height: 2rem;
  text-align: center;
}
.icon-card:hover, .icon-card:focus {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
  transform: translateY(-10px);
  text-decoration: none;
}
.icon-card__img {
  display: block;
  overflow: hidden;
  padding-bottom: 56%;
  position: relative;
  width: 100%;
}
.icon-card__img img {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}
.icon-card__header {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 7px 13px 5px 13px;
}
.icon-card__subtitle {
  color: #5d5d5d;
  font-size: 0.8rem;
  line-height: 1.2rem;
  margin-bottom: -4px;
  text-transform: uppercase;
}
.icon-card__title {
  color: #000;
  font-size: 1.3rem;
  line-height: 1.2em;
}
.icon-card__body {
  padding: 0 13px;
}
.icon-card__copy {
  color: #272727;
  font-size: 0.85rem;
  line-height: 1.4em;
  margin-bottom: 0;
}
.icon-card--background {
  background-color: rgba(255, 255, 255, 0.5);
}
.icon-card--border {
  border: 2px solid transparent;
}
.icon-card--no-icon::before {
  content: "";
  display: none;
}
.icon-card--pdf::before {
  content: "\f1c1";
}
.icon-card--internal-link::before {
  content: "\f0c1";
  font-weight: bold;
}
.icon-card--external-link::before {
  content: "\f35d";
  font-weight: bold;
}
.icon-card--word::before {
  content: "\f1c2";
}
.icon-card--download::before {
  content: "\f56d";
  font-weight: bold;
}
.icon-card--zip::before {
  content: "\f1c6";
}
.icon-card--image::before {
  content: "\f1c5";
}
.icon-card--video::before {
  content: "\f144";
}
.icon-card--magenta {
  border-color: #d10074;
}
.icon-card--magenta::before {
  color: #d10074;
  background-color: #fff;
}
.icon-card--magenta:hover .icon-card__title, .icon-card--magenta:focus .icon-card__title {
  color: #d10074;
}
.icon-card--magenta:hover::before, .icon-card--magenta:focus::before {
  color: #d10074;
}
.icon-card--indigo {
  border-color: #21076a;
}
.icon-card--indigo::before {
  color: #21076a;
  background-color: #fff;
}
.icon-card--indigo:hover .icon-card__title, .icon-card--indigo:focus .icon-card__title {
  color: #21076a;
}
.icon-card--indigo:hover::before, .icon-card--indigo:focus::before {
  color: #21076a;
}
.icon-card--cyan {
  border-color: #017ac1;
}
.icon-card--cyan::before {
  color: #017ac1;
  background-color: #fff;
}
.icon-card--cyan:hover .icon-card__title, .icon-card--cyan:focus .icon-card__title {
  color: #017ac1;
}
.icon-card--cyan:hover::before, .icon-card--cyan:focus::before {
  color: #017ac1;
}
.icon-card--mint {
  border-color: #00818a;
}
.icon-card--mint::before {
  color: #00818a;
  background-color: #fff;
}
.icon-card--mint:hover .icon-card__title, .icon-card--mint:focus .icon-card__title {
  color: #00818a;
}
.icon-card--mint:hover::before, .icon-card--mint:focus::before {
  color: #00818a;
}
.icon-card--mango {
  border-color: #f4a11e;
}
.icon-card--mango::before {
  color: #f4a11e;
  background-color: #272727;
}
.icon-card--mango:hover .icon-card__title, .icon-card--mango:focus .icon-card__title {
  color: #f4a11e;
}
.icon-card--mango:hover::before, .icon-card--mango:focus::before {
  color: #f4a11e;
}
.icon-card--heather {
  border-color: #dfdbe0;
}
.icon-card--heather::before {
  color: #dfdbe0;
  background-color: #272727;
}
.icon-card--heather:hover .icon-card__title, .icon-card--heather:focus .icon-card__title {
  color: #dfdbe0;
}
.icon-card--heather:hover::before, .icon-card--heather:focus::before {
  color: #dfdbe0;
}
.icon-card--dove {
  border-color: #dcdcdc;
}
.icon-card--dove::before {
  color: #dcdcdc;
  background-color: #272727;
}
.icon-card--dove:hover .icon-card__title, .icon-card--dove:focus .icon-card__title {
  color: #dcdcdc;
}
.icon-card--dove:hover::before, .icon-card--dove:focus::before {
  color: #dcdcdc;
}
.icon-card--violet {
  border-color: #712c6f;
}
.icon-card--violet::before {
  color: #712c6f;
  background-color: #fff;
}
.icon-card--violet:hover .icon-card__title, .icon-card--violet:focus .icon-card__title {
  color: #712c6f;
}
.icon-card--violet:hover::before, .icon-card--violet:focus::before {
  color: #712c6f;
}
.icon-card--slate {
  border-color: #272727;
}
.icon-card--slate::before {
  color: #272727;
  background-color: #fff;
}
.icon-card--slate:hover .icon-card__title, .icon-card--slate:focus .icon-card__title {
  color: #272727;
}
.icon-card--slate:hover::before, .icon-card--slate:focus::before {
  color: #272727;
}
.icon-card--grey {
  border-color: #757575;
}
.icon-card--grey::before {
  color: #757575;
  background-color: #fff;
}
.icon-card--grey:hover .icon-card__title, .icon-card--grey:focus .icon-card__title {
  color: #757575;
}
.icon-card--grey:hover::before, .icon-card--grey:focus::before {
  color: #757575;
}
.icon-card--midgrey {
  border-color: #efefef;
}
.icon-card--midgrey::before {
  color: #efefef;
  background-color: #272727;
}
.icon-card--midgrey:hover .icon-card__title, .icon-card--midgrey:focus .icon-card__title {
  color: #efefef;
}
.icon-card--midgrey:hover::before, .icon-card--midgrey:focus::before {
  color: #efefef;
}
.icon-card--white {
  border-color: #fff;
}
.icon-card--white::before {
  color: #fff;
  background-color: #272727;
}
.icon-card--white:hover .icon-card__title, .icon-card--white:focus .icon-card__title {
  color: #fff;
}
.icon-card--white:hover::before, .icon-card--white:focus::before {
  color: #fff;
}