/*  styles for the child theme */
:root {
  --gradiant: #C1AD5D;
  --btn-bg-color-gradient: #4C7153;
  --primary-color: #C1AD5D;
  --border-search-form-body: #4C7153;
  --bg-gradiant-nav-before-hover: #C1AD5D;
  --background-gradient-color-orange: #C1AD5D;
  --background-gradient-primary: #C1AD5D;
  --border-document-cta: #C1AD5D;

  --color-info-featured-clinician: #C1AD5D;
  --color-link-featured-clinician: #C1AD5D;
  --color-link-border-featured-clinician: #C1AD5D;
  --bg-color-gradient-link-featured-clinician: #C1AD5D;
  --color-title-event: #C1AD5D;
  --color-links: #4c7153;
  --primary-bg: #C1AD5D;
  --color-footer-post: #ffffff;
  --color-carousel-quotes-link: #4C7153;
  --bg-color-carousel-nav-active: #4C7153;
  --border-color-carousel: #4C7153;
  --bg-gradient-expanded-horizontal-subnav: #605C55;
  --color-brand-blue: #605C55;
  --color-title-event: var(--primary-color);
  --font-family-primary: 'aileron', sans-serif;
  --bg-primary-nav-before : #4C7153;
  --color-primary-nav-current: #4C7153;
}

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

}
@media (min-width: 960px) {
  body {
     padding-top: 90px;
  }
}

/*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 #4C7153 !important;
  background: #4C7153 !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;
    }
  }
}

.stuck {
    @media (min-width: 70em) {
        &.c-header {
            transform: translateY(0px);
        }
    }
}

a:focus,
a:hover {
  color: var(--primary-color);
}

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

.search-active {
  .c-btn-close {
    border: 0px;
  }
}
.c-alert--global {
    @media screen and (min-width: 47em) {
      margin-bottom: .5rem;
    }
}
.c-alert--global__link {
  background-color: #4C7153;
}

.c-alert--global__title {
  background-color: #4C7153;

  @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--phone {
    @media (min-width: 47em) {
        font-size: 16px;
        padding: 0;
        flex: none;
        margin-bottom: 0;
    }
}

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

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


#search-trigger .c-btn, #search-submit .c-btn{
   background: #4C7153;
   border-color: #4C7153;
   &:hover {
     background: #ffffff;
     color: #4C7153;
   }
}

/**
  * 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(--color-links);
}

.block-grey{
  background-color: #edf1f5;
}
/**
  * 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:  #4C7153;

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

nav.c-primary-nav, .hanger-button-mobile {
    a[target="_blank"] {
        background-image: none;
        padding-right: 0;
    }
}
.block-gradient,
.block-logo-overlay {
  background: #4C7153;
}

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

.c-carousel-quotes__img img {
    height: 100%;
}

/**
  * 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:  var(--primary-color);
    border-color: var(--primary-color);
    color: white;
  }


}

.c-btn.c-btn--outline, .c-btn.c-btn--outline-white {
  border: 3px solid white !important;
  color: white;
  background: transparent !important;

  &:hover {
    background: var(--primary-bg) !important;
    border-color: var(--primary-color) !important;
    color: white !important;

    .c-btn__inner {
      color: white !important;
    }
  }
}
.c-btn.c-btn--outline-white{
  border-color: white !important;
  color: white;
}

.c-hero--light>.c-hero__content-wrapper>.c-hero__body>.hero-btnM {
    color: #ffffff;
    border-color: #4c7153;
}



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

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

.c-hero__img {
  width: 100%;
}

.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: #605C55;
}

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


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

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

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

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

.modalLInkBottom {
  color: #C1AD5D;
}

/**
  * Image carousel
  */

.c-image-carousel--gradient {
  &::after {
    @media all and (min-width: 47em) {
      background: url("../images/logo-mark-white.svg") 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);
            }
          }
        }
      }
    }
  }
}


.documents .img-document-top .document-container .document-thumbnail {
  margin-bottom: 0;

  /* div{
    height: 250px!important;
    
  } */

  @media (min-width: 700px) {
    width: 86% !important;
  }
}
.document>.document-container>.document-thumbnail div{
  border-radius: 10px;
  display: inline-block;
  &.circle {
    border-radius: 50%;
  }
}
#select_type_product {
  @media(min-width: 47em) {
    max-width: 350px !important;
    width: 350px;
    margin-left: 20px;
  }
}

.searchTitle {
  margin-right: 22px;
  min-width: fit-content;
}

.submitButtonResources {
  margin-left: 2rem;
  max-width: 200px;
  height: auto;
  line-height: .5;
}

#clear-btn.submitButtonResources {
  margin-left: 17px;
  min-width: fit-content;
  line-height: .5;
  border-color: var(--primary-bg) !important;
  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.svg') 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: #605C55;
}

@media (min-width: 1120px) {
  .clinician-title {
    line-height: 1.2;
}
.c-clinician-list__link.orange-caps {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
}

.multiple-clinician-item{
    position: relative;
}
}
/* 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%;
    }
  }
}

.c-hero__video{
   height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.c-hero__video--youtube {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}
.c-hero__video--youtube iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;          /* 16:9 — para viewport ancho */
    min-height: 100%;
    min-width: 177.77vh;      /* 16:9 — para viewport alto */
    transform: translate(-50%, -50%);
    border: 0;
}

.ResourceT>div:nth-child(2), .ResourceT>p:nth-child(3) {
	display: block !important;
}

.block-dark.size-dinamic, 
.block-dark.size-dinamic .l-container--xxl,
.block-dark.size-dinamic .learn-more-banner,
.block-dark.size-dinamic .foreground{
  height: 100%;
}

/* Hero background video accessibility controls*/

.c-hero__item {
    position: relative;
}

.c-hero__video-control {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 5;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: background-color 0.15s ease;
}

.c-hero__video-control:hover {
    background: rgba(0, 0, 0, 0.8);
}

.c-hero__video-control:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
}

.c-hero__video-control__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
}

/* Playing state -> show pause icon (two bars) */
.c-hero__video-control__icon::before,
.c-hero__video-control__icon::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    width: 4px;
    height: 14px;
}
.c-hero__video-control__icon::before { left: 3px; }
.c-hero__video-control__icon::after { right: 3px; }

/* Paused state -> show play icon (triangle) */
.c-hero__video-control.is-paused .c-hero__video-control__icon::before {
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    background: transparent;
    border-style: solid;
    border-width: 7px 0 7px 12px;
    border-color: transparent transparent transparent #fff;
    transform: translate(-40%, -50%);
}
.c-hero__video-control.is-paused .c-hero__video-control__icon::after {
    display: none;
}

.multiple-clinicians {
    & .multiple-clinician-wrapper {
        & .c-clinician-list {
            max-height: 100%;
            overflow: inherit;
            padding-bottom: 0;
        }
    }
}

@media (min-width: 752px) {
    .hanger-button-mobile {
        display: none !important;
    }
}