/*  styles for the child theme */
:root {
  --gradiant: #3B9CAB;
  --btn-bg-color-gradient: var(--gradiant);
  --primary-color: #3B9CAB;
  --border-search-form-body: #007a8b;
  --bg-gradiant-nav-before-hover: #007a8b;
  --background-gradient-color-orange: #007a8b;
  --background-gradient-primary: #007a8b;
  --border-document-cta: #007a8b;

  --color-info-featured-clinician: #007a8b;
  --color-link-featured-clinician: #007a8b;
  --color-link-border-featured-clinician: #007a8b;
  --bg-color-gradient-link-featured-clinician: #007a8b;
  --color-title-event: #007a8b;
  --color-links: #3B9CAB;
  --primary-bg: #3B9CAB;
  --color-footer-post: #ffffff;
  --color-carousel-quotes-link: #C51F30;
  --bg-color-carousel-nav-active: #C51F30;
  --border-color-carousel: #C51F30;
  --bg-gradient-expanded-horizontal-subnav: #3B9CAB;
  --color-title-event: var(--primary-color);
  --font-family-primary: 'effra', sans-serif;
}

body {
  font-family: var(--font-family-primary);
}

/*btn cookie*/
#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
  transform: translateY(-6px);
  margin-right: 10px;
  color: #ffffff !important;
  border: 1px solid #1C75BC !important;
  background: var(--primary-bg) !important;
}

.hide-content {
  display: none !important;
}

.c-logo {
  img {
    height: auto;
  }
}

.c-logo__footer {
  margin-bottom: 1rem !important;
}

.c-preheader-wrapper {
  @media (min-width: 47em) {
    background-color: #4C5966;

    .c-preheader__link {
      color: #ffffff;
    }
  }


}

.c-header__inner.c-preheader-wrapper .c-preheader__special-btn,
.c-header__inner.c-preheader-wrapper a.c-preheader__special-btn {
  background: var(--primary-bg) !important;
  border: 0;
  margin-bottom: 0 !important;

  &:hover {
    background: #ffffff !important;
  }
}

.c-header {
  z-index: 9999;
}

.c-alert--global__link {
  background-color: #9cb92d;
}

.c-alert--global__title {
  background-color: #9cb92d;

  @media screen and (max-width: 47em) {
    width: 70%;
  }

  &::after {
    @media screen and (min-width: 47em) {
      width: 50px;
      height: 50px;
      border: 1px solid white;
      transform: rotate(45deg);
      border-bottom: 0;
      border-left: 0;
    }
  }
}

.c-footer-post {
  background: #4c5966;

  a:hover,
  a:focus {
    color: #ffffff;
  }
}

.c-social-media-footer__phone {
  @media all and (min-width: 47em) {
    display: flex;
    gap: 10px;
    margin: 0;
  }

  svg {
    height: 20px;
    width: 20px;
    position: relative;
    top: 3px;
  }
}

.c-footer-nav__link {
  text-transform: capitalize;

  @media all and (max-width: 47em) {
    font-size: 1rem;
  }
}

/**
  * Layout
  */

.block-gradient,
.block-logo-overlay {
  &.overlay {
    background-image: url(/wp-content/themes/hanger/src/images/clinic-header-overlay.png);
  }
}

.container-mobile-inverse .wp-block-columns-is-layout-flex {
  @media all and (max-width: 47em) {
    flex-direction: column-reverse;
  }
}


.wp-block-columns.horizontal-subnav p a {
    color: var(--primary-color);
}
/**
  * List
  */
ul {
  li::before {
    color: var(--color-body-text);
  }
}

.c-preheader__tel {
  color: var(--primary-color);
}

.c-primary-nav__item {
  &:nth-last-child(2) ul.c-primary-nav__childlist {
    left: -15px;
    right: 0;
  }
}

ol[class].wp-block-list li::marker {
  color: var(--color-body-text);
}

ul[class].wp-block-list,
ol[class].wp-block-list {
  padding-left: 30px;
}

.c-hero__logo_home {
  align-self: flex-start;
}

.c-btn-menu {
  &::before {
    display: none !important;
  }

  a {
    background: var(--primary-bg);
    line-height: 30px !important;
    padding: 0 28px;
    color: white;
    border-radius: 20px;
    border: 3px solid var(--primary-bg);

    &:hover {
      background: #ffffff;
      color: var(--primary-color) !important;
    }


  }
}

.hanger-button-desktop .c-btn {
  margin-bottom: 0;
  margin-right: 10px;
}

