/*
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.7.1779195409
Updated: 2026-05-19 12:56:49

*/
/* Tailwind bg-color override in case the parent theme enforces a white background */
body.bg-brand-light {
    background-color: #f7fafc !important;
}

/* Prevent horizontal scrollbars caused by AOS animations */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;

}

html {
    overflow-y: auto !important;
    height: auto !important;
    /* REMOVE the old: scrollbar-gutter: stable; */
}

body {
    overflow-y: auto !important;  /* Accept auto — you can't fight the browser here */
    height: auto !important;
    position: relative;
}

/* Hero Overlay - Brightened Version */
.hero-overlay {
    background: linear-gradient(to bottom, rgba(26, 32, 44, 0.1) 0%, rgba(26, 32, 44, 0.4) 100%);
}

/* Ensures the Elementor HTML widget doesn't add unwanted margins/padding */
.elementor-widget-html {
    padding: 0 !important;
    margin: 0 !important;
}


/* Container Spacing & Layout */
selector {
    padding: 80px 0;
    background-color: #f7fafc;
    overflow: hidden;
}

selector .max-w-7xl {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
}

selector .grid {
    display: grid;
    gap: 64px;
    align-items: center;
}

@media (min-width: 1024px) {
    selector .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Typography & Content */
selector .text-brand-gold { color: #c5a059; }
selector .text-brand-dark { color: #1a202c; }

selector .uppercase { text-transform: uppercase; }
selector .tracking-widest { letter-spacing: 0.1em; }

selector h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 24px;
}

selector p {
    color: #4a5568;
    line-height: 1.6;
    margin-bottom: 24px;
}

/* List Items */
selector ul { list-style: none; padding: 0; margin-bottom: 32px; }
selector ul li { display: flex; align-items: center; margin-bottom: 12px; color: #374151; }
selector ul li span { margin-right: 12px; }

/* Image & Badge Styling */
selector img {
    border-radius: 8px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    width: 100%;
    object-fit: cover;
}

selector .relative { position: relative; }

selector .absolute {
    position: absolute;
    bottom: -24px;
    left: -24px;
    background-color: #1a202c;
    color: white;
    padding: 24px;
    border-radius: 2px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    display: none;
}

@media (min-width: 768px) {
    selector .absolute { display: block; }
}


selector .absolute p:first-child { font-size: 0.875rem; margin-bottom: 4px; }
selector .absolute p:last-child { font-family: 'Playfair Display', serif; font-size: 1.5rem; margin: 0; }