/* Custom H3 CSS  Start --> */
    h3.wp-block-heading.alignfull.has-text-align-center {
        /* 	font-family: 'Playfair Display', serif; */
        /*     font-style: italic; */
        font-weight: 600;
        font-size: 2rem !important; /* Default for large screens */
        color: #333;
        text-shadow: 3px 3px 4px rgba(227, 171, 68, 0.5);
        text-align: center;
        margin-bottom: 20px;
    }

    /* Medium screens (tablets, 768px and below) */
    @media (max-width: 768px) {
        h3.wp-block-heading.alignfull.has-text-align-center {
    font-size: 2rem !important;
}
    }

    /* Small screens (phones, 480px and below) */
    @media (max-width: 480px) {
        h3.wp-block-heading.alignfull.has-text-align-center {
    font-size: 2rem !important;
}
    }

    /* Extra small screens (320px and below) */
    @media (max-width: 320px) {
       h3.wp-block-heading.alignfull.has-text-align-center {
    font-size: 2rem !important;
}
    }

    /* <-- End of H3 */

/* H6 Names under the Images Start --> */
/* Default - Laptop screens and above */
h6.wp-block-heading.has-text-align-center.has-small-font-size {
    font-size: 1.2rem !important;
}

/* Medium screens (tablets, 1024px and below) */
@media (max-width: 1024px) {
    h6.wp-block-heading.has-text-align-center.has-small-font-size {
        font-size: 1.3rem !important;
    }
}

/* Small screens (phones, 768px and below) */
@media (max-width: 768px) {
    h6.wp-block-heading.has-text-align-center.has-small-font-size {
        font-size: 1.4rem !important;
    }
}

/* Extra small screens (phones, 480px and below) */
@media (max-width: 480px) {
    h6.wp-block-heading.has-text-align-center.has-small-font-size {
        font-size: 1.6rem !important;
    }
}

/* Ultra-small screens (320px and below) */
@media (max-width: 320px) {
    h6.wp-block-heading.has-text-align-center.has-small-font-size {
        font-size: 1.7rem !important;
    }
}

/* <-- End of H6 */

/* Start of Community Name --> */
/* Default - Laptop screens and above */
h4.wp-block-heading.has-text-align-center.has-foreground-color.has-text-color.has-link-color {
    font-size: 1.2rem !important;
}

/* Medium screens (tablets, 1024px and below) */
@media (max-width: 1024px) {
    h4.wp-block-heading.has-text-align-center.has-foreground-color.has-text-color.has-link-color {
        font-size: 1.3rem !important;
    }
}

/* Small screens (phones, 768px and below) */
@media (max-width: 768px) {
    h4.wp-block-heading.has-text-align-center.has-foreground-color.has-text-color.has-link-color {
        font-size: 1.5rem !important;
    }
}

/* Extra small screens (phones, 480px and below) */
@media (max-width: 480px) {
    h4.wp-block-heading.has-text-align-center.has-foreground-color.has-text-color.has-link-color {
        font-size: 1.6rem !important;
    }
}

/* Ultra-small screens (320px and below) */
@media (max-width: 320px) {
    h4.wp-block-heading.has-text-align-center.has-foreground-color.has-text-color.has-link-color {
        font-size: 1.6rem !important;
    }
}

/* <-- End of Community Name */

    /* Carousel Width  Start --> */

    /* Desktop */
    .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
        max-width: calc(100% - 20%) !important;
        margin: 0 auto; /* Keep it centered */
    }

    /* Medium screens (Tablets - 768px and below) */
    @media (max-width: 768px) {
        .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
            max-width: calc(100% - 10%) !important; /* Allow more width */
        }
    }

    /* Small screens (Phones - 480px and below) */
    @media (max-width: 480px) {
        .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
            max-width: calc(100% - 5%) !important; /* Almost full width */
        }
    }

    /* Extra small screens (320px and below) */
    @media (max-width: 320px) {
        .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
            max-width: 100% !important; /* Full width on tiny screens */
        }
    }

    /* <-- End of Carousel CSS */

