/*
Theme Name:  Listeo ChildTheme
Theme URI: http://listeo.pro
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes
Description: Directory WordPress Theme by Purethemes
Version: 1.0
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: listeo
Domain Path: /languages/
Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns
Template:  listeo
*/


.skeleton {
  pointer-events: none;
}

.skeleton-thumbnail {
  width: 100%;
  height: 180px;
  background: #ddd;
  border-radius: 8px;
  animation: pulse 1.5s infinite ease-in-out;
}

.skeleton-text {
  height: 20px;
  background: #ddd;
  margin-top: 12px;
  border-radius: 4px;
  animation: pulse 1.5s infinite ease-in-out;
}

.skeleton-text.short {
  width: 50%;
}

@keyframes pulse {
  0% {
    background-color: #eee;
  }

  50% {
    background-color: #ddd;
  }

  100% {
    background-color: #eee;
  }
}


/* Wrapper */
.listing-wrapper.grid-view .listing-item {
  display: block;
  width: 100%;
}

.listing-wrapper.grid-view .col-lg-6 {
  width: 50%;
}

.listing-wrapper.list-view .col-lg-6 {
  width: 100%;
}

.listing-wrapper.list-view .listing-item {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.listing-wrapper.list-view figure {
  width: 250px;
  margin: 0;
}

.listing-wrapper.list-view .listing-item-content {
  flex: 1;
}

/* Optional: Responsive for mobile */
@media screen and (max-width: 768px) {

  .listing-wrapper.grid-view .col-lg-6,
  .listing-wrapper.list-view .col-lg-6 {
    width: 100%;
  }
}


.listing_details_area .rating {
  width: 100% !important;
}

.listing_details_area .rating ul {

  margin-bottom: 0 !important
}



/* html,body{
	overflow-x : hidden;
} */

.clients_feedback_area .stars {
  width: 100%;
}

.send_message_area .message_box input {
  margin-bottom: 20px;
}

.widget {
  background: #fff !important;
  padding: 0px;
}

.post-content {
  padding: 0px !important;
}

.footer .footer_area_quick_menu .quicklink ul {
  gap: 0px;
}

.find-holistic .care-item {
  padding: 10px 60px;
}


.blog_news_area .meta_info span {
  font-size: 17px !important;
  font-weight: 500;
  font-family: 'Outfit';
}

.faq_section_wrapper h2 {
  font-family: 'Outfit';
}

.mc4wp-form-fields {
  display: flex;
}

.subscribe_area .input_area {
  display: flow;
}

.list-view .listing-item-hc {
  display: flex;
}


header.sticky {
  position: fixed !important;
}

#header {
  box-shadow: none;
}

/* pagination */

#pagination-wrapper {
  margin-top: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #pagination-wrapper {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  #pagination-wrapper {
    margin-top: 30px;
  }
}

#pagination-wrapper ul {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

#pagination-wrapper ul li:nth-child(1) span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: transparent;
  border: 1px solid #E4E4E4;
  border-radius: 50%;
  font-weight: 500;
  font-size: 18px;
  color: #111111;
}

#pagination-wrapper ul li:nth-child(1) span:hover {
  background-color: #00AF78;
  color: #fff;
}

#pagination-wrapper ul li:last-child a {
  color: #00AF78;
}

#pagination-wrapper a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: transparent;
  border: 1px solid #E4E4E4;
  border-radius: 50%;
  font-weight: 500;
  font-size: 18px;
  color: #111111;
}

#pagination-wrapper a:hover {
  background-color: #00AF78;
  color: #fff;
}


