/*Provider Search CSS*/



/* hide scrollbar but allow scrolling */
body {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
}

body::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

/* hide scrollbar but allow scrolling */
div {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */

}

div::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}



.page-id-7 .container {
    max-width: 100%;
    padding: 0;
}

.page-id-7 .container-wrap {
    padding: 0;
}

.page-id-7 .container-wrap {
    background-color: #f5f5f5;
}

.container-providers__outer {
    display: flex;
    margin-bottom: 0!important;

}

.container-providers--left {
    width: 55%;
    padding: 0% 0%;
    border: 0px solid #ececec;
    background-color: #f5f5f5;
}


.container-providers--right {
    width: 45%;
    position: fixed;
    background-color: #78a7ea;
    overflow: hidden;
        left: auto;
    right: 0;
    height: 100vw;
}

.search-loop--search {
    margin-top: 0;
}

.facetwp-facet-provider_search .facetwp-input-wrap {
    width: 100%;
    background-color: rgb(255 255 255 / 67%);
    display: flex;
align-items: center;
}

input.facetwp-search {
    font-weight: 700;
  }

  h3.providers-loop--title {
    font-weight: 700!important;
        text-transform: none!important;
        line-height: 20px!important;
        /* font-style: italic; */
        font-size: 15px!important;
        margin-bottom: 0!important;
        max-width: 600px;
  }

  .loop-cta--button {
      display: inline-block;
      background-color: #eee;
      padding: 10px 15px!important;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 11px;
      margin: 0;
      margin-right: 0;
      border: none;
      font-family: 'Montserrat';
      font-weight: 700;
  }

  .listing-content {
      /* min-height: 80px; */
      width: 80%;
  }

  .providers-loop--cta {

      width: 20%;
      display: flex;
      justify-content: flex-end;
  }

.btn--view-map {
    background-color: #ffffff;
    border: 1px solid #eee;
}



.providers-loop--info {
    font-size: 11px;
}

.info-line__title {
    font-weight: 700;
    text-transform: uppercase;
}



.modal-content h3 {
    text-transform: none!important;
    font-size: 22px!important;
    line-height: 28px!important;
}

.text-weight__400 {
  font-weight: 400;
}



div#providerWrap {
    border-top: 1px solid #ececec;
        padding-top: 87px;
}

.info-modal--secondary {
    border-left: 2px solid #a28dff;
    padding-left: 8px;
    margin-top: 10px;
}

.info-modal--content .modal-info--line {
    font-weight: 400;
    font-size: 12px;
}

.info-modal--content .modal-info--line {
    margin-top: 14px;
    line-height: 20px;
}
.info-modal--content {
    /* background-color: #f5f5f5; */
    /* padding: 10px; */
    border-top: 0px solid #eee;
    margin-top: 40px;
}
.modal-content h3 {
    margin-bottom: 30px!important;
}

button.facetwp-map-filtering {
    display: none!important;
}

div#facetwp-map {
  height: 1200px!important;

  flex-shrink: 0;
}

.facetwp-facet.facetwp-facet-provider_map.facetwp-type-map {
    margin-bottom: 0!important;
}

.wrap-providers--loop {
    background-color: #f5f5f5;
    padding: 1% 5%;
    border-radius: 0;
}

.providers-loop--single {
    padding: 2% 0%;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 0px solid #ededed;
    display: flex;
align-items: center;
    border-bottom: 0px solid #e2e2e2;
    padding: 30px 40px;
    border: 1px solid #eee;
    transition: all 0.2s ease;
}

.providers-loop--single:hover {
    border: 1px solid #6fe1cf;
}

.btn--view-details {
    background-color: #ffffff;
    border: 1px solid #eee;
    transition: all 0.2s ease;
}

.providers-loop--single:hover  .btn--view-details {
    border: 1px solid #fff;

}