/* Center align & width for Rachel's details Start --> */
    .wp-block-media-text.alignwide.is-stacked-on-mobile.is-vertically-aligned-center.has-border-color.has-foreground-color.has-text-color.has-background.has-link-color.wp-elements-681c047dee995b1932d0a3d23655889b {
        position: relative;
        left: 49%;
        transform: translateX(-50%);
        max-width: calc(100% - 42px) !important;
    }
    
    /* Medium screens (Tablets - 768px and below) */
    @media (max-width: 768px) {
        .wp-block-media-text.alignwide.is-stacked-on-mobile.is-vertically-aligned-center.has-border-color.has-foreground-color.has-text-color.has-background.has-link-color.wp-elements-681c047dee995b1932d0a3d23655889b {
            max-width: calc(100% - 30px) !important; /* Allow more width */
        }
    }
    
    /* Small screens (Phones - 480px and below) */
    @media (max-width: 480px) {
        .wp-block-media-text.alignwide.is-stacked-on-mobile.is-vertically-aligned-center.has-border-color.has-foreground-color.has-text-color.has-background.has-link-color.wp-elements-681c047dee995b1932d0a3d23655889b {
            max-width: calc(100% - 20px) !important; /* Almost full width */
        }
    }
    
    /* Extra small screens (320px and below) */
    @media (max-width: 320px) {
        .wp-block-media-text.alignwide.is-stacked-on-mobile.is-vertically-aligned-center.has-border-color.has-foreground-color.has-text-color.has-background.has-link-color.wp-elements-681c047dee995b1932d0a3d23655889b {
            max-width: 100% !important; /* Full width for smallest screens */
        }
    }
    
    /* End of Rachel's details CSS */

