Skip to content
pestixide.com
Archives
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
/* ------------------------------------------------------------------------- CLIENT: The Ultimate Farmer (TUF) PURPOSE: Global Styles for High-Conversion & Site Consistency (Optimized) ------------------------------------------------------------------------- */ /* 0. UNIVERSAL RESET AND BASE SETUP */ *, *::before, *::after { /* Critical for predictable layout, padding and border are included in width/height */ box-sizing: border-box; } /* Set the default document font-size for accessibility and rem scaling */ body { font-size: 1rem; line-height: 1.6; } /* 1. BRAND COLORS: DEFINED AS SEMANTIC CSS VARIABLES */ :root { /* Brand Primary Palette */ --color-brand-primary: #2E8B57; /* TUF Green */ --color-text-dark: #212529; /* TUF Black */ --color-text-light: #6c757d; /* TUF Dark Gray */ --color-background-white: #FFFFFF; /* High-Contrast Conversion Palette */ --color-cta-primary: #FF6600; /* HIGH-CONTRAST ORANGE */ --color-cta-hover: #ff4d00; /* Slightly darker orange on hover */ /* Typography Variables */ --font-primary: 'Montserrat', sans-serif; --font-body: 'Inter', sans-serif; --weight-bold: 800; --weight-semi-bold: 600; --weight-body: 400; } /* 2. HIGH-CONVERSION TYPOGRAPHY STYLING */ h1 { font-family: var(--font-primary); font-weight: var(--weight-bold); line-height: 1.1; font-size: 4rem; } h2 { font-family: var(--font-body); font-weight: var(--weight-semi-bold); line-height: 1.3; font-size: 2.25rem; color: var(--color-text-dark); } p { font-family: var(--font-body); font-weight: var(--weight-body); line-height: 1.6; font-size: 1.125rem; color: var(--color-text-dark); } /* 3. CTA BUTTON COLOR OVERRIDE (CRITICAL CONVERSION FIX - Increased specificity to override Elementor default widget settings) */ .elementor-button.elementor-button { background-color: var(--color-cta-primary); color: var(--color-background-white); font-weight: var(--weight-semi-bold); transition: background-color 0.2s ease-in-out; border-radius: 6px; } /* Button Hover State */ .elementor-button.elementor-button:hover { background-color: var(--color-cta-hover); } /* 4. RESPONSIVE TYPOGRAPHY ADJUSTMENTS */ @media (max-width: 1024px) { /* Tablet Breakpoint */ h1 { font-size: 2.5rem; } h2 { font-size: 1.75rem; } p { font-size: 1.0625rem; } } @media (max-width: 767px) { /* Mobile Breakpoint */ h1 { font-size: 2rem; } h2 { font-size: 1.4rem; } p { font-size: 1rem; } } /* 5. FORM FIELD OPTIMIZATION (High-UX and Tappable - Removed !important) */ /* Targets the actual input, textarea, and select fields */ .elementor-field-textual, .elementor-field-group .elementor-select-wrapper select, .elementor-field-group textarea { font-family: var(--font-body); font-weight: var(--weight-body); font-size: 1rem; min-height: 54px; padding: 15px 20px; border: 2px solid var(--color-text-light); border-radius: 6px; } /* Field Focus State */ .elementor-field-textual:focus, .elementor-field-group .elementor-select-wrapper select:focus, .elementor-field-group textarea:focus { border-color: var(--color-brand-primary); outline: none; transition: border-color 0.2s ease-in-out; box-shadow: 0 0 0 1px var(--color-brand-primary); } /* Form Labels */ .elementor-field-label { font-family: var(--font-body); font-weight: var(--weight-semi-bold); font-size: 0.95rem; margin-bottom: 4px; color: var(--color-text-dark); }