/*!
Theme Name: Wellness Therapy
Theme URI: https://www.revolutionwp.com/products/wellness-therapy
Author: revolutionwp
Author URI: https://www.revolutionwp.com/
Description: The Wellness Therapy is a multipurpose, minimal, and elegant WordPress theme designed to create a sophisticated and beautiful online presence for wellness centers, therapy clinics, spas, wellness mentors, holistic health coaches, fitness and wellness experts, personal health guides, healthy lifestyle blogs, nutrition coaching programs, body–mind balance practitioners, mindful living platforms, and personal care brands, while also supporting aromatherapy studios, massage therapy centers, acupuncture clinics, pilates studios, meditation retreat centers, ayurvedic healing centers, skincare wellness brands, herbal remedy shops, mental wellness communities, and corporate wellness programs seeking a polished digital showcase. Built with clean, secure, and optimized code, the theme ensures faster page load times and smooth navigation for every visitor. Its responsive, mobile-friendly, and retina-ready design adapts seamlessly across all devices, offering a flawless and luxurious viewing experience. With a modern aesthetic, the theme includes an eye-catching banner for highlighting key services, a testimonial section to present client feedback, and a professional Team section for showcasing experts. Strategically placed Call to Action (CTA) buttons and social media integration help boost engagement and conversions effortlessly. Developers and website owners will appreciate its extensive customization options, shortcodes, and Bootstrap-based structure, which simplify editing and provide maximum design flexibility. Interactive and animated elements bring the website to life, while translation-ready support allows global reach. Ideal for both individuals and agencies, Wellness Therapy offers personalization options for layouts, colors, and fonts to align perfectly with brand identity. With clean, SEO-friendly code and optimized performance, this theme delivers a professional, visually stunning, and user-friendly platform—ideal for wellness centers, spas, yoga studios, therapy programs, and holistic lifestyle brands looking to establish a modern, impactful online presence.
Version: 1.2.3
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: wellness-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: #446960;
    --secondary-color: #284746;
    --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;
}
.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{
    background: var(--secondary-color);
}
.search-block {
    width: 50%;
    justify-content: end;
    display: flex;
}
.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;
}
/*service section*/
#our-services-section{
    margin: 5em 0;
}
#our-services-section h2{
    text-align: center;
    font-size: 40px;
    margin: 0 0 25px;
    color: var(--primary-color);
    font-weight: 700;
}
.main-tab-col{
    text-align: center;
    margin-bottom: 20px;
}
.main-tab-col i{
    font-size: 37px;
    color: var(--primary-color);
}
#our-services-section .tab-box button{
    background: none;
    border: none;
}
.prod-box .flex-row{
    gap: 30px;
}
.prod-box{
    margin-top: 2em;
}
.tab-title{
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0;
}
.tab-box:hover .tab-title, .tab-box:hover i, #our-services-section h3 a:hover{
    color: var(--secondary-color);
}
.about-img-box{
    width: 45%;
}
.about-img-box img{
    height: 320px;
    width: 100%;
    object-fit: cover;
}
.about-content-box{
    width: 55%;
}
#our-services-section h3{
    margin: 10px 0;
    font-weight: 700;
}
#our-services-section h3 a{
    color: var(--primary-color);
    font-size: 38px;
}
#our-services-section .abt-content{
    font-size: 16px;
    margin: 0;
    color: #323030;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 10px;
}
#our-services-section .more-btn a{
    margin-top: 2em;
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
    font-weight: 500;
    padding: 10px 27px;
    font-size: 14px;
}
#our-services-section .more-btn a:hover{
    background: var(--secondary-color);
}
@media screen and (max-width: 1000px){
  
}
@media screen and (max-width: 767px){
    .search-block{
        width: 100%;
    }
    .header-details, .search-block{
        margin-left: 0;
    }
    #our-services-section .more-btn a{
        padding: 8px 18px;
        font-size: 12px;
    }
    #our-services-section .abt-content{
        font-size: 12px;
    }
    #our-services-section h2{
        font-size: 34px;
    }
    #our-services-section h3 a{
        font-size: 32px;
    }
    .tab-title{
        font-size: 14px;
    }
    .main-tab-col i{
        font-size: 30px;
    }
    .about-img-box img{
        height: 200px;
    }
    .prod-box .flex-row{
        gap: 0;
    }
    .about-img-box, .about-content-box{
        width: 100%;
    }

}
@media screen and (min-width: 767px) and (max-width: 999px){
    .search-block{
        width: 60%;
    }
   #our-services-section .more-btn a{
        padding: 8px 18px;
        font-size: 12px;
    }
    #our-services-section .abt-content{
        font-size: 11px;
    }
    #our-services-section h2{
        font-size: 32px;
    }
    #our-services-section h3 a{
        font-size: 30px;
    }
    .tab-title{
        font-size: 12px;
    }
    .main-tab-col i{
        font-size: 26px;
    }
    .about-img-box img{
        height: 300px;
    }
    .prod-box .flex-row{
        gap: 20px;
    }
}
@media screen and (min-width: 999px) and (max-width: 1024px){
    #our-services-section .more-btn a{
        padding: 8px 18px;
        font-size: 12px;
    }
    #our-services-section .abt-content{
        font-size: 11px;
    }
    #our-services-section h2{
        font-size: 32px;
    }
    #our-services-section h3 a{
        font-size: 30px;
    }
    .tab-title{
        font-size: 12px;
    }
    .main-tab-col i{
        font-size: 26px;
    }
    .about-img-box img{
        height: 300px;
    }
    .prod-box .flex-row{
        gap: 20px;
    }
    
}
@media screen and (min-width: 901px) {
   
}