.provider-arrow i {
    font-size: 13px;
    margin: 0;
    padding: 0;
    height: 12px;
    transform: translate(0, 0);
  }

  .provider-arrow {
      opacity: 0;
      width: 0;
          display: inline-block;
      transform: translate(0, 0);
      transition: all 0.2s ease;
    }

  .providers-loop--single:hover .provider-arrow {
        opacity: 1;
        transform: translate(10px, 0);
      }

.noticerow {
display: inline-block;
}

input.facetwp-location {
    background-color: #fff;
}

span.telehealth-notice {
    margin-right: 10px;
    font-weight: 700;
    color: #303030;
    font-size: 11px;
}

i.fa-solid.fa-check.thealth {
    color: #6fe1cf;
    height: 20px;
    margin-right: 4px;
}

.search-lopp--top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #ededed;
    position: fixed;
    width: 100%;
    background-color: #fff;
    height: 90px;
    z-index: 9999999999;
}

.searchfilter-wrap {
    margin-top: 0;

}

.telehealth-wrap {
    display: flex;
    align-items: center;
}

.facetwp-facet.facetwp-facet-provider_telehealth.facetwp-type-checkboxes {
    margin-bottom: 0;
}

.facetwp-facet.facetwp-facet-provider_distance.facetwp-type-proximity {
    display: flex;
    align-content: center;
}

.facetwp-facet.facetwp-facet-provider_distance.facetwp-type-proximity .facetwp-input-wrap {
    width: 100%;
    margin-right: 0%;
}

select.facetwp-radius.facetwp-radius-dropdown {
    width: 25%;
}


.facetwp-radius-wrap input {
    width: 100%;

}

border-color: #6fe1cf;
box-shadow: 0 0 10px rgba(0,0,0,.11);
.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
    border-radius: 4px!important;
    background-color: #fff;
    border: 1px solid #eee;
    font-weight: 700;
    font-size: 14px;
}

.wrap-locationfilter {
    display: flex;
}

.filter-l {
    width: 100%;
    margin-right: 0%;
}

.filter-r {
    width: 0;
}

a.facetwp-toggle {
    color: #303030;
    background-color: #d2d4da;
    font-style: normal;
    /* border: 1px solid #000; */
    padding: 2px 10px;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
}

select.facetwp-radius.facetwp-radius-dropdown {
    width: 25%;
    border-radius: 4px;
    margin-left: 3px;
    background-color: #fff;
border: 1px solid #eee;
font-weight: 700;
font-size: 14px;
}

.facetwp-display-value {
    padding-right: 5px;
    color: #303030;
    font-weight: 400;
    font-style: normal;
}

.telehealth-left {
    color: #303030;
    font-style: normal;
}

select.facetwp-dropdown {
    background-color: #fff;
    border: 1px solid #eee;
    height: 46px;
    font-weight: 700;
    color: #303030;
  }

span.info-line__text {
    color: #303030;
}

.search-lopp--top {
    margin: 0!important;
}

.search-loop--header h2 {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -1.5px;
}

.search-loop--header {
  padding: 0% 3%;
      width: 50%;
}

.search-loop--search {
  padding: 0% 5%;
      width: 50%;

}

.facetwp-icon {
    right: 6px!important;
    height: 80%!important;
    opacity: 1!important;
}

span.facetwp-input-wrap {
    display: flex;
    align-items: center;
}

.facetwp-radius-wrap {
    display: flex;
    align-items: center;
        width: 40%;
}

.facetwp-radius-label {
    width: 100px;
    padding-left: 10px;

}

span.facetwp-radius-dist {
    font-weight: 700;
    font-size: 15px;
}

span.facetwp-radius-unit {
    font-size: 13px;
}

i.facetwp-icon {
    background-color: #86b8ff;
    padding: 5px 20px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 12%);
    border-radius: 3px;
    color: #fff!important;
}



.providers-loop--single.is-active {
    background-color: #98c1fd;
}

.gm-style .gm-style-iw-c {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translate(-50%,-100%);
    background-color: white;
    border-radius: 0;
    padding: 20px!important;

  }

  .marker-title {
      font-weight: 700;
      font-size: 13px;
      color: #303030;
      /* font-style: italic; */
      margin-bottom: 14px;
  }

  span.map-marker__ficon {
    width: 20px;
        height: 20px;
        display: inline-block;
        padding: 1px;
        font-size: 12px;
        text-align: center;
        color: #a28dff;
        margin-right: 3px;
}

