/*
Theme Name: Holistic Health Coach
Theme URI: https://www.titanthemes.net/products/free-health-coach-wordpress-theme/
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Holistic Health Coach theme is a contemporary, user-friendly website template tailored for certified health coaches, wellness mentors, personal health consultants, nutrition coaches, fitness and health coaches, holistic wellness mentors, online health coaches, virtual wellness experts, and emotional wellness consultants. Whether your focus is on weight loss coaching, mindfulness training, corporate wellness programs, lifestyle transformation coaching, stress relief coaching, body-mind wellness, integrative nutrition consulting, or health transformation journeys, this theme serves as an ideal platform to showcase your expertise and services. With its clean and professional design, it enhances your online presence, captivates potential clients, and aids in the promotion of balanced living. Built with SEO optimization, rapid performance, and mobile responsiveness, the theme guarantees seamless navigation across all devices. It features a striking homepage layout, customizable sections, client testimonials, call-to-action buttons, blog sections for wellness strategies, and integrated booking forms, making it easier to attract and retain clients. Social media integration and advanced functionality are facilitated through the Contact Form 7 plugin, allowing clients to schedule consultations, send inquiries, and engage with wellness programs effortlessly. Overall, the Holistic Health Coach theme provides a visually appealing, professional, and fully functional platform for health coaches and wellness professionals to enhance their online presence and build credibility, acting as a personal mentor in their journey towards success.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 3.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: holistic-health-coach
Tags: grid-layout, one-column,  two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready, blog, photography, portfolio
*/


.product-img img {
  width: 100% !important;
  height: 350px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 59% 100%, 55% 93%, 0 93%);
  border-radius: 5px;
}
.small-image img {
  width: 100px;
  height: 50px;
  border-radius: 30px;
}
.image-box {
  position: relative;
}
.photolancer-footer-list {
  gap: 16px;
}
.icon-box {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #ffffff;
  border-radius: 5px;
  width: 40px;
  box-shadow: 0px 4px 16px 0px var(--wp--preset--color--primary)80;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0px !important;
}
.icon-box figure{
  margin: 0 auto !important;
  text-align: center;
}
.icon-box img{
  margin: 0 auto !important;
  width: 20px;
  height: 20px;
}
.icon-box .wp-block-image img {
    vertical-align: text-top;
}

.searchbox .wp-block-categories-dropdown select {
  padding: 12px 12px;
  width: 165px;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #E7E7E6;
  background: transparent;
  position: relative;
  border-right: 0px !important;
}
.wp-block-image img{
  vertical-align: unset;
}
.search-box button.wp-block-search__button.has-icon.wp-element-button {
  background: transparent;
  padding: 5px 0px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
.header-menu .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a span.wp-block-navigation-item__label:hover{
  padding: 0px;
  background: transparent;
}
.currency-box form.woocommerce-currency-switcher-form.woocs_show_flags br {
  display: none;
}
.currency-box p{
  display: none;
}
select.gt_selector.notranslate {
  background: transparent;
  border: 0px;
}
.chosen-container-single .chosen-single span{
  color: #000;
}
.woocommerce-currency-switcher-form .chosen-container-single .chosen-single div {
  background: transparent !important;
  border: 0px !important;
}
.woocommerce-currency-switcher-form .chosen-container-single .chosen-single {
  background: transparent !important;
  box-shadow: none !important;
  color: #000;
}
.search-box .wp-block-search__inside-wrapper {
  padding: 3.5px 10px 3.5px 30px;
  border-radius: 0px 8px 8px 0px;
  border: 1px solid #E7E7E6;
  border-left: 0px;
}
.header-search{
  position: relative;
}
.searchbox ::placeholder {
  opacity: 1;
  color: #6D758D;
  font-family: Figtree;
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.05em;
  text-align: left;
}
.wp-block-image.product-img img {
  vertical-align: bottom !important;
}
.price-box p span{
  color: #a7a7a7;
}
.price-box{
  margin-top: 10px !important;
  justify-content: space-between;
}
.price-box p {
  padding: 4px 0px;
}
.product-img{
  width: 100%;
}
.header-menu span.wp-block-navigation-item__label:hover {
  padding: 19px 15px;
  background: #FFDA00;
  color: #000;
}
.header-menu .menu-box {
  gap: 50px;
  padding: 0px;
}
.searchbox ::-ms-input-placeholder {
  color: red;
  }
.header-search:after {
  content: "";
  width: 2px;
  background: #E7E7E6;
  height: 25px;
  position: absolute;
  top: 9px;
  right: -15px;
}
.searchbox .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
  gap: 0px !important;
}
.homepage-header {
  padding: 0 !important;
}
.homepage-header {
  position: relative;
  width: 100%;
}
.home .homepage-header {
  padding: 0 !important;
  position: absolute;
  width: 70%;
  left: 0px;
  right: 0px;
  z-index: 999;
  margin: 0 auto;
  background: #fff;
  border-radius: 0;
}
.banner-box-2 {
  background-size: 100% 100%;
  width: 16%;
  padding: 10px 24px;
  box-shadow: 0px 4px 30px 0px #00000029;
  bottom: 7%;
  position: absolute;
  border-radius: 10px;
  right: 29%;
}
.service-heading-box{
  text-align: center;
}
.service-heading-box h6{
  position: relative;
}
.service-heading-box h6:after {
  content: "";
  position: absolute;
  width: 109px;
  bottom: -5px;
  right: 0px;
  margin: 0 auto;
  height: 5px;
  background-image: url(assets/images/Vector.png);
  left: 0px;
}
.product-content h5:after {
  content: "";
  position: absolute;
  width: 85px;
  bottom: -10px;
  left: 0px;
  border: 1px solid var(--wp--preset--color--primary);
}
.color-word{
  color: var(--wp--preset--color--primary);
  font-weight: 600 !important;
}
.banner-box-1 {
  position: absolute;
  width: 12%;
  padding: 7px 10px 0px 10px !important;
  top: 9%;
  right: 29%;
  box-shadow: 0px 4px 24px 0px #00000029;
}
.banner-box-1 .box-1row{
  gap:10px;
}
.menu-box{
  margin-top: 0 !important;
  padding: 12px 0;
}
.slider-area{
	margin: 0;
}
.wp-site-blocks{
	padding: 0 !important;
}
.toggle-icon img {
  top: -7px;
  position: relative;
}
.banner-main{
  position: relative;
}
.slider-banner {
  gap: 40px;
}
.home .main-header {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: transparent !important;
}
.slide-img {
  position: absolute;
  right: 0px;
  bottom: 6%;
}
.slider-img img{
  width: 100%;
}
.counter-box {
  border-radius: 10px;
}
.is-head-menu li a:hover {
  text-decoration: none;
}
.is-head-menu li a:hover {
  text-decoration: none;
  border-top: 2px solid var(--wp--preset--color--primary);
}

