/**
    Landing Page Global Styles
 */
#landing-banner-hero {
  position: relative;
}
#landing-banner-hero::before, #landing-banner-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  inset: 0;
  z-index: -1;
}
#landing-banner-hero.filtered > .container {
  padding: 0;
}
#landing-banner-hero > .container {
  max-width: 900px;
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 3rem;
  display: grid;
  gap: 1rem;
}
#landing-banner-hero > .container #org-selected {
  border-bottom: 0 !important;
}
#landing-banner-hero > .container > h1 {
  display: inline-block;
  font-weight: 300;
  font-size: 2.6rem;
  padding-bottom: 0;
  font-family: "Figtree", "Roboto", sans-serif !important;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  color: var(--content-color);
}
#landing-banner-hero > .container a {
  color: rgba(var(--icon-bg)/100%);
}
#landing-banner-hero > .container a:hover {
  color: rgba(var(--icon-bg)/80%);
}
#landing-banner-hero > .container > .banner-body {
  padding-bottom: 1em;
  font-size: 18px;
  margin: auto;
  padding: 0;
}
@media (min-width: 576px) {
  #landing-banner-hero > .container > .banner-body {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  #landing-banner-hero > .container > .banner-body {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  #landing-banner-hero > .container > .banner-body {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  #landing-banner-hero > .container > .banner-body {
    max-width: 1140px;
  }
}
#landing-banner-hero > .container > .banner-body .banner-edit-link {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  background-color: #dddddd;
  padding: 0.25em 0.5em;
}
#landing-banner-hero > .container > .banner-body .banner-edit-link:hover {
  background-color: #333333;
}
#landing-banner-hero > .container .subtle {
  font-weight: 300;
  color: #808285;
  font-family: "Figtree", "Roboto", sans-serif !important;
  letter-spacing: 0;
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  #landing-banner-hero > .container .subtle {
    font-size: 1.125rem;
    line-height: 1.1;
  }
}
#landing-banner-hero.banner {
  --icon-bg: 23 81 105;
  --icon-color: 14 49 63;
}
#landing-banner-hero.banner-guidelines {
  --content-color: #1d8fbb;
  --icon-bg: 29 143 187;
  --icon-color: 22 109 143;
}
#landing-banner-hero.banner-calculators {
  --content-color: #d58936;
  --icon-bg: 213 137 54;
  --icon-color: 179 111 37;
}
#landing-banner-hero.banner-drugs {
  --content-color: #6faf58;
  --icon-bg: 111 175 88;
  --icon-color: 88 143 69;
}
#landing-banner-hero.banner-uspstf {
  --content-color: #57467b;
  --icon-bg: 87 70 123;
  --icon-color: 64 52 90;
}
#landing-banner-hero.banner-trials {
  --content-color: #005596;
  --icon-bg: 0 85 150;
  --icon-color: 0 56 99;
}
#landing-banner-hero.banner-pubmed {
  --content-color: #53b0c2;
  --icon-bg: 83 176 194;
  --icon-color: 59 149 167;
}
#landing-banner-hero .content-icons {
  z-index: -1;
  position: absolute;
  inset: 0;
  isolation: isolate;
  background-color: rgba(var(--icon-bg)/5%);
  background: linear-gradient(to right, rgba(var(--icon-bg)/5%) 2%, rgba(var(--icon-bg)/0%), rgba(var(--icon-bg)/5%) 98%);
}
@media (max-width: 992px) {
  #landing-banner-hero .content-icons {
    display: none;
  }
}
#landing-banner-hero .content-icons .icon-wrapper {
  --icon-height: 160px;
  font-size: var(--icon-height);
  position: absolute;
  inset: 0;
}
#landing-banner-hero .content-icons .icon {
  --icon-rotation: -15deg;
  --icon-right: 0;
  --icon-bottom: 0;
  --icon-opacity: .1;
  aspect-ratio: 1;
  height: var(--icon-height);
  padding: 0.25rem;
  flex: 0;
  line-height: 1;
  opacity: var(--icon-opacity);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: var(--icon-right);
  bottom: var(--icon-bottom);
  user-select: none;
  pointer-events: none;
  scale: 0.8;
  rotate: var(--icon-rotation);
  z-index: 1;
  animation: peak-in 0.6s;
  animation-fill-mode: backwards;
}
#landing-banner-hero .content-icons .icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--icon-color)/100%);
  -webkit-mask-image: var(--data-img);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: var(--data-img);
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
}
@keyframes peak-in {
  from {
    opacity: 0;
    scale: 0.6;
  }
}

/**
New Landing Page Search
 */