.marker-info--line {
    margin-bottom: 3px;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

button {

  cursor: pointer;
}


span.info-line__ficon i {
    color: #ffffff;
    font-size: 16px;
    padding: 4px;
    background-color: #a28dff;
    width: 30px;
    height: 30px;
    margin-bottom: 4px;
    margin-right: 10px;
}

.modal-info--line {
    font-size: 14px;
    font-weight: 700;
}

/* Modals */
.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: flex-start;
  z-index: 1000;
  overflow: auto;
  background-color: rgba(0,0,0,0.7);
}
.modal.modal-show {
  animation: fadeIn 0.1s ease-in-out forwards;
}
.modal.modal-hide {
  animation: fadeOut 0.1s ease-in-out 0.1s forwards;
}
.modal-content {
    position: relative;
    background-color: #ffffff;
    margin: 0;
    padding: 3%;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    left: 0;
    bottom: -50px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.modal.modal-show .modal-content {
  animation: fadeInDown 0.3s ease-in-out forwards;
}
.modal.modal-hide .modal-content {
  animation: fadeOutUp 0.2s ease-in-out forwards;
}
.modal-content h1 {
  text-align: center;
  margin-bottom: 2rem;
}
.modal-content p {
  margin: 1rem 0;
  line-height: 1.5rem;
}
.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 1.75rem;
  font-weight: bold;
  padding: 9px 25px;
      color: rgb(162 141 255);
  cursor: pointer;
  user-select: none;
  background-color: #303030;
}
.modal-close:hover, .modal-close:focus {
  color: rgba(111 225 207,0.5);
}