.is-head-menu li a:hover span {
  color: var(--wp--preset--color--primary);
}
.counter-box:hover {
  background-color: var(--wp--preset--color--primary) !important;
}
.counter-box:hover h3{
  color: #fff !important;
}
.slider-content {
  left: 128px;
  position: relative;
}
.search-btn{
  text-align: right !important;
}
.search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__button:hover {
  color: #000;
}
.search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__button:focus{
  color: #000;
}
.search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
  float: right;
}
.search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__button {
  background: transparent;
  padding: 0px
}
.contact-box {
  display: inline-block;
  padding: 20px 10px 15px 131px;
  width: 40%;
  position: absolute;
  border-radius: 0px 45px 45px 0px;
  left: -14%;
}
.slide-img img.wp-image-66 {
  z-index: 1;
  position: relative;
}
.slide-img {
  position: absolute;
  right: -45px;
  bottom: 6%;
}
.short-heading {
  display: inline-block;
  border-radius: 30px;
  padding: 8px 20px !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
@media screen and (max-width: 375px) {
  .main-header .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex{
    max-width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000;
  }
  .menu-box a.wp-block-navigation-item__content {
    color: #000 !important;
  }
  .menu-box .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
    padding-top: 0px;
  }
}
@media screen and (min-width: 801px) {
  .menu-box {
    padding-left: 45px;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .slider-banner{
    text-align: center;
  }
  .slider-banner .wp-block-buttons {
    justify-content: center;
  }
  .banner-box-1 .box-1row,.testimonial-box {
    gap: 10px;
    display: grid;
    grid-template-columns: auto auto !important;
  }
  .product-content h6:after{
    margin: 0 auto;
    left: 0px;
    right: 0px;
  }
  .price-box{
    justify-content: center;
  }
  .slider-banner p{
    text-align: center;
  }
  .banner-box-1 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 50% !important;
  }
  .banner-box-2 .wp-block-column.is-vertically-aligned-center{
    flex-basis: 45% !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .slider-banner{
    text-align: left !important;
  }
  .banner-img img {
    height: 425px;
  } 
  .heading-banner {
    font-size: 28px !important;
  }
  .slider-banner p{
    font-size: 12px !important;
  }
  .product-content{
    text-align: left !important;
  }
  .product-content h5 {
    font-size: 22px !important;
  }
  .head-btn {
    flex-basis: 21% !important;
  }
  .head-btn a{
    font-size: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
	.header-area .wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
		justify-content: center;
	}
  .topheader-area .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
    text-align: center;
  }
  .search-btn .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
    float: none;
    justify-content: center;
  }
  .product-content h6,.product-content h5{
    text-align: left;
  }
  .head-btn .wp-block-buttons.is-content-justification-right{
    justify-content: center;
  }
  .slider-content {
    left: 0px;
    position: relative;
  }
  .banner-box-1 .main-wrapper {
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .banner-box-1 {
    position: relative;
    width: 100%;
    right: 0px;
  }
  .product-img img{
    height: 300px !important;
  }
  .banner-img figure.wp-block-image.alignright.size-full.is-resized {
    margin-inline-start: 0em !important;
  }
  .product-box{
    padding-right: 0px !important;
  }
  .banner-box-2 {
    width: 100%;
    position: relative;
    right: 0;
    margin-bottom: 20px !important;
  }
  .contact-box p{
    text-align: left !important;
  }
  .contact-box {
    display: inline-block;
    padding: 20px 10px 15px 66px;
    width: 100%;
    position: relative;
    border-radius: 0px 45px 45px 0px;
    left: -5%;
  }
  .header-cat {
    width: 100%;
    border: 1px solid #E7E7E6;
    border-radius: 10px;
    margin-bottom: 10px !important;
  }
  .search-box .wp-block-search__inside-wrapper{
    border-radius: 8px !important;
    border: 1px solid #E7E7E6 !important;
  }
  .searchbox .wp-block-categories-dropdown select{
    border: 0px;
  }
  .header-search:after{
    display: none;
  }
  .topheader-area .social-box{
    justify-content: center !important;
  }
  .wp-block-cover, .wp-block-cover-image{
    min-height: 430px;
  }
  .header-area h5{
    text-align: center;
  }
  .meta-box,.top-text{
    justify-content: center !important;
  }
  .header-area{
    text-align: center;
  }
  .product-heading{
    text-align: center;
  }
  .header-menu .menu-box {
    gap: 10px !important;
  }
  .main-header{
    text-align: center;
  }
  .slide-btn{
    justify-content: center !important;
  }
  .about-text-box,.about-image-box {
    text-align: center;
  }
  .product-main {
    max-width: 90% !important;
    gap:40px;
  }
 
  .main-header nav{
    justify-content: center !important;
  }
  .slide-img {
    left: 0px;
    right: 0px;
  }
  .about-right {
    text-align: center;
    padding: 0px 10px
  }
  .logo-box {
    justify-content: center;
    display: flex;
  }
  .menu-box {
    justify-content: center;
    display: flex;
  }
  .slider-content {
    padding: 20px 14px;
  }
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .slider-banner {
    gap: 20px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
	.homepage-header{
	    position: static;
	    width: 100%;
	    text-align: center;
  	}
	.homepage-header .wp-header-search-social{
		justify-content: center;
	}
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
  .slider-content {
    left: 50px;
    position: relative;
  }
  .banner-box-2 {
    width: 32%;
  }
  .contact-box {
    padding: 20px 10px 15px 54px;
    width: 55%;
  }
  .banner-box-1 {
    width: 25% !important;
  }
  .searchbox .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex,.meta-box{
    gap:10px !important;
  }
  .top-bar,.header-area-box{
    max-width: 100% !important;
    gap: 10px;
  }
  .price-box ,.social-box,.has-small-icon-size{
    gap: 10px !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1720px) {
  .banner-box-2 {
    width: 23%;
  }
  .slider-content {
    left: 80px;
    position: relative;
  }
  .banner-box-1 {
    width: 16%;
  }
  .contact-box {
    padding: 20px 10px 15px 130px;
    width: 63%;
    left: -22%;
  }
}
@media screen and (min-width: 601px) and (max-width: 781px) {
  .banner-box-1 {
    width: 45% !important;
    margin: 0 auto;
    margin-bottom: 20px !important;
  }
  .product-main{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }

  .banner-box-2 {
    width: 46%;
    margin: 0 auto;
  }
  .meta-box{
    display: grid !important;
    grid-template-columns: auto auto auto !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1420px) {
  .counter-box {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .counter-box h6 {
    font-size: 11px !important;
    line-height: 22px;
  }
  .counter-box h3 {
    font-size: 30px !important;
    line-height: 40px;
  }
  .about-right h3{

  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
.topheader-area{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.topheader-area figure img{
  width: 20px !important;
}
.head-logo{
  flex-basis: 27% !important;
}
.head-logo h1 a{
    font-size: 18px !important;
    font-weight: 600 !important;
}
.searchbox{
  flex-basis: 60% !important;
}
.search-btn{
  flex-basis: 10% !important;
  margin-top: 10px !important;
}
.head-btn{
  flex-basis: 15% !important;
}
.slide-height{
  padding-top: 0px !important;
}
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  display: none;
}

/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}
.wp-block-group.news-section{
    padding-right: 0;
    padding-left: 0;
}

/* Pagination CSS */
.wp-block-query-pagination {
  margin: 40px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 6px;
  color: #fff;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: #000000;
  color: #ffffff !important;
}

@media screen and (min-width: 782px) and (max-width: 1420px) {
  .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{
    padding: 8px 10px;
  }
}