/*  styles for the child theme */
:root {
  --gradiant: linear-gradient(to right, #007a8b, #A8CB38, #3aAF4D, #007a8b);
  --btn-bg-color-gradient: var(--gradiant);
  --primary-color: #007a8b;
  --border-search-form-body: #007a8b;
  --bg-gradiant-nav-before-hover: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #A8CB38, #007a8b);
  --background-gradient-color-orange: linear-gradient(to right, #007a8b, #a8cb38);
  --background-gradient-primary: linear-gradient(to right, #007a8b, #A8CB38, #3aAF4D, #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: linear-gradient(to right, #007a8b, #A8CB38, #A8CB38, #007a8b);
  --color-title-event: #007a8b;
  --color-links: #007a8b;
  --primary-bg: #007a8b;
}

/*btn cookie*/
#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
  transform: translateY(-6px);
  margin-right: 10px;
  color: #4a4a4a !important;
  border: 1px solid #969696 !important;
}

.c-btn.c-preheader__special-btn{
  background: #3AAF4D !important;
}
.c-logo {
  img {
    height: auto;
  }
}

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

/**
  * Layout
  */

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

/**
  * List
  */
ul {
  li::before {
    color: var(--primary-color);
  }
}

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

ul[class].wp-block-list {
  list-style: disc;
}

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

/**--------------------------------------------------------------
  * 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: #007a8b;

  &:hover {
    color: #007a8b;
  }
}

.block-gradient,
.block-logo-overlay {
  background: linear-gradient(to right, #A8CB38 1%, #007a8b 100%);
  ;
}

/**
  * 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
  */



/**
  * 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;
        }
      }
    }
  }
}

/**
  * 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
  */
.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');
      }
    }
  }
}

/**
  * Footer
  */

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

/**
  * 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.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;
          }
        }
      }

      &[data-controls="next"] {
        &::before {
          background: url('../images/sprite/carousel-caret.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;
          }
        }
      }
    }
  }
}

.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;
  }
}

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

#blogTitle {
  font-size: 26px;
  text-transform: none;
}
.hero-video{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.c-hero__content-wrapper-video {
  width: 90%;
  margin: auto;
  max-width: 1500px;

  .row {
    align-items: center;
    justify-content: center;

    &.left {
      flex-direction: row-reverse;
    }
  }

  iframe {
    width: 100%;
    @media all and (max-width: 47em) {
    height: 241px !important;
   }
  }
}

.c-hero__embed__video {
  text-align: center;
}

.hero-video #oldHero {
   @media all and (max-width: 47em) {
    height: auto !important;
   }
   &.c-hero--small iframe {
    @media all and (min-width: 47em) {
        width: 533px;
        height: 300px;
     }
   }
}



.button-set,
#selected-topic {
  display: 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;
}

/*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;
          }
        }
      }
    }
  }
}

/**
  * 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: #3aAF4D;
              }
            }
          }
        }
      }
    }
  }
}

.documents {
  & .document {
    & .document-container {
      & .document-info {
        & .document-ctas {
          & .document-cta.border {
            &:hover {
              border-color: #3aAF4D;
            }
          }
        }
      }
    }
  }
}

/**
  * 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: #007a8b;
}

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

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

/* menu */
.hanger-header-wrapper .hanger-primary-nav .c-primary-nav__link {
      @media (min-width: 47em) and (min-width: 90em) {
        font-size: 20px;
    }
}

.c-primary-nav__item {
    @media (min-width: 70em) {
        margin-right: 1.5rem;
    }
}