.listing-comment .single-comment {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

.listing-comment .single-comment .avator {
  width: 95px;
  height: 95px;
  background-color: red;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.listing-comment .single-comment .avator img {
  width: 100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  height: 100%;
  object-fit: cover;
}

.listing-comment .single-comment .comment-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: space-between;
  gap: 7px;
}

.listing-comment .single-comment .comment-content .comment-meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.listing-comment .single-comment .comment-content .name-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

.listing-comment .single-comment .comment-content .name-area strong {
  font-weight: 500;
  font-size: 18px;
  color: #111;
}

.listing-comment .single-comment .comment-content .name-area p {
  font-weight: 400;
  font-size: 17px;
  color: #646464;
}

.listing-comment .single-comment .comment-content .star {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.listing-comment .single-comment .comment-content .star span {
  font-weight: 900;
  font-size: 14px;
  color: #ffb124;
}

.listing-comment .single-comment .comment-content p {
  font-weight: 400;
  font-size: 17px;
  color: #646464;
}

/** Dashboard Sidebar **/

ul.dokan-dashboard-menu,
ul.sidebar_card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}

ul.navigation-submenu.settings {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}

.dashboard-nav ul li {
  width: 100%;
  border-radius: 8px;
}


ul.dokan-dashboard-menu a,
ul.sidebar_card a {
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 14px 22px;
  width: 100%;
  font-weight: 400;
  font-size: 17px;
  color: #111111;
  background-color: transparent;
  transition: all 0.4s ease;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
}

.dashboard-nav ul:before {
  padding: 0 !important;
  display: block;
  color: #111;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  color: #111111;
  position: relative;
  padding-right: 10px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.dashboard-nav,
.dashboard #logo {
  width: 100% !important;
  max-width: 100% !important;
}

.dashboard-nav {
  position: relative !important;
  min-height: 100% !important;
  overflow: hidden;
}

.dashboard-nav ul li a {
  color: #111 !important;
}

.dashboard-nav ul li.current_page_item,
.dashboard-nav ul li.active,
.dashboard-nav ul li:hover {
  background-color: #00AF78;
  color: #fff !important;
  border: none !important
}

.dashboard-nav ul li.current_page_item,
.dashboard-nav ul li.active,
.dashboard-nav ul li:hover a {
  color: #fff !important;
  text-decoration: none !important;
}


.dashboard-stat-icon {
  position: inherit !important;
  transform: translateY(0%) !important;
  right: 0px !important;
  top: 0 !important;
  width: 50px;
  display: block;
  height: 50px;
  line-height: 62px;
  text-align: center;
  background-color: #fff;
  color: #111111;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 18px;
}

.dashboard-stat-content {
  position: inherit !important;
  transform: translateY(0%) !important;
  left: 0px !important;
  top: 0 !important;
  width: 60%;
}

.dashboard-stat {
  display: flex;
  border-radius: 5px;
  width: 100%;
  padding: 20px 5px 20px 15px;
  background-color: #e6f7f2 !important;
  display: flex;
  flex-direction: row;
  justify-content: unset;
  align-items: center;
  gap: 10px;
}

.dashboard-stat-content h4 {
  font-size: 32px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  color: #fff;
  letter-spacing: -1px;
  font-weight: 500;
  font-size: 18px;
  color: #111111;
}

.dashboard-stat-content span {
  font-size: 18px;
  margin-top: 4px;
  line-height: 24px;
  font-weight: 400;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  color: #111111;
}

.dashboard-stat .dashboard-stat-icon svg {
  height: 35px !important;
}

a.booking-btn.booking-message.booking-btn-secondary.popup-with-zoom-anim {
  border: none;
  background-color: #00AF78;
  padding: 14px 20px;
  color: #fff;
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-weight: 400;
  font-size: 17px;
}

.booking-btn-danger {
  border: none !important;
  background-color: #d40101 !important;
  padding: 14px 20px !important;
  color: #fff !important;
  border: 1px solid #E4E4E4 !important;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  font-weight: 400 !important;
  font-size: 17px !important;
}

a.booking-btn.booking-btn-primary {
  border: none;
  background-color: #d40101;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  color: #fff;
  padding: 10px 30px;
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
}

ul#booking-requests {
  display: block !IMPORTANT;
}

a.edit-reply.edit-review.rate-review.popup-with-zoom-anim {
  padding: 12px 22px;
  border: 1px solid #E4E4E4;
  background-color: #f9f9f9;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-weight: 400;
  font-size: 17px;
  color: #111111;
}