/**--------------------------------------------------------------
  * COMPONENTS
  ----------------------------------------------------------------
  */

/**
  * Breadcrumbs
  */
.c-breadcrumbs {
  >span>span:first-child>a {
    background: url('../images/sprite/home.svg') no-repeat 50% / 12px 12px;
  }
}

/**
  * Link base styles
  */
a {
  &[href$=".pdf"]:not('.c-btn') {
    background-image: url('../images/sprite/download.svg');
  }

  &[target="_blank"] {
    background-image: url('../images/sprite/external.svg');
  }
}

[href$=".pdf"][target="_blank"],
.orange-caps [href$=".pdf"][target="_blank"],
.orange-caps[href$=".pdf"][target="_blank"] {
  background-image: url('../images/sprite/download.svg');
}

.orange-caps a,
.orange-caps {
  color: var(--primary-bg);

  &:hover {
    color: var(--primary-bg);
  }
}

.block-gradient,
.block-logo-overlay {
  background: #9cb92d;
}

a.c-btn:hover span.c-btn__inner {
  color: var(--primary-color);
}

/**
  * accordion
  */

.accordion__trigger {
  &::after {
    background-image: url('../images/sprite/caret-fancy.svg');
  }
}

/**
  * carousel - quotes
  */
.c-section-carousel-quotes {
  &::before {
    background-image: url('../images/quote-blue.svg');
  }
}


/**
  * Button
  */


.c-btn,
a.c-btn,
.wp-block-file .wp-block-file__button,
.wp-block-button__link,
a.c-btn[target="_blank"]:not(.c-btn--outline) {
  box-sizing: border-box;
  border: 3px solid var(--btn-bg-color-gradient);
  /* margin-bottom: 12px; */

  &:hover,
  &:focus {
    background: white;
    color: var(--primary-color);
  }


}

.c-btn.c-btn--outline {
  border: 3px solid var(--btn-bg-color-gradient) !important;
  color: var(--btn-bg-color-gradient);
  background: transparent !important;

  &:hover {
    background: var(--btn-bg-color-gradient) !important;
    color: #ffffff !important;
    .c-btn__inner{
      color: #ffffff !important;
    }
  }
}



/**
  * Carousel
  */

.tns-controls {
  button {
    &[data-controls="prev"] {
      &::before {
        background: url('../images/sprite/carousel-arrow-button.svg') no-repeat 50% 50% / 55px auto;
      }

      &:hover {
        &::before {
          background: url('../images/sprite/carousel-arrow-button-orange.svg') no-repeat 50% 50% / 55px auto;
        }
      }
    }

    &[data-controls="next"] {
      &::before {
        background: url('../images/sprite/carousel-arrow-button.svg') no-repeat 50% 50% / 55px auto;
      }

      &:hover {
        &::before {
          background: url('../images/sprite/carousel-arrow-button-orange.svg') no-repeat 50% 50% / 55px auto;
        }
      }
    }
  }
}

.tns-lazy-img {
  opacity: 1 !important;
}

/**
  * Empowering
  */

.c-section-empowering {
  @media all and (min-width: 47em) {
    background-image: url('../images/bg-empowering.jpg'), url('../images/bg-mark.png');
  }
}

/**
  * Event
  */
.single-events .c-hero--no-background-image .c-hero__content-wrapper {
  &.leftalign {
    margin: 0;
    text-align: center;
  }
}

.event-carousel {
  & a {
    &:hover {
      .event-cta {
        color: var(--primary-color);
      }
    }
  }
}

.event-carousel {
  .border-bottom {
    background: var(--primary-bg);
  }
}

/**
  * Event carousel
  */
.event-carousel {
  a {
    &:hover {
      .event-cta {
        background: url('../images/sprite/library-search-arrow-hover-blue.svg') no-repeat 50% 50%/55px auto;
      }
    }

    .event-cta {
      background: url('../images/sprite/library-search-arrow.svg') no-repeat 50% 50%/55px auto;
    }
  }
}

#carousel-events-ow {
  .tns-controls button[data-controls="next"] {
    &:before {
      background: transparent url('../images/sprite/carousel-caret-gray.svg') no-repeat 50% 50%/67px auto;
    }

    &:hover {
      &:before {
        background: transparent url('../images/sprite/carousel-caret-orange.svg') no-repeat 50% 50%/67px auto !important;
      }
    }
  }

  .tns-controls button[data-controls="prev"] {
    &:before {
      background: url('../images/sprite/carousel-caret-gray.svg') no-repeat 50% 50%/67px auto;
    }

    &:hover {
      &:before {
        background: transparent url('../images/sprite/carousel-caret-orange.svg') no-repeat 50% 50%/67px auto !important;
      }
    }
  }
}