#landings-search-desktop {
  border-color: var(--content-color);
  border-width: 0 0 3px 0;
  border-style: solid;
  background: linear-gradient(to right, rgba(var(--icon-bg)/5%) 2%, rgba(var(--icon-bg)/0%), rgba(var(--icon-bg)/5%) 98%);
}
#landings-search-desktop.guidelines {
  --content-color: #1d8fbb;
  --icon-bg: 29 143 187;
}
#landings-search-desktop.calculators {
  --content-color: #d58936;
  --icon-bg: 213 137 54;
}
#landings-search-desktop.drugs {
  --content-color: #6faf58;
  --icon-bg: 111 175 88;
}
#landings-search-desktop.uspstf {
  --content-color: #57467b;
  --icon-bg: 87 70 123;
}
#landings-search-desktop.trial, #landings-search-desktop.trials {
  --content-color: #005596;
  --icon-bg: 0 85 150;
}
#landings-search-desktop.pubmed {
  --content-color: #53b0c2;
  --icon-bg: 83 176 194;
}
#landings-search-desktop.landing-search-row.uspstf {
  height: unset;
}
#landings-search-desktop .landing-search {
  border-radius: 0.5rem;
  max-width: 900px;
  width: 100%;
  padding: 0 !important;
  margin: 1rem auto;
  border: 1px solid #dddddd !important;
}
#landings-search-desktop .landing-search.pubmed {
  max-width: 1300px;
}
#landings-search-desktop .landing-search.uspstf {
  height: unset;
}
#landings-search-desktop .landing-search.uspstf .card {
  border: none !important;
}
#landings-search-desktop .landing-search .container {
  display: grid;
}
#landings-search-desktop .landing-search .container .row {
  margin: 0;
}
#landings-search-desktop .landing-search .container .row:first-of-type {
  overflow: auto hidden;
}
#landings-search-desktop .landing-search .container .row .nav {
  border-radius: 0.5rem 0.5rem 0 0;
  margin: 0 !important;
  overflow: hidden;
  justify-content: center;
  display: flex;
  gap: 1rem;
  background-color: rgba(var(--icon-bg)/2%);
  min-width: fit-content;
}
#landings-search-desktop .landing-search .container .row .nav > li {
  padding: 0 !important;
}
#landings-search-desktop .landing-search .container .row .nav > li a.nav-link {
  font-size: 15px;
  letter-spacing: 0;
  text-transform: capitalize;
  font-weight: normal;
  padding: 0.5em 0.5em 0;
  border: none !important;
  position: relative;
  color: #666666 !important;
  background-color: transparent;
}
#landings-search-desktop .landing-search .container .row .nav > li a.nav-link:not(.active) {
  border-bottom: 5px solid transparent;
}
#landings-search-desktop .landing-search .container .row .nav > li a.nav-link:hover {
  color: #333333 !important;
}
#landings-search-desktop .landing-search .container .row .nav > li a.nav-link.active {
  color: rgba(var(--icon-bg)/100%) !important;
}
#landings-search-desktop .landing-search .container .row .nav > li a.nav-link.active::after {
  content: "";
  position: relative;
  height: 4px;
  width: 100%;
  display: block;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: rgba(var(--icon-bg)/100%);
  margin-top: 0.5em;
  animation: rise-up 0.3s;
  animation-fill-mode: forwards;
}
@keyframes rise-up {
  from {
    transform: translateY(4px);
  }
}
#landings-search-desktop .landing-search .container .row .tab-content {
  padding: 2rem;
}
#landings-search-desktop .landing-search .container .row .tab-content .search-input-group,
#landings-search-desktop .landing-search .container .row .tab-content .input-group-append {
  border-radius: 0.5rem;
  margin-bottom: 0 !important;
}
#landings-search-desktop .landing-search .container .row .tab-content .search-input-group i,
#landings-search-desktop .landing-search .container .row .tab-content .input-group-append i {
  transition: 0.3s;
}
#landings-search-desktop .landing-search .container .row .tab-content input[type=text]::placeholder,
#landings-search-desktop .landing-search .container .row .tab-content input[type=search]::placeholder {
  color: #6c757d;
  opacity: 1;
  font-style: italic;
}
#landings-search-desktop .landing-search .container .row .tab-content input[type=text]::-webkit-search-decoration, #landings-search-desktop .landing-search .container .row .tab-content input[type=text]::-webkit-search-cancel-button, #landings-search-desktop .landing-search .container .row .tab-content input[type=text]::-webkit-search-results-button, #landings-search-desktop .landing-search .container .row .tab-content input[type=text]::-webkit-search-results-decoration,
#landings-search-desktop .landing-search .container .row .tab-content input[type=search]::-webkit-search-decoration,
#landings-search-desktop .landing-search .container .row .tab-content input[type=search]::-webkit-search-cancel-button,
#landings-search-desktop .landing-search .container .row .tab-content input[type=search]::-webkit-search-results-button,
#landings-search-desktop .landing-search .container .row .tab-content input[type=search]::-webkit-search-results-decoration {
  display: none;
}
#landings-search-desktop .landing-search .container .row .tab-content input[type=text],
#landings-search-desktop .landing-search .container .row .tab-content input[type=search],
#landings-search-desktop .landing-search .container .row .tab-content button {
  border: 0 !important;
  margin: 0;
  height: unset;
  border-radius: inherit;
}
#landings-search-desktop .landing-search .container .row .tab-content input[type=text]:focus,
#landings-search-desktop .landing-search .container .row .tab-content input[type=search]:focus,
#landings-search-desktop .landing-search .container .row .tab-content button:focus {
  background: #f8f8f8;
  box-shadow: none;
  outline: 2px solid rgba(var(--icon-bg)/40%);
  outline-offset: -2px;
}
#landings-search-desktop .landing-search .container .row .tab-content datalist,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist {
  display: none;
  position: absolute;
  background: white;
  width: 100%;
  max-height: 200px;
  overflow: hidden auto;
  z-index: 1000000;
  border: 1px solid #dddddd;
  top: calc(100% + 0.25em);
  border-radius: 0.5rem;
  box-shadow: 0 0.6em 1em rgba(0, 0, 0, 0.2);
  animation: datalist-reveal 0.3s;
  animation-fill-mode: forwards;
}
@keyframes datalist-reveal {
  from {
    transform: translateY(-1em);
    opacity: 0;
    max-height: 0px;
  }
}
#landings-search-desktop .landing-search .container .row .tab-content datalist option,
#landings-search-desktop .landing-search .container .row .tab-content datalist .gc-datalist-option,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist option,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist .gc-datalist-option {
  background: white;
  cursor: pointer;
  width: 100%;
  padding: 0.25em 0.5em;
  overflow: hidden;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-wrap: unset;
}
#landings-search-desktop .landing-search .container .row .tab-content datalist option:not(:last-of-type),
#landings-search-desktop .landing-search .container .row .tab-content datalist .gc-datalist-option:not(:last-of-type),
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist option:not(:last-of-type),
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist .gc-datalist-option:not(:last-of-type) {
  border-bottom: 1px solid #eeeeee;
}
#landings-search-desktop .landing-search .container .row .tab-content datalist option > span,
#landings-search-desktop .landing-search .container .row .tab-content datalist .gc-datalist-option > span,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist option > span,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist .gc-datalist-option > span {
  white-space: break-spaces;
}
#landings-search-desktop .landing-search .container .row .tab-content datalist option .name,
#landings-search-desktop .landing-search .container .row .tab-content datalist .gc-datalist-option .name,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist option .name,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist .gc-datalist-option .name {
  display: grid;
}
#landings-search-desktop .landing-search .container .row .tab-content datalist option .name .formatted,
#landings-search-desktop .landing-search .container .row .tab-content datalist .gc-datalist-option .name .formatted,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist option .name .formatted,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist .gc-datalist-option .name .formatted {
  font-weight: bold;
}
#landings-search-desktop .landing-search .container .row .tab-content datalist option:hover,
#landings-search-desktop .landing-search .container .row .tab-content datalist .gc-datalist-option:hover,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist option:hover,
#landings-search-desktop .landing-search .container .row .tab-content .gc-datalist .gc-datalist-option:hover {
  background: #eeeeee;
}
#landings-search-desktop .landing-search .container .row .tab-content #guidelineDatesList {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  border-radius: 0.5rem;
  overflow: hidden;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#landings-search-desktop .landing-search .container .row .tab-content #guidelineDatesList button {
  border: 0;
  border-radius: 0.25em;
  background: #eeeeee;
  flex: 1 calc(20% - 2px);
  padding: 0.5rem 1rem;
  display: flex;
  gap: 0.5em;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  white-space: nowrap;
}
#landings-search-desktop .landing-search .container .row .tab-content #guidelineDatesList button:hover {
  background: #f8f8f8;
}
#landings-search-desktop .landing-search .container .row .tab-content #guidelineDatesList button.secondary {
  display: none;
}
#landings-search-desktop .landing-search .container .row .tab-content #guidelineDatesList button span {
  align-self: flex-start;
  font-size: 0.8em;
  color: #666666;
}
#landings-search-desktop .landing-search .container .row .tab-content .tab-pane {
  height: unset;
}

#right-column .right-column-wrapper {
  position: sticky;
  top: var(--masthead-height);
}

#left-column .left-column-wrapper {
  position: sticky;
  top: var(--masthead-height);
}