a.button.color.listeo_core-dashboard-delete-review {
  padding: 12px 22px;
  border: 1px solid #E4E4E4;
  background-color: #f9f9f9;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-weight: 400;
  font-size: 17px;
  color: #111111;
  background-color: #d40101;
  color: #fff;
  border: 1px solid transparent;

  height: 53px;
}


.dashboard-list-box h4 {
  font-size: 24px;
}

.dashboard-nav-inner {
  max-height: 100% !important;
}

a.button.book-now.fullwidth.margin-top-5 {
  background: #00AF78;
}

span.qtyTotal {
  background: #00AF78;
}

span.services-counter {
  background: #00AF78;
}

.verified-badge {
  background-color: #00AF78;
}


.listing_details_area_hc .rating {
  width: 100%;
}

div#star-rating ul {
  padding-bottom: 0;
  margin-bottom: 0;
}

.top-sidebar-area {
  width: 100%;
}

p#owner-widget-not-logged-in {
  display: none !important;
}

.copyrights {
  display: none;
}


.login_header {
  height: 94px;
  background-color: #00af78;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  align-items: center;
  border-radius: 15px 15px 0px 0px;
}

.login_header h4 {
  font-size: 26px;
  color: #ffffff;
}

.login_register_body {
  background-image: url(https://findholisticcare.com/wp-content/uploads/2025/07/pattern.png);
  background-size: inherit;
  background-repeat: repeat;
  padding: 60px;
}

.login_register_body .nav-tabs .nav-link {
  border: 1px solid #e4e4e4;
  margin: 0 10px;
  padding: 10px 15px;
  color: #111111;
  border-radius: 5px;
}

.login_register_body .nav-tabs .nav-link.active {
  background: #00af78;
  color: #fff;
}


.login_register_body .nav-tabs {
  border-bottom: none;
  margin-bottom: 30px;
}

.login_register_wrap .tab-pane p {
  color: #111111;
  width: 80%;
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 30px;
  display: block;
}

.login_register_body input.form-control {
  height: 60px;
  border-radius: 10px;
  border: none;
  margin-bottom: 30px;
}

.login_register_body label.form-check-label {
  color: #1d2128;
  font-weight: 500;
}

.login_register_body button.btn.btn-success {
  background: #00af78;
  border: none;
  padding: 15px 23px;
  margin-top: 10px;
}

.register_tab_wrap {
  border-top: 1px solid #e4e4e4;
}

.register_tab_wrap.tab-pane.fade {
  margin-top: 30px;
}

.register_btn {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.register_btn button.btn {
  border: 1px solid #e4e4e4;
  width: 48%;
  padding: 15px 0;
}

.register_btn button.btn:hover {
  color: #fff;
  background: #00af78;
  border: 1px solid #00af78;
}

.register_btn img {
  margin-right: 5px;
  filter: grayscale(100%) brightness(0%);
}

.register_btn button.btn:hover img {
  filter: grayscale(100%) brightness(100%) hue-rotate(0deg) sepia(0%);
}

button.btn.btn_guest:hover img {
  filter: brightness(0) invert(100%);
}

/* === Flug dorpdown == */

.input-group>.intl-tel-input.allow-dropdown {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

.input-group>.intl-tel-input.allow-dropdown>.flag-container {
  z-index: 4;
}

.iti-flag {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
  }
}



.register_btn .btn.active {
  color: #fff;
  background: #00af78;
  border: 1px solid #00af78;
}

i.fa-solid.fa-heart {
  color: red;
}


@media (max-width: 992px) {
  .banner-bg {
    min-height: 900px;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  form.banner-search-container .select2 {
    width: 100% !important;
  }

  button#searchBtn {
    width: 100%;
  }

  section.inner_hero.style_1 {
    padding-top: 50px !important;
    height: 300px;
  }

  .inner_hero .heading_menu ul {
    padding-left: 0;
  }
}