/**
  * Featured clinicians
  */

.featured-clinician {
  &.layout-small {
    .clinician-info {
      .featured-link {
        a {
          background: url('../images/sprite/library-search-arrow-hover.svg') no-repeat 50% 50%/55px auto;

          &:hover {
            background: url('../images/sprite/library-search-arrow-hover-blue.svg') no-repeat 50% 50%/55px auto;
          }
        }
      }
    }
  }
}

.featured-clinician.layout-small .border-bottom {
  display: none;
}

/**
  * Featured 
  */
.c-featured--noimage {
  .c-featured--img {
    background: url('../images/logo-mark-white.png') no-repeat 50% 50% / contain;
  }
}

.block-gray,
.block-white {
  .c-featured--img {
    background-image: url('../images/logo-mark.svg');
  }
}

/**
  * Feed
  */

.c-blog-subscribe {
  button.close {
    &::after {
      content: '';
      background-image: url('../images/sprite/subscribe-close.svg');
    }

    &:hover {
      &::after {
        background-image: url('../images/sprite/subscribe-close-hover.svg');
      }
    }
  }
}

.c-feed__meta {
  a {
    color: var(--primary-color);
  }
}

.c-latest-updates {
  & .latest-updates-subscribe {
    span {
      color: var(--primary-color);
    }
  }
}

/**
  * Footer
  */

.c-footer {
  &::before {
    @media all and (min-width: 47em) {
      background: url('../images/logo-mark-white.png') no-repeat 104% 50% / auto 100%;
    }
  }
}

.c-footer-nav__item {
  &:last-child {
    @media all and (min-width: 47em) {
      width: 50%;
      text-align: left;
    }
  }
}

li.c-footer-nav__item.list-inline.c-social-media {
  @media all and (max-width: 47em) {
    max-width: 87%;
    margin: auto;

    .c-footer__separator {
      display: none;
    }
  }
}

/**
  * Hero
  */
.c-hero--home,
.c-hero--inner,
.c-image-carousel .full-bleed {
  .tns-controls {
    button {
      &[data-controls="prev"] {
        &::before {
          background: transparent url('../images/sprite/carousel-caret-orange.svg') no-repeat 50% 50% / 67px auto;
        }

        &:hover {
          &::before {
            background: transparent url('../images/sprite/carousel-caret.svg') no-repeat 50% 50% / 67px auto !important;
          }
        }
      }

      &[data-controls="next"] {
        &::before {
          background: url('../images/sprite/carousel-caret-orange.svg') no-repeat 50% 50% / 67px auto;
        }

        &:hover {
          &::before {
            background: transparent url('../images/sprite/carousel-caret.svg') no-repeat 50% 50% / 67px auto !important;
          }
        }
      }
    }
  }
}

.c-hero--gradient {
  &::after {
    @media all and (min-width: 47em) {
      background: url("../images/logo-mark-white.png") no-repeat 100% 50% / contain;
    }
  }

  &.c-hero--gradient-clinician {
    &::after {
      @media all and (min-width: 47em) {
        background: url("../images/people.svg") no-repeat 100% 50% / contain;
      }
    }
  }
}

.c-hero--blog,
.c-image-carousel--blog {
  background: url("../images/accelerator-blog-hero-mobile.png") no-repeat 50% / cover;

  @media all and (min-width: 47em) {
    background-image: url("../images/accelerator-blog-hero-desktop.png");
    background-size: cover;
  }
}

.c-hero--gradient-overlay {
  @media all and (min-width: 47em) {
    max-width: 930px;
  }
}

.single .block-dark .inject-bg {
    background-position: right;
}

@media (min-width: 780px) {
  .gradiant-overlay-desktop {
    width: 45%;
  }
}

.banner-extra-big {
  padding: 0;

  @media (min-width: 47em) {
    margin-top: -3rem;
  }

  .c-hero__description {
    font-size: 1.4rem;
  }

  .banner-extra-big-image figure {
    margin: 0 !important;
  }

  .color-white-text {

    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: #ffffff;
    }
  }
}

.c-hero--inside {
  .c-hero__headline.leftAlign {
    @media (min-width: 780px) {
      max-width: 830px;
    }
  }
}