.modal {
      justify-content: flex-start;
  align-items: flex-end;
  background-color: transparent;
  overflow: hidden;
}
.modal.modal-show {
  animation: none;
}
.modal.modal-hide {
  animation: none;
}
.modal.modal-show .modal-content {
  animation: fadeInUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.modal.modal-hide .modal-content {
  animation: fadeOutDown 0.2s ease-in-out forwards;
}


.facetwp-facet-provider_telehealth .facetwp-display-value {
    display: none;
}

.facetwp-facet-provider_insurance .facetwp-display-value {
  display: none;
}

.facetwp-facet-provider_in_person .facetwp-display-value {
  display: none;
}

.facetwp-facet-provider_immediatecare .facetwp-display-value {
  display: none;
}

.facetwp-facet-provider_telehealth .facetwp-checkbox {
    height: 20px;
    width: 20px;
}

.facetwp-facet-provider_insurance .facetwp-checkbox {
    height: 20px;
    width: 20px;
}

.facetwp-facet-provider_in_person .facetwp-checkbox {
    height: 20px;
    width: 20px;
}

.facetwp-facet-provider_immediatecare .facetwp-checkbox {
    height: 20px;
    width: 20px;
}

.facetwp-facet-provider_telehealth .facetwp-counter {
    display: none;
}

.facetwp-facet-provider_telehealth .facetwp-checkbox {
    height: 20px;
    width: 20px;
}

.telehealth-left {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
}

.facetwp-facet {
  margin-bottom: 0px!important;
}

.facetwp-facet.facetwp-facet-provider_problems.facetwp-type-dropdown {
    margin-bottom: 0!important;
}
.facetwp-facet.facetwp-facet-provider_search.facetwp-type-search {
    margin-bottom: 0!important;
}

.specialtfwrap {
  background-color: #f5f5f5;
    padding: 20px 20px 10px 20px;
    border-radius: 6px;
}


.wrap-servicefilter {
  background-color: #f5f5f5;
  padding: 20px 20px 20px 20px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.telehealth-wrap .facetwp-type-checkboxes {
    margin-bottom: 8px!important;
}

button.btn3 {
    background-color: rgb(255 255 255 / 0%);
    border: 0;
    font-family: 'Montserrat';
    color: #46bcec;
    color: #303030;
    font-weight: 700;
}

button.btn3 {
    background-color: rgb(255 255 255 / 0%);
    border: 0;
    font-family: 'Montserrat';
    color: #46bcec;
        color: #adadad;
    font-weight: 700;
}

button.btn3 i {
    font-size: 18px;
    height: 15px;
    color: #86b8ff;
    margin-right: 6px;
}

.post-distance {
    font-weight: 700;
    color: #a18cff;
    display: inline-block;

}
span.distname {
    margin-right: 20px;
}
.search-loop--header {
    display: flex;
    align-items: center;
}
.searchlogo {
    width: 80px;
    margin-top: 0;
}

.searchcta {
  margin-left: 20px;
}

.facetwp-facet.facetwp-facet-provider_services.facetwp-type-checkboxes {
    display: flex;
    flex-wrap: wrap;
}

.facetwp-checkbox {
    width: 50%;
    font-size: 13px;
}

.facetwp-counter {
    display: none;
}

i.facetwp-icon.locate-me {
    background-color: #0000;
    box-shadow: none;
    padding: 5px;
}

.telehealth-wrap {
    display: flex;
        align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.facetwp-checkbox {
    background: url(https://steelblue-gorilla-365113.hostingersite.com/wp-content/themes/salient-child/assets/img/facetwp/unchecked.svg) 0 50% no-repeat!important;
        background-size: 20px 20px!IMPORTANT;
        padding-left: 30px!IMPORTANT;

  }

  .facetwp-checkbox.checked {
    background-image: url(https://steelblue-gorilla-365113.hostingersite.com/wp-content/themes/salient-child/assets/img/facetwp/checked.svg)!important;
        background-size: 20px 20px!IMPORTANT;
        padding-left: 30px!IMPORTANT;
}

.results-count {
    position: relative;
      padding: 0 5% 20px 5%;
    font-size: 13px;
    background-color: #ffffff;
    font-weight: 700;
    font-style: italic;
    color: #adadad;
    align-items: center;
    z-index: 99999;
    position: relative;
    margin-bottom: 80px;
    border-bottom: 1px solid #eee;
}

.donate-container {
    margin-bottom: 20px;
}

.searchfilter-wrap {
  padding-top: 0px;
}

.location-results {
    position: absolute;
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    overflow: hidden;
    width: 100%;
    top: 42px;
    z-index: 9999999!important;
}

.facetwp-facet.facetwp-facet-results_count.facetwp-type-pager {
  margin-bottom: 0!important;
    float: right;
}

button.facetwp-load-more {
  padding: 16px 20px;
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  background-color: #86b8ff;
  border: 0px solid #eee;
  width: 100%;
}

  .wrap-providers--loop {
    margin-top: -80px;
}

.facetwp-facet.facetwp-facet-load_more.facetwp-type-pager {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0px!important;
}

.wrap-providers--loop {

    margin-top: -70px;

    z-index: 9999;
    position: relative;
}

.facetwp-overflow {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.primary-filter-wrap {
  padding: 2% 5%;
  background-color: #ffffff;
}

.pf-inner.pf-distance {
  margin-top: 10px;
}

.fs-wrap {
  width: 100%!important;
  z-index: 99999999;
}

.fs-label-wrap {
  background-color: #fff;
  border: 1px solid #eee!important;
  height: 46px;
  font-weight: 700;
  color: #303030;
  border-radius: 4px!important;
}

.fs-arrow {
  right: 13px!important;
}

.fs-label-wrap .fs-label {
  padding: 13px 22px 6px 10px!important;
}

@media only screen and (max-width : 1250px) {
.noticerow {
    display: flex;
    flex-direction: column;
}
}

@media only screen and (max-width : 1000px) {
  .searchfilter-wrap {
      padding-top: 0px;
  }
  .results-count {
    padding: 10px 5% 15px 5%;
  }
.container-providers__outer {
    max-height: none;
          margin-top: 60px;
}
div#providerWrap {
    max-height: none;
      padding-top: 0px;
}

.container-providers--left {
  width: 100%;
}

.modal-content {
    padding: 115px 1rem 1rem 1rem!important;
    width: 100%!important;
    left: 0;

    bottom: 0;
box-shadow: none;
}
.modal-close {
    top: 115px;
    padding: 4px 10px;
  }
  .stickybar {
    padding: 12px 16px;
  }

  .search-loop--header {
    width: 100%;
    padding: 1% 10%;
}
.search-lopp--top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: inherit;
    border-bottom: 0px solid #ededed;
  }

  .search-loop--search {
      padding: 1% 5%;
      width: 100%;
      z-index: 99999999;

  }

  .searchcta h2 {
    font-size: 18px!important;
}
.searchlogo {
    width: 68px;
    margin-top: 0;
}
.facetwp-facet.facetwp-facet-provider_services.facetwp-type-checkboxes {
    flex-direction: column;
  }
  .facetwp-checkbox {
    width: 100%;
  }
  .wrap-locationfilter {
    display: flex;
    flex-direction: column;
}
.filter-l {
    width: 100%;
    margin-right: 0%;
}
select.facetwp-radius.facetwp-radius-dropdown {
    font-size: 11px;
  }
  input.facetwp-location {
    font-size: 10px!important;
}
.filter-r {
    width: 100%;
}
.facetwp-facet.facetwp-facet-provider_problems.facetwp-type-dropdown select {
    font-size: 10px!important;
}
a.facetwp-toggle {
    font-size: 10px;
}
.telehealth-left {
    font-size: 10px;
  }
  .providers-loop--single {
    align-items: flex-start;
        flex-direction: column;
        padding: 20px 25px;
  }
  .listing-content {
    width: 100%;
    min-height: inherit;
  }
  .providers-loop--cta {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}

.container-providers--right {
    position: fixed;
    width: 100%;
    height: auto;
    top: 0;
    z-index: 99999;
    display: none;
}

.search-loop--search {
    padding: 0px 5% 17px 5%;
    width: 100%;
    background-color: #fff;
}
.search-loop--header {
  width: 100%;
  padding: 1% 5%;
}

}


@media only screen and (max-width : 600px) {
  .container-providers--left {
    width: 100%;
}
.container-providers--right {
    width: 0;
    display: none;
}
.search-lopp--top {
    display: block;
  }
  .search-loop--header {
      padding: 10px 5% 10px 5%;
      width: 100%;
  }

i.facetwp-icon {
    padding: 5px 12px;
}
.btn--view-map {
    display: none;
}

  .modal-content h3 {
    font-size: 17px!important;
    line-height: 23px!important;
}
.modal-info--line {
    font-size: 11px;
}
span.info-line__ficon i {
    color: #ffffff;
    font-size: 11px;
    padding: 1px;
    background-color: #a28dff;
    width: 22px;
    height: 23px;
    margin-bottom: 1px;
    margin-right: 5px;
}
.info-modal--content .modal-info--line {
    font-size: 9px;
}
.info-modal--content .modal-info--line {
    margin-top: 6px;
  }
  .info-modal--content {
    margin-top: 20px;
}
.sticky {
    font-size: 10px;
    line-height: 16px;
}
}


/* Animations */
@keyframes fadeInUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(-3rem);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-3rem);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Responsiveness */
@media(max-width: 992px) {
  html { font-size: 14px; }
  .modal-content { width: 80%; }
}
@media(max-width:767px) {
  html { font-size: 12px; }
  .modal-content { padding: 2rem 1rem 1rem 1rem; width: 90%; }
  .modal-content h1 { margin-bottom: 1.5rem; }
  .modal:nth-of-type(2) .modal-content { padding: 2rem 3rem; }
  .modal:nth-of-type(3) { justify-content: center; }
  .modal:nth-of-type(3) .modal-content { width: 80%; }
  .modal:nth-of-type(5) .modal-content { max-width: 85%; }
}