:root {
  --accent02: #C3C8D6;
  --content-gap: var(--space-s);
}
html {
  scroll-behavior: smooth;
}
/*Typography*/
/*Header*/
@media only screen and (max-width: 1350px) {
  /*.home-hero-banner{
    max-height: 70vh;
}*/
  .home-hero-banner__content-wrapper {
    max-width: 45%;
    padding-top: var(--space-l) !important;
    padding-bottom: var(--space-l) !important;
  }
  .home-hero-banner__heading {
    font-size: 3rem;
    width: 25ch;
  }
  .home-hero-banner__image {
    left: 40%;
  }
}
@media only screen and (min-width: 1351px) {
  .home-hero-banner__image {
    left: 40%;
  }
}
/*Image Wrapper - Circle*/
.circle__image-wrapper {
  position: relative;
  border-radius: 50%;
  box-shadow: 2rem 2rem 0 0 #9E9CBA, -1rem 1.2rem 0 0 #C3C8D6;
  /*For webkit browsers*/
  -webkit-box-shadow: 2rem 2rem 0 0 #9E9CBA, -1rem 1.2rem 0 0 #C3C8D6;
  /*For Firefox*/
  -moz-box-shadow: 2rem 2rem 0 0 #9E9CBA, -1rem 1.2rem 0 0 #C3C8D6;
  /*overlay variations*/
}
.circle__image-wrapper:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.circle__image-wrapper:after--no-border {
  box-shadow: none;
  position: relative;
  border-radius: 50%;
}
.circle__image-wrapper--pink-purple:after {
  background: linear-gradient(to bottom, #c5a4b2, #4d4987);
  mix-blend-mode: color;
}
.circle__image-wrapper--bw-purple:after {
  background-color: var(--secondary);
  mix-blend-mode: color;
}
/*CARDS*/
.treatment-card {
  transition: 3s;
}
.treatment-card:hover {
  transform: translateY(-1.5rem);
  /*box-shadow: 2px 2px 15px -1px var(--base-trans-40);*/
  transition: all 0.35s ease-in-out;
}
.treatment-card__text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.posts-card {
  transition: 3s;
}
.posts-card:hover {
  transform: translateY(-1.5rem);
  box-shadow: 2px 2px 15px -1px var(--base-trans-20);
  transition: all 0.35s ease-in-out;
}
.posts-card_text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.posts-card__underline:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--secondary-medium);
  transform-origin: bottom right;
  transition: transform 0.5s ease-out;
  transform: scaleX(0);
}
.posts-card__underline:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
  transform-origin: bottom left;
}
/*.posts-card__text{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;    
}*/
/*Content Sections*/
.section--purple {
  color: var(--accent);
  background: var(--primary);
}
.section--grey {
  background: var(--accent);
}
.single-post__content p {
  max-width: 85ch;
}
.two-col-text__text--full-width p {
  max-width: 100%;
}
.section-text-only {
  position: relative;
}
.section-text-only:after {
  position: absolute;
  top: 0;
  right: 0;
  /*content: url('/wp-content/uploads/page-graphic.svg');*/
  width: 15rem;
}
/*disabled - plugin used and metabox pdf download not being webkit-user-drag
I have left this on the single post template - just turn off from view*/
.single-post__downloads {
  display: none;
}
@media only screen and (max-width: 600px) {
  .section-text-only::after {
    display: none;
  }
}
a.contact-details__text {
  color: var(--base);
}
.category-single__text--lowercase {
  text-transform: lowercase;
}
.section__post-content h2, .section__post-content h3, .section__post-content h4 {
  margin-bottom: var(--space-xs);
  max-width: 85ch;
}
.section__post-content p {
  max-width: 85ch;
}
ul.section__reference-wrapper {
  list-style: none;
  padding-left: 0;
}
ul.section__reference-wrapper li {
  margin-bottom: var(--space-xs);
}
/*Footer*/
.main-footer__nav {
  list-style: none;
  margin-left: 0;
}
.main-footer__nav a {
  color: var(--base-ultra-light);
}
.main-footer__nav a:hover {
  color: var(--secondary);
}