/*!
Theme Name:     Inside WashU Medicine
Theme URI:      https://insidemedicine.washu.edu
Description:    A child theme of the MedMarComm theme
Author:         WashU Medicine Marketing & Communications
Author URI:     https://marcomm.med.wustl.edu
Template:       medmarcomm
Version:        1.0.0
*/

.home div.entry-thumbnail img {
	width: 100%
}

div.widget-area .wp-block-latest-posts article::after {
	padding-top: 0;
}

div.widget-area .widget, .wp-block-latest-posts {
	margin-bottom: 1rem;
}

ul.list-no-bullets {
	list-style: none;
	margin-bottom: 1rem;
}

ul.list-no-bullets>li {
	margin-bottom: 1rem;
}

.widget ul {
	list-style: disc;
	padding-left: 1.5em;
}

.widget ul li {
	font-size: 1.125rem;
}


/* Site Title */

.site-title {
  width: auto !important;
  max-width: calc(100% - 65px);
  background-image: url('_assets/img/header-text-gradient-1280.jpg');
  -webkit-background-clip: text;
  background-clip: text;
  background-size: cover;
  background-position: right bottom;
  padding: 1.5rem 0 !important;
  font-size: 1.625rem !important;
  color: transparent !important;
}

.site-title a {
  background-image: url('_assets/img/header-text-gradient-1280.jpg');
  -webkit-background-clip: text;
  background-clip: text;
  background-size: cover;
  background-position: right bottom;
  color: transparent !important;
}

.site-title::after {
	content: 'Updates, announcements, stories and more';
	display: block;
	font-family: 'ivystyle-sans';
	font-size: 0.75rem;
	color: black;
}

@media screen and (min-width: 30em) {
  .site-title {
		font-size: 2.125rem !important;
	}
	
	.site-title::after {
		font-size: 0.875rem;
	}
}

@media screen and (min-width: 56.25em) {
  .site-title {
    max-width: unset;
		padding: 2rem 0 !important;
		font-size: 4.1875rem !important;
	}
	
	.site-title::after {
		font-size: 1.40625rem;
	}
}


/* Cludo */
#cludo-search-results {
  h2, ul, li {
    margin: 0;
    padding: 0;
  }
  h2.cludo-facet__header {
    display: none;
  }
}

.search_autocomplete {
  h2, ul, li {
    margin: 0;
    padding: 0;
  }
}

#cludo-search-results ul, .search_autocomplete ul {
  list-style: none;
}

#cludo-search-results a, .search_autocomplete a {
  text-decoration: none;
}

#cludo-search-results {
  .cludo-search-results__layout {
    position: relative;
    margin: 10px 0 0 0;
  }

  .cludo-search-results__result-count {
    display: block;
    margin: 2rem 0 1rem;
    font-size: 1.2rem;
  }

  .cludo-search-results__did-you-mean {
    margin-bottom: 1rem;

    &:empty {
      display: none;
    }
  }

  .cludo-search-no-results a {
    cursor: pointer;
  }

  .cludo-facet-wrapper {
    .cludo-facet {
      margin: 1rem 0;
      position: relative;

      &.list-facet {
        display: none;
      }
    }

    .cludo-facet__value-list {
      display: none;
    }

    .cludo-facet__value-list-item-anchor {
      display: flex;
      cursor: pointer;
    }

    .cludo-facet__dropdown-header {
      position: relative;
      border: 0;
      width: 100%;
      padding: 6px 12px;
      text-align: left;

      &:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        border-top: 6px solid #fff;
      }

      &.open:after {
        border-top: none;
        border-bottom: 6px solid #fff;
      }
    }
  }

  .cludo-search-results-list ul {
    width: 100%;

    li {
      .cludo-search-results-item {
        display: block;
      }

      .cludo-search-results-item__badge {
        display: block;

        &::first-letter {
          text-transform: uppercase;
        }
      }

      .cludo-search-results-item__title {
        word-break: break-word;
        margin: 0 0 0.5rem;
        font-size: 1.44rem;
      }

      .cludo-search-results-item__date {
        display: block;
        margin-bottom: .5rem;
        word-break: break-word;
        font-size: 0.833rem;
        color: #464646;
        font-style: italic;
      }

      .cludo-search-results-item__description {
        word-break: break-word;
        margin: 0;
        color: #222;
      }

      .cludo-search-results-item__image-container img {
        max-width: 100%;
        max-height: 200px;
        width: 100%;
        object-fit: contain;
      }

      .cludo-search-results-item__content {
        width: 100%;
      }

      .cludo-search-results-item__path-anchor {
        margin-bottom: 3rem;
        word-break: break-word;
        font-size: 1rem;
      }

      .cludo-search-results-item__breadcrumbs {
        display: block;
        margin-top: 1rem;
        word-break: break-word;
      }

      .cludo-search-results-item:hover h3 {
        text-decoration: underline;
      }
    }
  }

  #cludo-load-more {
    text-align: center;

    button {
      color: #fff;
      border: 0;
      padding: .5rem 1rem;
      margin: 1rem auto;
      cursor: pointer;
    }
  }
}

