/*
Theme Name: FitFlex
Theme URI: https://randomsite.com/fitflex-theme/
Template: vibe-template
Author: CodeRanger
Author URI: https://randomsite.com
Description: FitFlex is a modern WordPress theme ideal for gyms, fitness centers, and wellness blogs. It offers a range of customizable layouts and integrates seamlessly with popular plugins like Elementor, WooCommerce, and Yoast SEO. With a responsive design, advanced typography, sticky menus, and an intuitive interface, FitFlex ensures your website stands out on any device.
Version: 1.2.5
Tested up to: 6.0
Requires PHP: 7.2
License: MIT License
License URI: https://opensource.org/licenses/MIT
Text Domain: fitflex
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
*/

/*--------------------------------------------------
=>> Body Custom Background CSS
--------------------------------------------------*/

body.custom-background .fit-bg-dark,
body.custom-background .fit-bg-light {
    background-color: transparent !important;
}

body.custom-background .fit-bg-gradient {
    background: transparent !important;
}

/*--------------------------------------------------
=>> Theme Page Header
--------------------------------------------------*/

.theme-page-header {
    padding: 10rem 0 5rem 0;
}
.theme-page-header .overlay {
    background-color: rgba(0, 0, 0, 0.65);
}

/*--------------------------------------------------
=>> Classic Header
--------------------------------------------------*/

.classic-header .site-header {
    background: transparent;
}

/*--------------------------------------------------
=>> Theme Slider Area
--------------------------------------------------*/

.theme-slider .title-large {
    color: #ffffff;
}
.theme-slider .description {
    color: #ffffff;
}
.fit-bg-gradient {
    background: rgb(250,250,250);
    background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 50%, rgba(250,250,250,1) 100%);
}
.theme-slider .overlay {
    background-color: rgba(0, 0, 0, 0.55);
}

/*--------------------------------------------------
=>> Theme CTA Section
--------------------------------------------------*/

.theme-cta h3 {
    color: #ffffff;
}

/*--------------------------------------------------
=>> Theme Testimonial Area
--------------------------------------------------*/

.theme-testimonial.modern {
    background-image: none;
}
.theme-testimonial-block.modern {
    background-color: transparent;
    position: relative;
    font-size: 1rem;
    transition: all 0.5s;
    text-align: left;
    padding: 1rem;
    margin: 0 0 2rem;
    border: none;
}
.theme-testimonial-block.modern:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
}
.theme-testimonial-block.modern::after {
    display: none;
}
@media (min-width: 992px) {
    .testimonial-content.modern {
        width: 100%;
        margin: 0;
    }
}
.testimonial-content.modern {
    position: relative;
    margin: 0 0 1.5rem;
    padding: 2rem;
    border: none;
    transition: all 0.5s;
    border-radius: 3px;
    font-size: 1rem;
}
.testimonial-content.modern p {
    color: #fff;
}
.testimonial-content.modern:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    border-style: solid;
    border-width: 15px;
    border-color: #1a73e8 transparent transparent #1a73e8;
}
.testimonial-content.modern:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.theme-testimonial-block.modern .thumbnail {
    margin: 0 1.25rem 0 0;
    width: 3.75rem;
    height: 3.75rem;
}
.theme-testimonial-block.modern .thumbnail img {
    margin: 0.125rem;
}
.theme-testimonial-block.modern .name {
    font-size: 1.125rem;
}
.theme-testimonial.modern .owl-dots .owl-dot.active span {
    border: 2px solid #ffffff;
}

/*--------------------------------------------------
=>> Theme Blog Area - List View
--------------------------------------------------*/

.theme-blog.list-view .post {
    border: none;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}
.theme-blog.list-view .post-thumbnail {
    width: 14rem;
    margin: 0 1.5rem 0 0;
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.55);
}

@media (min-width: 1200px) {
    .theme-blog.list-view .post-thumbnail {
        width: 18rem;
    }
}
@media (max-width: 500px) {
    .theme-blog.list-view .post {
        display: block;
        align-items: normal;
    }
    .theme-blog.list-view .post-thumbnail {
        width: 100%;
        margin: 0 0 1.25rem;
    }
}