/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1758028799
Updated: 2025-09-16 13:19:59

*/

/* Home CSS Start */
.elementor-salespeople-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
    justify-content: center;
    margin: 0px auto;
    max-width: 1400px;
}

.elementor-salesperson-card {
    background: #fff;
    border-radius: 0;
    width: 400px;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.elementor-salesperson-image {
    background-size: cover;
    background-position: center;
    height: 450px;
    width: 100%;
}

.elementor-salesperson-box {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 70%;
    background: var(--e-global-color-secondary, #454944);
    color: var(--e-global-color-text, #fff);
    padding: 24px 20px 18px 22px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.elementor-salesperson-name {
    color: #fff;
    font-size: var(--e-global-typography-primary-font-size, 1.3rem);
    font-weight: bold;
    display: block;
}

.elementor-salesperson-title {
    color: var(--e-global-color-text, #fff);
    font-size: var(--e-global-typography-text-font-size, 1rem);
}

.elementor-salesperson-social {
    display: flex;
    gap: 10px;
    padding: 18px 24px 20px 0px;
    background: #fff;
    align-items: center;
}
.elementor-salesperson-social a:hover {
    background: var(--e-global-color-primary);
}
.elementor-salesperson-social a, 
.elementor-salesperson-social i {
    font-size: 1.3rem;
    color: var(--e-global-color-secondary, #454944);
}
.elementor-salesperson-social a:hover i {
    color: var(--e-global-color-primary, #1bbc9b);
}
.elementor-salesperson-city {
    color: var(--e-global-color-accent, #888);
    font-size: var(--e-global-typography-text-font-size, 1rem);
    font-style: italic;
}

.elementor-salesperson-social a i.fas {
    color: #fff;
    padding: 5px;
    font-size: 15px;
}
.elementor-salesperson-social a {
    background-color: var(--e-global-color-secondary);
    border-radius: 3px;
}
/* Home CSS End */

/* Responsive CSS Start */
@media (max-width: 1200px) {
    .elementor-salesperson-card { width: 90vw; max-width: 400px; }
    .elementor-salespeople-grid { gap: 22px; }
    .elementor-salesperson-image { height: 350px; }
}
@media (max-width: 800px) {
    .elementor-salespeople-grid { flex-direction: column; align-items: center; }
}
/* Responsive CSS End */