/*!
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 mentor, holistic health coach, fitness and wellness, personal health guide, healthy lifestyle tips, nutrition coaching, body mind balance, mindful living blog, and personal care brands. Built with clean, secure, and optimized code, this theme ensures faster page load times and smooth navigation for every visitor. Its responsive and mobile-friendly design adapts seamlessly across all devices, offering a flawless viewing experience for users everywhere. Crafted with modern aesthetics and a retina-ready layout, the theme provides a luxurious visual appeal that enhances brand trust and professionalism. It includes an attractive banner section for highlighting key services, a dedicated testimonial section to showcase client feedback, and a Team section to introduce professionals elegantly. The inclusion of Call to Action (CTA) buttons and social media integration helps boost user engagement and conversions effortlessly. Developers and website owners will appreciate its customization options, shortcodes, and bootstrap-based structure that simplify editing and ensure maximum flexibility. The interactive and animated elements bring your website to life, while translation-ready support makes it suitable for global audiences. Ideal for both individuals and agencies, this agency-friendly theme comes with personalization options that let you tailor layouts, colors, and fonts to align perfectly with your brand identity. Its clean code and optimized performance contribute to enhanced SEO and a professional online presence. Whether you are building a wellness center, spa, yoga studio, or therapy website, the Wellness Therapy combines beauty, functionality, and user-friendliness to deliver a truly stunning, modern, and multipurpose WordPress experience.
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: 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) {
   
}