/* https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/
 * Expects all incoming values to be pixels
 */
.purple-text {
  color: #ab8dbe !important;
}

.sky-blue-text {
  color: #00ceff !important;
}

.black-text {
  color: #333 !important;
}

h4 {
  font-family: opensans !important;
}

.block-system-breadcrumb-block {
  display: none;
}

@media only screen and (max-width: 800px) {
  .row {
    display: block !important;
  }
}
@media only screen and (max-width: 640px) {
  .mobile-stretch {
    width: 100% !important;
  }
}

.layout-content .stage > div:first-child ul li a {
  margin-bottom: 0;
  width: 100%;
}
.layout-content .anchor {
  height: auto;
}
.layout-content .middle {
  margin-left: auto;
  margin-right: auto;
  width: 80% !important;
  display: flex;
  justify-content: center;
}
.layout-content h2 {
  color: #6F33C8 !important;
}
.layout-content h3 {
  color: #F4904A !important;
}
.layout-content .blue {
  text-shadow: 1px 1px 0 #056a8f;
  text-align: center;
  margin-bottom: 1.5em !important;
  width: 100%;
}
.layout-content .six {
  background-color: #6F33C8 !important;
  border: 3px solid #F4904A !important;
}
.layout-content .seven {
  background-color: #ee4c9b !important;
  border: 3px solid #F4904A !important;
}
.layout-content a.btn-blue:hover {
  background-color: #F4904A !important;
}
.layout-content .btn-blue:hover {
  background-color: #F4904A !important;
}
.layout-content .intro {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px !important;
}
.layout-content .quicktitle {
  color: #6F33C8;
}
.layout-content .info-box {
  background-color: #F9EDE5;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
}
.layout-content .teaser {
  align-items: center;
}
.layout-content .teaser img {
  margin-bottom: 0 !important;
}
.layout-content .teaser h3 {
  font-weight: bold !important;
}
.layout-content .btn-bluebtn {
  background-color: #00ceff !important;
  border: 3px solid white !important;
  color: white !important;
  text-shadow: 1px 1px 0px #223666;
}

.reveal > .reveal-target .reveal-title {
  font-weight: 400 !important;
  color: #223666 !important;
  background-image: url(/files/lenoxhill/assets/neuro-imaging-new-york-metro/Expand.webp) !important;
}

.reveal > .reveal-target.reveal-close .reveal-title {
  background-image: url(/files/lenoxhill/assets/neuro-imaging-new-york-metro/Minimize.webp) !important;
}

.neuro-banner {
  margin-top: -2rem;
}
.neuro-banner .thin-stage {
  max-width: 640px;
  margin: auto;
}
@media only screen and (max-width: 800px) {
  .neuro-banner .stick-right {
    background-position: right !important;
  }
}
.neuro-banner .white-text-shadow {
  text-shadow: 0px 0px 10px #ffffff;
}
.neuro-banner .banner-img {
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right: 4rem;
  padding-left: 4rem;
}
@media only screen and (max-width: 800px) {
  .neuro-banner .banner-img {
    background-position: left;
  }
}
.neuro-banner .banner-img p {
  color: #ffffff;
}
.neuro-banner .banner-img img {
  width: auto;
}
@media only screen and (max-width: 640px) {
  .neuro-banner .banner-img {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 320px) {
  .neuro-banner .banner-img img {
    width: 100%;
  }
}

/*# sourceMappingURL=neuro-imaging-eastern-shore.css.map */