#blogHero {
  padding: 3rem 1rem 0rem 1rem;
}

#blogTitle {
  font-size: 26px;
  text-transform: none;
}


.block-gray>.l-container--md>.filter-container>.filter-content>.c-field__group>.c-field>.c-field__body>.items>.cat-item>a {
  display: none;
}

#selected-solution {
  li:hover {
    background: transparent;
  }

  li.cat-item .children {
    display: none;
  }

  li.cat-item.cat-item-4394 .children,
  li.cat-item.cat-item-4385 .children {
    display: block;
  }
}

.c-blog-subscribe {
  background: #007A8B;
}

.summaryRss,
.rssBlock {
  display: none !important;
}


.c-hero--home,
.c-hero--inner {
  & .tns-nav {
    .tns-nav-active::after {
      background-color: #C51F30;
    }
  }
}

.c-hero--home,
.c-hero--inner {
  & .tns-nav {
    button::after {
      border-color: #C51F30;
    }
  }
}

/*subcribe to blog*/
#mc_embed_signup,
.helper_text {
  background: transparent !important;
}

.modalTextBottom {
  color: white;
  margin: 20px;
}

.modalLInkBottom {
  color: #00bfff;
}

/**
  * Image carousel
  */

.c-image-carousel--gradient {
  &::after {
    @media all and (min-width: 47em) {
      background: url("../images/logo-mark-white.png") no-repeat 100% 50% / contain;
    }
  }

  &.c-image-carousel--gradient-clinician {
    &::after {
      @media all and (min-width: 47em) {
        background: url("../images/people.svg") no-repeat 100% 50% / contain;
      }
    }
  }
}

/**
  * library search
  */

.library-search {
  .clear {
    background: url('../images/sprite/clear-filters.svg') no-repeat 50% 50%/55px auto;
  }

  .library-posts {
    .view-specialists {
      &:after {
        background: url('../images/sprite/library-search-arrow.svg') no-repeat 50% 50%/55px auto;
      }

      &:hover {
        &:after {
          background: url('../images/sprite/library-search-arrow-hover.svg') no-repeat 50% 50%/55px auto;
        }
      }
    }
  }
}

/**
  * Library 
  */

.single-library {
  .c-hero__body {
    a {
      background: url('../images/sprite/library-arrow.svg') no-repeat 50% 50% / 55px auto;
    }
  }
}

.library {
  .library-quicklinks {
    .quicklink-container {
      .link-list {
        a {
          background: url('../images/sprite/quicklink-arrow.svg') no-repeat 50% 50% / 55px auto;
        }
      }
    }
  }
}

.related-library {
  .library-title {
    &::after {
      background: url('../images/sprite/carousel-arrow-button.svg') no-repeat 50% 50%/55px auto;
    }
  }
}

/**
  * Location header
  */
.c-location-header-border {
  background-image: url('../images/circle-gradient.png');
}

.single-locations {
  .c-alert--location {
    .l-container--lg {
      p {
        &::before {
          background: url('../images/sprite/alert.svg');
        }
      }
    }

    &.red {
      .l-container--lg {
        p {
          &::before {
            background: url('../images/sprite/alert-exclamation.svg');
          }
        }
      }
    }
  }
}

/**
  * Modal
 */

.close {
  &::after {
    background-image: url('/wp-content/themes/hanger/dist/images/sprite/subscribe-close.svg');
  }

  &:hover {
    &::after {
      background-image: url('/wp-content/themes/hanger/dist/images/sprite/subscribe-close-hover.svg');
    }
  }
}

/**
  * Multiple clinicians
 */
.multiple-clinicians {
  .multiple-clinician-wrapper {
    .c-clinician-list {
      .multiple-clinician-item {
        .c-clinician-list__link {
          background: url('../images/sprite/library-search-arrow-hover.svg') no-repeat 50% 50%/55px auto;

          &:hover,
          &:focus {
            background: url('../images/sprite/library-search-arrow-hover-blue.svg') no-repeat 50% 50%/55px auto;
          }
        }
      }
    }
  }
}


.single-events .multiple-clinician-item{
    @media (min-width: 70em) {
      max-width: 100% !important;
  }
}
/**
  * Pagination
 */

.page-numbers {

  &.prev,
  &.next {
    &::before {
      background: url('../images/sprite/caret-down.svg') no-repeat 50% 50% / 16px auto;
    }
  }
}

/**
  * Quote block
 */
