/* CSS Document */
/* line 4, ../../../scss/departments/medicine/infectious-diseases.scss */
.id-category {
  display: flex;
  box-sizing: border-box;
  padding-bottom: 4.1875rem;
  height: 22.5rem;
  border-radius: 0.3125rem;
  box-shadow: 0 5px 6px -2px rgba(0, 0, 0, 0.4);
  position: relative;
  align-items: center;
  text-align: center;
  justify-content: flex-end;
  flex-direction: column;
  text-decoration: none !important;
  background-size: cover;
}
/* line 19, ../../../scss/departments/medicine/infectious-diseases.scss */
.id-category * {
  color: #FFFFFF;
}
/* line 23, ../../../scss/departments/medicine/infectious-diseases.scss */
.id-category:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 2.25rem;
  content: "\f178";
  color: #FFFFFF;
  position: absolute;
  bottom: 0.625rem;
  opacity: 0;
  transition: all 300ms ease-in-out;
}
/* line 35, ../../../scss/departments/medicine/infectious-diseases.scss */
.id-category:hover:after {
  opacity: 1;
  bottom: 1.875rem;
}
/* line 40, ../../../scss/departments/medicine/infectious-diseases.scss */
.id-category:before {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.95));
  content: "";
  top: 0;
  border-radius: 0.25rem;
}
/* line 51, ../../../scss/departments/medicine/infectious-diseases.scss */
.id-category h3, .id-category p {
  z-index: 2;
}

/* line 56, ../../../scss/departments/medicine/infectious-diseases.scss */
.bottom-background,
.top-background {
  position: relative;
}
/* line 60, ../../../scss/departments/medicine/infectious-diseases.scss */
.bottom-background:after,
.top-background:after {
  position: absolute;
  height: 17.5rem;
  background: #00142E;
  width: calc((100vw / 2) + 460px);
  content: "";
  z-index: -1;
  display: block;
}
/* line 70, ../../../scss/departments/medicine/infectious-diseases.scss */
.bottom-background.extend-right:after,
.top-background.extend-right:after {
  right: 0;
}
/* line 74, ../../../scss/departments/medicine/infectious-diseases.scss */
.bottom-background.extend-left:after,
.top-background.extend-left:after {
  left: 0;
}

/* line 80, ../../../scss/departments/medicine/infectious-diseases.scss */
.bottom-background:after {
  bottom: 0;
}

/* line 86, ../../../scss/departments/medicine/infectious-diseases.scss */
.top-background:after {
  top: 0;
}

/* line 92, ../../../scss/departments/medicine/infectious-diseases.scss */
.publications-list {
  list-style: none;
  margin-left: 0;
}
/* line 95, ../../../scss/departments/medicine/infectious-diseases.scss */
.publications-list li {
  position: relative;
  border-top: 1px solid #D2D2D2;
  padding-left: 1.5625rem;
  padding-top: 0.75rem;
}
/* line 101, ../../../scss/departments/medicine/infectious-diseases.scss */
.publications-list li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f15c";
  position: absolute;
  left: 0;
  font-weight: 700;
  color: #0065A0;
}

/* line 113, ../../../scss/departments/medicine/infectious-diseases.scss */
.category-info-box.chain-link-icon {
  position: relative;
}
/* line 115, ../../../scss/departments/medicine/infectious-diseases.scss */
.category-info-box.chain-link-icon:after {
  display: inline-block;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  content: "\f0c1";
  color: #E0EDF6;
  font-size: 2.875rem;
  top: 0.625rem;
  right: 2.625rem;
  z-index: 0;
}
/* line 128, ../../../scss/departments/medicine/infectious-diseases.scss */
.category-info-box.office-icon {
  position: relative;
}
/* line 130, ../../../scss/departments/medicine/infectious-diseases.scss */
.category-info-box.office-icon:after {
  display: inline-block;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  content: "\f80d";
  color: #EAEAEA;
  top: 1.25rem;
  right: 2.5rem;
  font-size: 5.9375rem;
  font-weight: 700;
  z-index: 0;
}

/* line 147, ../../../scss/departments/medicine/infectious-diseases.scss */
h4.icon:before {
  font-family: "Font Awesome 5 Pro";
  color: #599FD0;
  font-size: 1.25rem;
  margin-right: 0.625rem;
}
/* line 154, ../../../scss/departments/medicine/infectious-diseases.scss */
h4.people:before {
  content: "\f0c0";
}
/* line 155, ../../../scss/departments/medicine/infectious-diseases.scss */
h4.action:before {
  content: "\f509";
}
/* line 156, ../../../scss/departments/medicine/infectious-diseases.scss */
h4.education:before {
  content: "\f51c";
}
/* line 157, ../../../scss/departments/medicine/infectious-diseases.scss */
h4.accountability:before {
  content: "\f4fc";
}
/* line 158, ../../../scss/departments/medicine/infectious-diseases.scss */
h4.tracking:before {
  content: "\f5a0";
}
/* line 159, ../../../scss/departments/medicine/infectious-diseases.scss */
h4.drugs:before {
  content: "\f484";
}
/* line 160, ../../../scss/departments/medicine/infectious-diseases.scss */
h4.reporting:before {
  content: "\f660";
}

/* line 163, ../../../scss/departments/medicine/infectious-diseases.scss */
.purple-background {
  background: #4160A8;
}

/* line 167, ../../../scss/departments/medicine/infectious-diseases.scss */
.toolkit .header {
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 5 Pro";
  color: #FFFFFF;
  font-size: 3.125rem;
}
/* line 175, ../../../scss/departments/medicine/infectious-diseases.scss */
.toolkit .header.gears:before {
  content: "\f085";
}
/* line 176, ../../../scss/departments/medicine/infectious-diseases.scss */
.toolkit .header.external-link:before {
  content: "\f35d";
}
/* line 177, ../../../scss/departments/medicine/infectious-diseases.scss */
.toolkit .header.globe:before {
  content: "\f0ac";
}
/* line 179, ../../../scss/departments/medicine/infectious-diseases.scss */
.toolkit .content {
  padding: 1.875rem;
  border: 1px solid #D2D2D2;
  border-top: none;
}