/* Custom CSS for stats Start --> */
    .stats-section {
        max-width: 90% !important;
        width: 90% !important;
        margin: 0 auto; /* Center the section */
    }

    .stats-section .container-fluid {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Flexbox layout for stats */
    .stats-section .stats-container {
        display: flex;
        flex-wrap: wrap; /* Allows wrapping into multiple rows */
        justify-content: center;
        gap: 20px;
        width: 100%;
    }

    /* Card styling */
    .stats-section .stat-card {
        flex: 1 1 calc(20% - 20px); /* 5 boxes per row */
        background: #000;
        color: #fff;
        padding: 20px;
        width: 100%;
        margin: 10px 0;
        border-radius: 12px;
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .stats-section .stat-card:hover {
        color: #e3ab44;
        transform: scale(1.1);
        box-shadow: 3px 5px 13px 4px rgb(11 10 10 / 75%);
    }

    /* Stat text styles */
    .stats-section .stat-number {
        font-size: 1.3rem;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .stats-section .stat-desc {
        font-size: 0.9rem;
        letter-spacing: 1px;
        font-weight: 400;
    }

    /* Responsive Adjustments */
    @media (max-width: 1024px) {
        .stats-section .stat-card {
            flex: 1 1 calc(33.33% - 20px); /* 3 columns for tablets */
        }
    }

    @media (max-width: 768px) {
        .stats-section .stats-container {
            justify-content: center;
        }

        .stats-section .stat-card {
            flex: 1 1 calc(50% - 20px); /* 2 per row on medium screens */
        }
    }

    @media (max-width: 480px) {
        .stats-section .stat-card {
            flex: 1 1 100%; /* Stacks into single column on mobile */
        }
    }

    /* Gradient Line Styling */
    hr.card-line {
        width: 30%;
        border: none;
        height: 5px; /* Increased thickness */
        background: linear-gradient(to right, #ff6700, #007bff);
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /* <-- End of Stats Box CSS */

/* My Team Overlay Start --> */

    /* Base overlay (no default content) */
    /* Target only images inside the My Team section */

    .my-team-section .wp-block-image {
        position: relative;
        display: inline-block;
        overflow: hidden;
    }

    /* General overlay structure */
    .my-team-section .wp-block-image::after {
        content: ""; /* Remove default text */
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: height 0.4s ease-in-out, opacity 0.3s ease-in-out;
        opacity: 0;
        padding: 12px;
        
    }

    /* Hover effect My Team */
    .my-team-section .wp-block-image:hover::after {
        height: 80%;
        opacity: 1;
        font-style: italic;
        font-size: 18px !important; 
			line-height: 1.2;
			/* Ensuring hover size remains controlled */
    }

    /* Responsive Adjustments */
    @media (max-width: 1024px) {
        .my-team-section .wp-block-image::after {
            font-size: 13px; /* Slightly smaller text for tablets */
            padding: 12px;
        }
    }

    @media (max-width: 768px) {
        .my-team-section .wp-block-image::after {
            font-size: 12px; /* Smaller text for smaller tablets */
            padding: 10px;
        }
    }

    @media (max-width: 480px) {
        .my-team-section .wp-block-image::after {
            font-size: 11px; /* Smaller text for mobile */
            padding: 8px;
        }
    }

    @media (max-width: 320px) {
        .my-team-section .wp-block-image::after {
            font-size: 10px; /* Smallest text for very small screens */
            padding: 6px;
        }
    }

    /* Individual names per image */
    .my-team-section .wp-block-image.rachel-masse::after {
        content: "Chicago real estate expert with 16+ years of experience, specializing in luxury, distressed, and residential properties. A bilingual, award-winning negotiator delivering strategic value—because real estate isn’t just a transaction, it’s a strategy.";
    }

    .my-team-section .wp-block-image.andee-hausman::after {
      content: "Andee is a real estate powerhouse-bold, unforgettable, and a marketing genius who turns listings into buzz-worthy success stories. A legend in the industry, she brings unstoppable energy, sharp strategy, and a touch of humor to every deal.";
    }
    .my-team-section .wp-block-image.hope-korn::after {
      content: "Hope is a trusted real estate expert with 45+ years in Chicago’s north and northwest suburbs. A master of buyer representation, elite seller marketing, and short sales, she turns challenges into successful closings.";
    }
    .my-team-section .wp-block-image.vivian-diTommaso::after {
      content: "Vivian is a Chicago real estate powerhouse with 30+ years of expertise in luxury homes and buyer representation. A top-producing negotiator, she ensures market mastery and seamless transactions for high-achieving clients.";
    }
    
    .my-team-section .wp-block-image.elise-wishlow::after {
      content: "Elise blends marketing expertise with a passion for place, helping buyers find their ideal lifestyle fit. With sharp listing strategies, she maximizes exposure and negotiates top-dollar results for sellers.";
    }
    .my-team-section .wp-block-image.jacqui-withers::after {
      content: "Jacqui combines mortgage expertise with a sharp market perspective to deliver exceptional results. Passionate about dream homes and smart investments, she ensures every transaction is seamless and rewarding.";
    }
    .my-team-section .wp-block-image.jake-weiss::after {
      content: "Jake is a top-value broker in Chicago suburbs, specializing in luxury, residential, and distressed properties. With sharp market insight and strategic negotiation, he delivers unmatched results for buyers and sellers.";
    }
    /* <-- End of My Team Overlay */

/* Awards Carousel Extending the Width */
    
    .wpcp-carousel-wrapper.wpcp-wrapper-1024.wpcp-loaded {
        max-width: 1200px !important;
    }
    
    
    /* Community Custom CSS for Overlay Start --> */
    /* Target only images inside the My Team section */
    /* Base overlay (no default content) */
    .my-community .wp-block-image {
        position: relative;
        display: inline-block;
        overflow: hidden;
        margin: 20px;
    }
    
    /* Overlay base structure */
    .my-community .wp-block-image::after {
        content: ""; /* Default empty content */
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0%;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 15px; /* Default font size */
        font-weight: 600;
        line-height: 1.2;
        padding: 15px;
        transition: height 0.4s ease-in-out, opacity 0.3s ease-in-out;
        opacity: 0;
    }
    
    /* Hover effect */
    .my-community .wp-block-image:hover::after {
        height: 70%;
        opacity: 1;
        font-style: italic;
        font-size: 17px; /* Ensure hover size is controlled */
        padding-left: 5px;
        padding-right: 5px;
    }
    
    /* Responsive Font Sizing */
    @media (max-width: 1024px) {
        .my-community .wp-block-image::after {
            font-size: 14px; /* Slightly smaller text for tablets */
            padding: 12px;
        }
    }
    
    @media (max-width: 768px) {
        .my-community .wp-block-image::after {
            font-size: 10px; /* Smaller text for smaller tablets */
            padding: 10px;
        }
    }
    
    @media (max-width: 480px) {
        .my-community .wp-block-image::after {
            font-size: 9px; /* Smaller text for mobile */
            padding: 8px;
        }
    }
    
    @media (max-width: 320px) {
        .my-community .wp-block-image::after {
            font-size: 9px; /* Smallest text for very small screens */
            padding: 6px;
        }
    }
    
    .my-community .wp-block-image.long-grove::after {
      content: "𝗗𝗶𝘀𝗰𝗼𝘃𝗲𝗿 𝘁𝗵𝗲 𝗧𝗶𝗺𝗲𝗹𝗲𝘀𝘀 𝗕𝗲𝗮𝘂𝘁𝘆 𝗼𝗳 𝗟𝗼𝗻𝗴 𝗚𝗿𝗼𝘃𝗲, 𝗜𝗹𝗹𝗶𝗻𝗼𝗶𝘀’ 𝗙𝗶𝗿𝘀𝘁 𝗛𝗶𝘀𝘁𝗼𝗿𝗶𝗰 𝗗𝗶𝘀𝘁𝗿𝗶𝗰𝘁 - Discover the charm of Long Grove, a historic gem just 40 miles from Chicago, where cobblestone streets, scenic groves, and timeless landmarks meet modern dining, boutique shopping, and a warm community—perfect for those seeking a home with character and connection.";
    }
    .my-community .wp-block-image.chicago-il::after {
      content: "𝗖𝗵𝗶𝗰𝗮𝗴𝗼: 𝗧𝗵𝗲 𝗛𝗲𝗮𝗿𝘁 𝗼𝗳 𝗜𝗹𝗹𝗶𝗻𝗼𝗶𝘀 𝗮𝗻𝗱 𝘁𝗵𝗲 𝗠𝗶𝗱𝘄𝗲𝘀𝘁 - Chicago is a dynamic metropolis where world-class architecture, rich history, and a thriving economy meet a vibrant cultural and culinary scene. From iconic deep-dish pizza to stunning lakefront views, top universities, and championship sports, the Windy City offers an unmatched lifestyle for homebuyers seeking energy, opportunity, and community.";
    }
    .my-community .wp-block-image.buffalo-grove::after {
      content: "𝗩𝗶𝗯𝗿𝗮𝗻𝘁 𝗖𝗵𝗶𝗰𝗮𝗴𝗼 𝗦𝘂𝗯𝘂𝗿𝗯 – 𝗕𝘂𝗳𝗳𝗮𝗹𝗼 𝗚𝗿𝗼𝘃𝗲, 𝗜𝗟 - Buffalo Grove blends suburban charm with modern convenience, offering top-tier parks, vibrant dining, and a strong economy just 30 miles from downtown Chicago. With rich history, thriving businesses, and a close- knit community, it’s the perfect place to plant roots and enjoy the best of suburban living.";
    }
    .my-community .wp-block-image.lincolnshire-il::after {
      content: "𝗖𝗵𝗮𝗿𝗺𝗶𝗻𝗴 𝗖𝗵𝗶𝗰𝗮𝗴𝗼 𝗦𝘂𝗯𝘂𝗿𝗯 – 𝗟𝗶𝗻𝗰𝗼𝗹𝗻𝘀𝗵𝗶𝗿𝗲, 𝗜𝗹𝗹𝗶𝗻𝗼𝗶𝘀 - Lincolnshire offers the perfect blend of natural beauty, upscale living, and thriving business opportunities, just north of Chicago. With top-rated schools, corporate headquarters, and a rich historical legacy, this vibrant community delivers an exceptional quality of life in a scenic, well-connected setting.";
    }
    .my-community .wp-block-image.lake-forest::after {
      content: "𝗖𝗶𝘁𝘆 𝗼𝗳 𝗡𝗮𝘁𝘂𝗿𝗮𝗹 𝗕𝗲𝗮𝘂𝘁𝘆 𝗮𝗻𝗱 𝗗𝗶𝘀𝘁𝗶𝗻𝗰𝘁𝗶𝗼𝗻- 𝗟𝗮𝗸𝗲 𝗙𝗼𝗿𝗲𝘀𝘁, 𝗜𝗟 - Lake Forest is a prestigious lakeside community where history, natural beauty, and modern luxury come together. With top-rated schools, stunning architecture, and a vibrant dining scene, this \0022city in a park\0022 offers an unparalleled lifestyle for those seeking elegance, opportunity, and a deep sense of community.";
    }
    .my-community .wp-block-image.highland-park::after {
      content: "𝗣𝗿𝗲𝘀𝘁𝗶𝗴𝗶𝗼𝘂𝘀 𝗡𝗼𝗿𝘁𝗵 𝗦𝗵𝗼𝗿𝗲 𝗦𝘂𝗯𝘂𝗿𝗯- 𝗛𝗶𝗴𝗵𝗹𝗮𝗻𝗱 𝗣𝗮𝗿𝗸, 𝗜𝗹𝗹𝗶𝗻𝗼𝗶𝘀 - Highland Park, a gem on Chicago's North Shore, offers a unique blend of affluence, natural beauty, and a vibrant community. Known for its lush, park-like setting and rich history, this premier destination is perfect for those seeking upscale living, exceptional dining, and a welcoming suburban lifestyle.";
    }

    /* <-- End of My Community */

/* Menu Button color on Mobile */
    label#toggle-menu {
        background: black;
    }
    
    /* Site Link properties Custom */
    /* unvisited link */
    a:link {
      color: black !important;
    }
    
    /* visited link */
    a:visited {
      color: black !important;
    }
    
    /* mouse over link */
    a:hover {
      color: #e3ab44 !important;
    }
    
    /* selected link */
    a:active {
      color: red !important;
    }
    
    /* Footer Links */
    
    span.wp-block-navigation-item__label {
    color: white !important;
    }
    span.wp-block-navigation-item__label:hover {
    color: orange !important;
    }
    
    /* Footer Section Header */
    
    h1.wp-block-site-title a {
        color: white !important;
    }
    
    h1.wp-block-site-title a:hover {
      color: #e3ab44 !important;
    }



.wp-block-column.my-email.has-background-color.has-text-color.has-link-color.has-small-font-size.wp-elements-dd88328bdbfa0a40db49cc07722fca86.is-layout-flow.wp-container-core-column-is-layout-19.wp-block-column-is-layout-flow a {
	color: white !important;
	
}
.wp-block-column.my-email.has-background-color.has-text-color.has-link-color.has-small-font-size.wp-elements-dd88328bdbfa0a40db49cc07722fca86.is-layout-flow.wp-container-core-column-is-layout-19.wp-block-column-is-layout-flow a:hover {
	color: #e3ab44 !important;
	
}


.wp-block-column.has-small-font-size.is-layout-flow.wp-container-core-column-is-layout-4.wp-block-column-is-layout-flow a {
    color: white !important;
}

.wp-block-column.has-small-font-size.is-layout-flow.wp-container-core-column-is-layout-4.wp-block-column-is-layout-flow a:hover {
      color: #e3ab44 !important;
    }

.wp-block-column.has-small-font-size.is-layout-flow.wp-container-core-column-is-layout-8.wp-block-column-is-layout-flow a {
    color: white !important;
}
.wp-block-column.has-small-font-size.is-layout-flow.wp-container-core-column-is-layout-8.wp-block-column-is-layout-flow a:hover {
    color: #e3ab44 !important;
}

.wp-block-column.has-small-font-size.is-layout-flow.wp-container-core-column-is-layout-10.wp-block-column-is-layout-flow a {
    color: white !important;
}
.wp-block-column.has-small-font-size.is-layout-flow.wp-container-core-column-is-layout-10.wp-block-column-is-layout-flow a:hover {
    color: #e3ab44 !important;
}


/* Start Market Trends Post Images */

img.attachment-newspack-article-block-landscape-large.size-newspack-article-block-landscape-large.wp-post-image {
	border-radius: 25px
}

img.attachment-newspack-article-block-landscape-medium.size-newspack-article-block-landscape-medium.wp-post-image {
	border-radius: 25px
}

img.attachment-newspack-article-block-landscape-intermediate.size-newspack-article-block-landscape-intermediate.wp-post-image {
	border-radius: 25px
}''
/* End of Post images */