.c-quote-block {
  &::before {
    background-image: url('../images/quote-blue.svg');
  }

  &.bg-bold {

    &::before {
      background-image: url('../images/sprite/quote-large.svg');
    }
  }
}

.quote-carousel {
  &::before {
    background-image: url('../images/quote-blue.svg');
  }

  #carousel-custom-quotes-ow {
    .tns-controls button[data-controls="next"] {
      &:before {
        background: transparent url('../images/sprite/carousel-caret-gray.svg') no-repeat 50% 50%/67px auto;
      }

      &:hover {
        &:before {
          background: transparent url('../images/sprite/carousel-caret-orange.svg') no-repeat 50% 50%/67px auto !important;
        }
      }
    }

    .tns-controls button[data-controls="prev"] {
      &:before {
        background: url('../images/sprite/carousel-caret-gray.svg') no-repeat 50% 50%/67px auto;
      }

      &:hover {
        &:before {
          background: transparent url('../images/sprite/carousel-caret-orange.svg') no-repeat 50% 50%/67px auto !important;
        }
      }
    }

  }
}

/**
  * Resource
 */

.resource-search {
  .resource-posts {
    .resource-card {
      .view-specialists {
        &:after {
          background: url('../images/sprite/library-search-arrow.svg') no-repeat 50% 50%/55px auto;
        }

        &:hover {
          &:after {
            background: url('../images/sprite/library-search-arrow-hover.svg') no-repeat 50% 50%/55px auto;
          }
        }
      }
    }
  }

  .clear {
    background: url('../images/sprite/clear-filters.svg') no-repeat 50% 50%/55px auto;
  }
}

.documents {
  & .document {
    & .document-container {
      & .document-info {
        & .document-ctas {
          & .document-cta.border {

            & a,
            & a[href$=".pdf"][target="_blank"],
            & a[target="_blank"] {
              &:hover {
                color: var(--primary-color);
              }
            }
          }
        }
      }
    }
  }
}

.documents {
  & .document {
    & .document-container {
      & .document-info {
        & .document-ctas {
          & .document-cta.border {
            &:hover {
              border-color: var(--primary-bg);
            }
          }
        }
      }
    }
  }
}

/**
  * Subnav
  */
.c-subnav--title {
  &::after {
    background: url('../images/sprite/caret-down.svg') no-repeat 50% 50% / 1rem auto;
  }
}

/**
  * Subscribe
  */
.c-featured--noimage {
  .c-featured--img {
    background: url('../images/logo-mark-white.png') no-repeat 50% 50% / contain;
  }
}

.block-gray,
.block-white {
  .c-featured--img {
    background-image: url('../images/logo-mark.svg');
  }
}

/**
  * Tabs
  */

ul.c-block-links {
  a {
    background-image: url('../images/sprite/arrow.svg');
  }
}


/**
  * Vertical photo content
  */
.c-vertical-photo {
  &.vertical-photo-quote {
    .vertical-photo-quote-content {
      .block-quote {
        &:before {
          background: url('../images/sprite/quote-large.svg') no-repeat 50% 50% / 55px auto;
        }
      }
    }
  }
}

/* MAP */
.clinic-map-title a {
  color: var(--primary-color) !important;
}

/*Team */
.learn-more-banner {
  background-color: var(--primary-bg);
}

/* Single */
.single .c-hero--no-background-image {
  text-align: center;
}

/* blog */
.c-feed__img>img {
  object-fit: contain !important;
}

@media(min-width: 768px) {
  .c-block-form__form {
    & .c-field__group {
      &.solutions {
        width: 270px !important;
      }

      &.topics {
        width: 270px !important;
      }
    }

    .c-field__body {
      width: 80%;
    }
  }

  .c-inline-form .c-block-form__form .c-field {
    &.button-set {
      width: 80%;
    }
  }
}

.archive .c-hero__item.c-hero--inside.c-hero--blog {
  background: var(--primary-bg);
}

.c-block-form__form {
    & .c-field__group {
        &.solutions {
            & .dropdown-check-list ul.items li {
                & label {
                    &:hover {
                        color: var(--primary-color);
                    }
                }
            }
        }
    }
}

.events-form{
  .c-field .c-field__body {
    width: 100%;
}
  .c-field{
    /* width: 100%; */
    @media(min-width: 47em) {
      width: 98%;
    }
  }

}

#category-filter{
   @media(max-width: 47em) {
  .c-field{
    width: 100%;
  }
  .c-field__group {
    width: 100%;
  }
}
}