/*!
Theme Name: Massage Therapy
Theme URI: https://www.revolutionwp.com/products/massage-therapy
Author: revolutionwp
Author URI: https://www.revolutionwp.com/
Description: Massage therapy is a holistic healing practice that focuses on relieving physical tension, reducing stress, and improving overall well-being through skilled touch. Performed by a trained Massage Therapist, this therapy uses various techniques to stimulate muscles, improve blood circulation, and promote relaxation. It is widely offered in a Wellness Center, Beauty Salon, or luxury spa, making it a multipurpose service suitable for people seeking both therapeutic relief and indulgent self-care. A modern massage therapy experience is often minimal, elegant, and sophisticated, creating a clean and Luxurious environment that instantly calms the senses. Many Spa Owners collaborate with professionals such as Physiotherapists, Chiropractors, Acupuncturists, and Reflexologists to deliver integrated care. This approach allows a Holistic Health Practitioner to address physical discomfort, emotional balance, and energy flow in one seamless experience. From a digital perspective, massage therapy services are often presented through beautiful, responsive, and mobile friendly websites. These platforms are Retina ready, user-friendly, and built with optimized codes for faster page load time. A skilled Developer ensures clean code, secure and clean code, and a bootstrap framework that supports Customization Options, shortcodes, and personalization options. Features like an engaging Banner, animated and interactive sections, a Team showcase, and a testimonial section help build trust and credibility. Additionally, social media integration, translation ready support, and Agency friendly design make these platforms truly modern and stunning. A clear Call to Action Button (CTA) encourages bookings, making massage therapy not only a healing practice but also a professionally presented, wellness-focused service that appeals to a global audience.
Version: 0.1
Requires at least: 5.5
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Prefer License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: massage-therapy
Template: massage-wellness-retreat
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, full-width-template, wide-blocks, editor-style, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, e-commerce, education

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

:root {
    --primary-color: #136B32;
    --secondary-color: #000;
    --body-font: "Montserrat", sans-serif;
    padding: 0;
}
body {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
    word-wrap: break-word;
}
a{
    text-decoration: none;
    color: var(--primary-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cormorant", serif;
    font-weight: 600;
    clear: both;
    word-wrap: break-word;
}
.site-branding .site-title a{
    font-family: "Cormorant", serif;
    font-size: 40px;
}
.header-menu-box .flex-row{
    border-bottom: 1px solid #ccc;
}
.header-menu-box .container-fuild,
#slider .container-fuild{
    padding: 0 25px;
}
.page-template-front-page .search-block form.search-form{
    border: 1px solid #fff;
}
.top-head{
    margin: 0 25px;
}
.top-head p{
    background-color: var(--primary-color);
}
.header-details i, .search-block form.search-form,
.main-navigation ul#primary-menu li.current-menu-item a, .main-navigation ul#primary-menu li.current_page_item a{
    border: 1px solid #000;
}
.site-header a.viewall-btn i, .main-navigation ul#primary-menu>li>a, .main-navigation div#primary-menu>ul>li>a, .page-template-revolution-home .main-navigation ul#primary-menu>li>a, .page-template-revolution-home .main-navigation div#primary-menu>ul>li>a{
    color: #000;
}
.nav-menu-header-center{
    background: none;
}
.search-block .search-form input::placeholder {
  color: #000; /* Change to your desired color */
}
a.viewall-btn i:hover, .main-navigation ul#primary-menu>li>a:hover, .main-navigation div#primary-menu>ul>li>a:hover{
    color: var(--primary-color);
}
.search-block [type="submit"] {
  padding: 5px 12px;
  background: url(revolution/assets/images/search.png) no-repeat scroll 0 5px;
  font-size: 13px;
  text-align: center;
  text-indent: -9999px;
  border: none;
}
.search-block {
    width: 50%;
    justify-content: end;
    display: flex;
}
.search-block form.search-form{
    width: 92%;
}
.main-navigation{
    justify-content: left;
}
.header-details, .search-block {
    margin-left: 22px;
}
.header-details i{
    width: 42px;
    height: 40px;
}
.header-details i:hover{
    color: #fff;
}
.nav-menu-header-center{
    padding: 10px 20px;
}
.main-navigation ul#primary-menu>li>a, .main-navigation div#primary-menu>ul>li>a{
    margin: 5px 0;
}
.page-template-revolution-home .main-navigation ul#primary-menu>li>a:hover, .page-template-revolution-home.main-navigation div#primary-menu>ul>li>a:hover{
    color: var(--primary-color);
}
#slider .slider-carousel .image-overlay{
    background: rgb(19 107 50 / 50%);
}
#main-expert-wrap h3 a{
    color: var(--primary-color);
}
#main-expert-wrap h3 a:hover{
    color: #000;
}
#main-expert-wrap h2{
    color: var(--primary-color);
    font-size: 35px;
}
.tagcloud a, p.wp-block-tag-cloud a, .post_tag a{
    border: 1px solid #fff;
}
.page-template-revolution-home .main-navigation li.menu-item-has-children:after, .page-template-revolution-home .main-navigation li.page_item_has_children:after{
    color: #000;
}
.main-slider-button{
    margin-top: 2em;
}
.main-slider-button a{
    padding: 10px 40px;
    color: #fff;
    border-radius: 0;
}
.main-slider-button a:hover{
    color: #fff;
}
#slider .slide_text{
    line-height: 1.7;
}
.card-item a.read-btn,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, .woocommerce span.onsale, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt, .woocommerce .cart .button, .woocommerce .cart input.button, .wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
    border-radius: 0;
    text-transform: capitalize !important;
}
@media screen and (max-width: 1000px){
    .main-slider-button a{
        padding: 6px 18px;
    }
  button.menu-toggle{
    background: var(--primary-color);
    color: #fff;
  }
  .main-navigation ul#primary-menu li.current-menu-item a, 
  .main-navigation ul#primary-menu li.current_page_item a{
    border: none;
  }
  #slider .arrow{
    right: 11%;
  }
}
@media screen and (max-width: 767px){
    .search-block{
        width: 100%;
    }
    .header-details, .search-block{
        margin-left: 0;
    }
    .search-block{
        justify-content: center;
    }
}
@media screen and (min-width: 767px) and (max-width: 999px){
    .search-block{
        width: 60%;
    }
}