/*
  Theme Name:   Child Theme - Health Sciences
  Theme URI:    https://healthsciences.missouri.edu/
  Author:       Mizzou Digital Service, University of Missouri
  Author URI:   https://digitalservice.missouri.edu/
  Description:  This Child Theme extends the Mizzou Hybrid Base Theme
  Version:      2.1.5
  Template:     miz-hybrid-base
  Text Domain:  shp-child
*/
/* Default Sizes, weights, line heights */
/** Breadcrumbs Styles */
.shp-breadcrumbs {
  margin-left: -7px;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

/** End */
/** Dropdown Styles */
.shp-dropdown__button {
  font-size: 1.25em;
}

.shp-dropdown__button-icon {
  position: relative;
  top: 5px;
}

.shp-dropdown__content {
  border: 1px solid #111111;
  background-color: #FFFFFF;
}

.shp-dropdown-item {
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1.25em;
  font-family: "Graphik Cond Web";
}

.shp-dropdown-item:hover {
  background-color: #CCCCCC;
}

.shp-dropdown-item a {
  text-decoration: none;
  display: block;
  width: 100%;
}

@media (max-width: 767.98px) {
  .shp-dropdown__content {
    margin-top: -0.5em;
  }
}
/** End */
/** Footer Styles */
.shp-card--dark .miz-link-list__link:hover {
  background-color: #F1B82D;
  color: #111111;
}

.shp-card--dark .miz-link-list__item:first-child a {
  font-weight: bold;
  text-transform: uppercase;
}

.shp-card--dark .miz-link-list__item:first-child a:hover {
  color: inherit !important;
  background-color: initial;
}

/** End */
.shp-archive-filter .miz-input-group {
  flex-flow: column;
}
.shp-archive-filter .miz-input-group .miz-label {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-weight: 600;
  padding: 0 1rem 0 0;
  display: block;
}
.shp-archive-filter .miz-input-group .miz-input {
  border-radius: 0;
  border: 1px solid rgb(212, 212, 212);
  padding: 0.5rem 0.75rem;
}
.shp-archive-filter .miz-input-group .miz-input-text {
  border-radius: 0;
  border: 1px solid rgb(212, 212, 212);
  padding: 0.5rem 0.75rem;
}
.shp-archive-filter .miz-input-group select {
  border-radius: 0;
  border: 1px solid rgb(212, 212, 212);
  padding: 0.5rem 0.75rem;
}
.shp-archive-filter .miz-input-group input[type=checkbox] {
  margin: 0;
  width: 1.5em;
  height: 1.5em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.shp-archive-filter .miz-input-group input[type=checkbox]::before {
  content: "";
  width: 1.2em;
  height: 1.2em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #222222;
  transform-origin: bottom left;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
          clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.shp-archive-filter .miz-input-group input[type=checkbox]:checked::before {
  transform: scale(1);
}
.shp-archive-filter .miz-input-group input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}
.shp-archive-filter .miz-input-group .miz-label {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-weight: 600;
  padding: 0 1rem 0 0;
  display: block;
}
.shp-archive-filter .miz-input-group .miz-input-text {
  border-radius: 0;
  border: 1px solid rgb(212, 212, 212);
  padding: 0.5rem 0.75rem;
}
.shp-archive-filter .form-control {
  font-size: 1rem;
  line-height: 1.5;
  display: grid;
  grid-template-columns: 2em auto;
  gap: 0.5em;
}
.shp-archive-filter .form-control + .form-control {
  margin-top: 1em;
}

/** News Cards Styles */
.shp-news-card {
  margin-bottom: 2rem;
}

.shp-news-card .shp-news-card__date {
  padding-top: 0.5rem;
}

.shp-news-card .miz-news-card {
  flex-direction: row;
}

.shp-news-card .miz-news-card .card-image-div .card-image {
  width: 240px;
  height: 135px;
  object-fit: cover;
}

.shp-news-card .miz-news-card .shp-news-card__body {
  padding: 0rem 1rem;
}

.shp-news-card .miz-news-card .shp-blog-card__body {
  padding: 2rem 0rem;
}

.shp-news-card .miz-news-card .miz-card__body .shp-news-card__title {
  font-size: 1.563em;
}

.shp-news-card .miz-news-card .miz-card__body .shp-blog-card__title {
  font-size: 2.441em;
}

@media (max-width: 767.98px) {
  .shp-news-card .miz-news-card {
    flex-direction: column;
  }
  .shp-news-card .miz-news-card .shp-news-card__body {
    padding: 0rem 0rem;
  }
  .shp-news-card .miz-news-card .card-image-div .card-image {
    width: 100%;
  }
}
/** End */
/*** Page Headers ***/
.shp-dept-title {
  font-family: "Graphik Cond Web";
  font-size: 3.052rem;
  color: #F1B82D;
}

.shp-dept-title a {
  font-family: "Graphik Cond Web";
  color: #F1B82D;
  text-decoration: none;
}

.shp-dept-title a:hover {
  color: #FFFFFF;
}

.shp-dept-title--page {
  font-family: "ClarendonURW-Reg";
  font-size: 1.563rem;
  display: inline-block;
  padding-bottom: 0.25em;
  border-bottom: medium solid #F1B82D;
}

/** End */
.link-block {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  -ms-flex-align: start;
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0;
  align-items: stretch;
}
.link-block li {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
}
.link-block li a {
  padding: 0.5rem 1rem 0.5rem 1rem;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 1 auto;
  color: initial;
  background: #FFF4D6;
  border-top: 1px solid #FBD986;
  border-bottom: 1px solid #FBD986;
}
.link-block li a:hover, .link-block li a:focus, .link-block li a:active {
  background: rgb(255, 250.8414634146, 239.5);
  color: initial;
}

/** 50-50 Layer  */
.layer-5050 {
  background-color: #F0F0F0;
  margin-bottom: 4rem;
}

.container-5050 {
  grid-column: main/span 6;
  place-self: center center;
}

.content-5050 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.figure-5050 {
  grid-column: 8/span full-end;
  margin: 0 0 0;
}

.image-5050 {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

@media (max-width: 450px) {
  .container-5050 {
    grid-column: 3/span 10;
  }
  .figure-5050 {
    grid-column: 1/span end;
  }
}
/** End */
/* Accordion Styles*/
.shp-accordion__button {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 2.7rem;
  text-align: left;
  font-weight: 700;
}

.shp-accordion__button > .miz-icon {
  position: absolute;
  margin-top: -0.7rem;
  top: 50%;
  right: 0.7rem;
}

/** End */
/* Card Deck Layer Styles */
@supports (display: grid) {
  .shp-card .miz-card__title {
    font-size: 2.441em !important;
  }
  .shp-card-deck-grid {
    display: grid;
    grid-template-columns: [deck-start] repeat(12, 1fr) [deck-end];
    gap: 2rem 2rem;
    grid-auto-flow: row;
    justify-items: stretch;
  }
  .shp-card-deck-grid > * {
    grid-column: deck;
  }
  .shp-card-deck-grid--2-up > .shp-card {
    margin-top: 1rem;
  }
  @media (min-width: 768px) {
    .shp-card-deck-grid--2-up > .shp-card {
      grid-column: span 6;
    }
  }
  .shp-card-deck-grid--3-up > .shp-card {
    margin-top: 1rem;
  }
  @media (min-width: 992px) {
    .shp-card-deck-grid--3-up > .shp-card {
      grid-column: span 6;
      margin-top: 0;
    }
  }
  .shp-card-deck-grid--4-up > .shp-card {
    margin-top: 1rem;
  }
  @media (min-width: 768px) {
    .shp-card-deck-grid--4-up > .shp-card {
      grid-column: span 6;
      margin-top: 0;
    }
  }
  @media (min-width: 1200px) {
    .shp-card-deck-grid--4-up > .shp-card {
      grid-column: span 3;
    }
  }
}
/** End */
/* Drawer Layer  */
.layer-drawer {
  background-color: #F1B82D;
  margin-bottom: 4rem;
}

.shp-drawer-card {
  margin: 4rem 5% 0rem 5% !important;
}

.shp-drawer-image {
  max-width: 50% !important;
  object-fit: cover;
  height: auto !important;
}

.shp-drawer-body {
  padding: 2rem 2rem 2rem 2rem !important;
}

.shp-drawer-body h3 {
  text-transform: uppercase;
  font-size: 3.052em;
}

.shp-drawer-dropdown {
  padding: 0px 5% 0px 5%;
}

.shp-drawer-button {
  width: 100%;
  text-align: center;
  padding: 2% 25% 2% 25%;
  margin-bottom: 4rem;
}

.shp-drawer-content {
  margin-top: -4rem;
  margin-bottom: 4rem;
  background-color: #F0F0F0;
  position: relative;
}

.shp-drawer-item {
  padding-bottom: 1rem;
}

@media (max-width: 767.98px) {
  .shp-drawer-image {
    max-width: 100% !important;
  }
  .shp-drawer-links {
    -moz-columns: 1;
         columns: 1;
  }
}
/** End */
/** SHP Link Grid Styles */
.shp-link-grid--layer {
  align-content: center;
  flex-flow: row wrap;
  align-items: stretch;
}

.shp-link-grid--layer > * {
  width: calc(33% - 2rem);
  margin: 1rem 1rem;
}

.shp-link-grid--layer-links {
  grid-column: main-start/span 12;
}

.shp-link-grid--layer .miz-link-list__item {
  background-color: #F1B82D;
  min-height: 6rem;
  box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2);
}

.shp-link-grid--layer .miz-link-list__link {
  border: 3px solid #F1B82D;
  font-size: 1.563em;
  font-weight: 1.563em;
  padding: 1.2rem 1.2rem 1.2rem 2rem;
}

.shp-link-grid--layer .miz-link-list__link:hover {
  background-color: #FEE8B6;
}

.shp-link-grid-icon {
  padding-right: 2rem;
}

@media (max-width: 991.98px) {
  .shp-link-grid--layer-title {
    grid-column: main/span 12;
  }
  .shp-link-grid--layer-links {
    grid-column: main/span main-end;
  }
  .shp-link-grid--layer {
    flex-flow: column;
  }
  .shp-link-grid--layer > * {
    width: calc(100% - 2rem);
    margin: 1rem 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .shp-link-grid--layer .miz-link-list__link {
    font-size: 1rem;
  }
}
/** End */
/* SHP Offset Links Styles */
.shp-offset-links--layer {
  align-content: center;
  flex-flow: row wrap;
  align-items: stretch;
}

.shp-offset-links--layer > * {
  width: calc(50% - 2rem);
  margin: 1rem 1rem;
}

.shp-offset-links--layer-title {
  margin: 1rem;
  grid-column: main/span 4;
}

.shp-offset-links--layer-links {
  grid-column: 6/span 8;
}

.shp-offset-links--layer .miz-link-list__item {
  background-color: #FFFFFF;
  min-height: 6rem;
}

.shp-offset-links--layer .miz-link-list__link {
  border: 3px solid #F1B82D;
  font-size: 1.2rem;
  padding: 1.2rem 1.2rem 1.2rem 2rem;
}

.shp-offset-links--title {
  border-bottom: 4px solid #F1B82D;
  padding-bottom: 1rem;
  line-height: 1.2;
  font-family: "Graphik Cond Web";
  font-size: 3.052em;
}

.shp-offset-links--text {
  font-weight: 300;
}

.shp-offset-links--layer .miz-link-list__link:hover {
  background-color: #FEE8B6;
}

@media (max-width: 767.98px) {
  .shp-offset-links--layer-title {
    grid-column: main/span 12;
  }
  .shp-offset-links--layer-links {
    grid-column: main/span main-end;
  }
  .shp-offset-links--layer {
    flex-flow: column;
  }
  .shp-offset-links--layer > * {
    width: calc(100% - 2rem);
    margin: 1rem 1rem;
  }
}
/** End */
/** Archives Filter Styles */
.shp-archive-filter__title {
  grid-column: main/span 2;
  align-self: center;
  font-size: 1.953em;
}

.shp-archive-filter__title p {
  margin-top: 0;
  margin-bottom: 0;
}

/** End */
/** Aside Styles */
.shp-sub-nav {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.shp-sub-nav__dept-name {
  background-color: #111111;
  color: #FFFFFF;
  font-weight: 800;
  border-bottom: 0.125rem solid #F1B82D;
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.shp-sub-nav__list {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #FFF4D6;
}

.shp-sub-nav__list-item {
  display: flex;
  flex-direction: column;
}

.shp-sub-nav__list-item > * {
  flex: 1 0 100%;
}

.shp-sub-nav__list-item .shp-dropdown__button-icon {
  float: right;
}

.shp-sub-nav__expand-button {
  font-weight: 700;
  background-color: #FEE8B6;
}

.shp-sub-nav__expand-button[aria-expanded=true] {
  background-color: #FBD986;
}

.shp-sub-nav--level-1 {
  background-color: #FBD986;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 0.125rem solid #F1B82D;
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.shp-sub-nav--level-1:hover {
  background-color: #FEE8B6;
}

.shp-sub-nav--level-2 {
  background-color: #FFF4D6;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.5rem;
  border-bottom: 0.125rem solid #F1B82D;
  padding: 0.5rem 1rem 0.5rem 4rem;
}

.shp-sub-nav--level-2:hover {
  background-color: #FEE8B6;
}

.shp-sub-nav__link .shp-sub-nav__expand-button {
  position: relative;
  text-decoration: none;
  border: none;
  text-align: left;
  padding: 0.5rem 1rem 0.5rem 1rem;
}

/* Sidebar styles */
.sidebar_image_container {
  width: 100%;
  text-align: center;
}

.sidebar_image_image {
  max-width: 100%;
  border-radius: 50%;
}

.miz-card .miz-card__body .sidebar_social_list {
  margin-top: 1rem;
}

/** End */
/** Directory Styles */
.shp_directory_flex_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 2rem;
}

.shp-directory_alpha-sort-item.miz-pagination__list-item.is-current {
  padding: initial;
}

.shp-directory_alpha-sort-link {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  text-transform: uppercase;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}

.miz-main-grid__article .shp-card--person {
  flex: 0 0 30%;
  margin: 0.5em;
  box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2);
}

.miz-main-grid__main .shp-card--person {
  flex: 0 1 23.6%;
  margin: 0.5em;
  box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2);
}

.shp-card--person .miz-card__image {
  border-bottom: 0.75rem solid #F1B82D;
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: 50% 30%;
}

.shp-card--person .shp-card--person--title {
  font-size: 1.953em;
}

.shp-card--person .shp-card--person--subtitle {
  font-size: 1rem;
  font-weight: 300;
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}

.shp-card--person .miz-card__body .miz-card__text {
  font-size: 0.8em;
}

.shp-card--person--department {
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

.shp-card--person--department:hover {
  text-decoration: underline;
}

.shp-person_page-header {
  padding-top: 3rem;
  padding-bottom: 0;
}

.shp-person_page-title {
  text-transform: capitalize !important;
}

.shp-person_card-body {
  padding-left: 0;
}

.shp-person_degrees {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-weight: 600;
  font-size: 1.563em;
}

.shp-person_primary-title {
  font-size: 1.563em;
  font-weight: 400;
}

.shp-person_title {
  font-size: 1.25em;
  font-weight: 400;
  margin-top: 0;
}

.miz-card__image-person {
  border-radius: 50%;
  box-shadow: 2px 2px 2px 2px rgba(241, 184, 45, 0.5);
}

.research-area-header {
  text-transform: uppercase;
  font-family: "Graphik Cond Web";
  letter-spacing: 2px;
  font-size: 1.25em;
}

.shp-person_card-horizontal {
  margin-top: 0 !important;
}

@media (max-width: 767.98px) {
  .miz-main-grid__main .shp-card--person {
    flex: 0 1 100%;
  }
  .miz-main-grid__article .shp-card--person {
    flex: 0 1 100%;
  }
  .shp-archive-filter {
    flex: 0 1 100%;
    padding-bottom: 0.5em;
  }
  .shp-directory_alpha-sort-list {
    flex-wrap: wrap;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .shp-card--person {
    flex: 0 1 45%;
  }
  .shp-directory_alpha-sort-list {
    flex-wrap: wrap;
  }
}
/** End */
/** SHP Styles */
.miz-masthead__title {
  font-family: "Graphik Cond Web";
}

.miz-layer--brand .miz-split-layout .shp-kicker--black-border {
  border-bottom: 2px solid #111111;
}

.gold-hr {
  background: #F1B82D;
  border: 2px solid #F1B82D;
}

.directory-gold-hr {
  background: #F1B82D;
  border: 2px solid #F1B82D;
  width: 100%;
  margin-top: 3rem;
}

.directory-gold-hr:first-child {
  display: none;
}

@supports (display: grid) {
  .miz-main-grid .page-wrap {
    grid-column: main;
  }
}
/** This is overriding the base theme Featured News layer */
.miz-news-card__thumb {
  width: 100% !important;
  object-fit: cover !important;
}

.miz-card--brand .miz-card__title {
  font-family: "Graphik Cond Web";
  font-size: 1.563em;
}

/** This is overriding the base theme Events layer */
@media (max-width: 767.98px) {
  .miz-page-header__title {
    font-size: 3.052em !important;
  }
}
/** End */
/** Single Styles */
.shp-story__kicker {
  font-family: "ClarendonURW-Reg";
}

.shp-story__title {
  font-family: "Graphik Cond Web";
  font-size: 2.441em;
}

/** End */
/** WP Styles */
figcaption {
  font-style: italic;
  font-size: 0.8em;
}

.alignfull {
  max-width: 100vw;
  width: 100vw;
  width: 100%;
}

.alignfull iframe {
  width: 100% !important;
  height: 400px;
}

.alignwide {
  max-width: 100vw;
  width: 100vw;
  width: 100%;
}

.alignwide iframe {
  width: 100% !important;
  height: 400px;
}

thead {
  border-bottom: 2px solid black;
  text-transform: uppercase;
}

.wp-block-table th {
  padding: 0.75em 0.5em;
}

.wp-block-table td {
  padding: 1.25em 0.5em;
}

@media (max-width: 767.98px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: 100%;
  }
}
/** End */
/* Headings within main content area */
h3,
h4,
h5,
h6 {
  font-family: "Graphik Cond Web";
}

.miz-fill--black-100 .miz-container .miz-link-list .miz-link-list__link:hover {
  background-color: #ffffff !important;
}

.shp-text--italic {
  font-style: italic;
}

@media (min-width: 992px) {
  .shp-main-grid__article-full {
    grid-column: main/span 12;
  }
}

.shp-button-group {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.shp-drawer-links {
  margin: 2rem;
}
@media (min-width: 768px) {
  .shp-drawer-links {
    -moz-columns: 4;
         columns: 4;
  }
}

.shp-ambassador-metadata {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .shp-ambassador-metadata {
    -moz-columns: 1;
         columns: 1;
  }
}

.shp-personnel-metadata {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .shp-personnel-metadata {
    -moz-columns: 2;
         columns: 2;
  }
}

.shp-personnel-research-callout {
  background-color: #FEE8B6;
  padding: 1rem;
}
.shp-personnel-research-callout .shp-button--callout {
  background-color: #FFFFFF;
  padding: 0.5rem 0.5rem;
}
.shp-personnel-research-callout .shp-button--callout:active, .shp-personnel-research-callout .shp-button--callout:focus, .shp-personnel-research-callout .shp-button--callout:hover {
  background-color: transparent;
}

.shp-card--person .miz-card__image {
  border-bottom: 0.75rem solid #F1B82D;
}

.shp-available-online {
  white-space: nowrap;
  font-weight: normal;
}

.shp-available-online i {
  color: #F1B82D;
}

.miz-split-layout-layer.miz-fill--black li a {
  color: #FFFFFF;
}

.miz-split-layout-layer.miz-fill--gold .miz-button--primary {
  background-color: #111111;
  color: #FFFFFF;
}

.miz-split-layout-layer.miz-fill--gold .miz-button--primary.miz-button--brand:hover {
  background-color: #444444;
}