/*!
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 theme is a versatile, minimalist, and elegant WordPress solution crafted to create a stunning online platform for various wellness-related entities, including spas, therapy clinics, and holistic health coaches. Designed to cater to the needs of lifestyle products like spa massage and natural health offerings, this theme supports everything from yoga studios to corporate wellness programs. Built with clean and secure code, it guarantees fast loading times and smooth navigation across all devices, ensuring a luxurious viewing experience for every visitor. The modern design features an attractive banner to showcase key services, a testimonial section for client feedback, and a professional team display to highlight experts in the field. With strategically placed Call to Action buttons and seamless social media integration, engagement and conversions can be achieved effortlessly. Developers and site owners will benefit from extensive customization options, a user-friendly structure, and interactive elements that truly bring the site to life. With SEO-friendly code and optimized performance, Wellness Therapy is the ideal choice for those in the wellness industry looking to establish a compelling online presence that resonates with their audience’s desire for holistic and healthy living.
Version: 1.2.8
Requires at least: 5.5
Tested up to: 6.9
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) {
   
}