/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-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.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.9
	Stable tag: 3.4.9
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,

Theme Name: Hello Elementor Child – Ford Huntington
Theme URI: https://www.fordhuntington.com
Description: Ford Huntington Media child theme for Hello Elementor. Brand Guidelines 2026 v1.0.
Author: Ford Huntington Media
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* ============================================
   FORD HUNTINGTON — BRAND VARIABLES
   ============================================ */
:root{
  --fh-navy:      #0D1B2A;   /* Midnight Navy  */
  --fh-white:     #FFFFFF;   /* Pure White     */
  --fh-graphite:  #2D3748;   /* Body copy      */
  --fh-blue:      #0066FF;    /* Electric Blue  */
  --fh-silver:    #E5E7EB;   /* Soft Silver    */
}

/* ============================================
   TYPOGRAPHY  (Manrope / Montserrat / Inter)
   ============================================ */
body{
  font-family:'Inter', sans-serif;
  color: var(--fh-graphite);
  font-weight:400;
  line-height:1.7;
}

h1,h2,h3,.fh-headline{
  font-family:'Manrope', sans-serif;
  font-weight:800;
  color: var(--fh-navy);
  line-height:1.15;
  letter-spacing:-0.5px;
}

h4,h5,h6,.fh-subhead{
  font-family:'Montserrat', sans-serif;
  font-weight:600;
  color: var(--fh-navy);
}

a{ color: var(--fh-blue); }

/* ============================================
   BUTTONS
   ============================================ */
.fh-btn-primary a,
.elementor-button.fh-primary{
  background: var(--fh-blue);
  color:#fff !important;
  font-family:'Montserrat',sans-serif;
  font-weight:600;
  letter-spacing:.5px;
  text-transform:uppercase;
  border-radius:6px;
  padding:16px 32px;
  transition:all .25s ease;
}
.fh-btn-primary a:hover,
.elementor-button.fh-primary:hover{
  background:#0052cc;
  transform:translateY(-2px);
}

.elementor-button.fh-secondary{
  background:transparent;
  color:#fff !important;
  border:2px solid #fff;
  border-radius:6px;
  padding:14px 30px;
  text-transform:uppercase;
  font-weight:600;
}
.elementor-button.fh-secondary:hover{
  background:#fff;
  color:var(--fh-navy) !important;
}

/* ============================================
   DARK SECTIONS
   ============================================ */
.fh-dark{ background: var(--fh-navy); }
.fh-dark h1,.fh-dark h2,.fh-dark h3,.fh-dark h4{ color:#fff; }
.fh-dark p,.fh-dark li{ color:#cbd5e1; }

/* ============================================
   CARDS
   ============================================ */
.fh-card{
  background:#fff;
  border:1px solid var(--fh-silver);
  border-radius:12px;
  padding:32px;
  transition:all .3s ease;
}
.fh-card:hover{
  border-color: var(--fh-blue);
  box-shadow:0 12px 30px rgba(13,27,42,.10);
  transform:translateY(-4px);
}

/* Section eyebrow label */
.fh-eyebrow{
  color: var(--fh-blue);
  font-family:'Montserrat',sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:13px;
}

/* Blue accent divider */
.fh-divider{
  width:60px;height:4px;background:var(--fh-blue);border:none;margin:16px 0;
}