@media (min-width: 767px) {
  #cludo-search-results .cludo-search-results__layout {
  }
}

@media (min-width: 767px) {
  #cludo-search-results .cludo-search-results__facets {
    max-width: 25%;
    padding-right: 15px;
    width: 100%;
  }
}

@media (min-width: 767px) {
  #cludo-search-results .cludo-search-results__result-count {
    margin: 1rem 0 2rem;
  }
}

@media (min-width: 767px) {
  #cludo-search-results .cludo-search-results__results-wrapper {
    max-width: 75%;
    padding-left: 15px;
    position: relative;
    width: 100%;
  }
}

@media (min-width: 767px) {
  #cludo-search-results .cludo-facet-wrapper .cludo-facet.dropdown-facet {
    display: none;
  }
}

@media (min-width: 767px) {
  #cludo-search-results .cludo-facet-wrapper .cludo-facet.list-facet {
    display: block;

    &:not(:first-of-type) {
      margin-top: 2rem;
    }
  }
}

@media (max-width: 767px) {
  #cludo-search-results .cludo-facet-wrapper .cludo-facet__value-list {
    position: absolute;
    margin-top: 5px !important;
    width: 100%;
    background-color: #fff;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 5;
  }
}

@media (min-width: 767px) {
  #cludo-search-results .cludo-facet-wrapper .cludo-facet__value-list {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  #cludo-search-results .cludo-facet-wrapper .cludo-facet__value-list-item-anchor {
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  #cludo-search-results .cludo-search-results-list ul li {
    .cludo-search-results-item {
      display: flex;
      flex-direction: row;
      gap: 2rem;
    }

    .cludo-search-results-item__image-container {
      min-width: 200px;
      max-width: 200px;

      img {
        max-height: 200px;
        margin: 0;
        width: 100%;
        object-fit: contain;
      }
    }

    .cludo-search-results-item__content {
      display: flex;
      flex-direction: column;
    }
  }
}

.search_autocomplete {
  position: absolute;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 12px 17px 0px #464646;
  width: 100%;
  z-index: 99999;
  margin: 0;
  list-style: none;

  &:empty, &:has(.cludo-theme-basic:empty) {
    display: none;
  }

  h3 {
    padding: 10px;
    margin: 0;
  }

  ul {
    list-style-type: none;
    margin: 0;
  }

  li {
    padding: 10px !important;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;

    &:hover, &.active {
      background: #e6e6e6;
    }
  }
}

.cludo-input-form {
  position: relative;
}

.cludo-generative-ai-references__cta {
  margin-top: 5px !important;
}

.cludo-loader {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  position: relative;
  width: 65px;
  height: 45px;
  margin: 0 auto;

  > * {
    display: block;
    position: absolute;
    width: 8px;
    border-radius: 4px;
    background: #000;
    animation: cludoloader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;

    &:nth-child(1) {
      left: 5px;
      animation-delay: -0.24s;
    }

    &:nth-child(2) {
      left: 20px;
      animation-delay: -0.12s;
    }

    &:nth-child(3) {
      left: 35px;
      animation-delay: 0;
    }

    &:nth-child(4) {
      left: 50px;
      animation-delay: 0.12s;
    }
  }
}

@keyframes cludoloader {
  0%,
    100% {
    top: 5px;
    height: 8px;
    opacity: 0.6;
  }

  10%,
    60% {
    height: 14px;
  }

  50% {
    top: 30px;
    height: 8px;
    opacity: 1;
  }
}

#loader {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: 0 10px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.cludo-hidden {
  display: none !important;
}

.cludo-opacity0 {
  opacity: 0;
}

.cludo-loading-disable {
  opacity: .5;
  pointer-events: none;
}

nav.cludo-page-navigation {
    --bg-color-accent-secondary-medium: #BA0C2F;
    --bg-color-accent-secondary-dark: #971B2F;
}