/*
Theme Name: HOI
Theme URI: https://hoiins.com/
Description: Custom WordPress child theme for HOI Insurance, developed by MinDwella Media. Built on Hello Elementor and designed for Elementor Pro.
Author: MinDwella Media
Author URI: https://mindwellamedia.com/
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Tested up to: 7.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hoi
Tags: hello-elementor, elementor, insurance, business, custom, child-theme
*/

/*
 * HOI Insurance — MinDwella Media
 * Base child-theme styles.
 *
 * Primary brand colors:
 * Navy: #062A5B
 * Dark Navy: #031B3A
 * Gold: #D9A928
 * Off White: #F7F8FA
 */

:root {
    --hoi-navy: #062A5B;
    --hoi-dark-navy: #031B3A;
    --hoi-gold: #D9A928;
    --hoi-gold-light: #F2C94C;
    --hoi-white: #FFFFFF;
    --hoi-off-white: #F7F8FA;
    --hoi-gray: #EEF1F5;
    --hoi-text: #26354A;
    --hoi-muted: #667085;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--hoi-text);
}

a {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.hoi-button-primary {
    background: var(--hoi-navy);
    color: var(--hoi-white);
    border-radius: 6px;
    font-weight: 800;
}

.hoi-button-primary:hover,
.hoi-button-primary:focus {
    background: var(--hoi-gold);
    color: var(--hoi-dark-navy);
}

.hoi-button-secondary {
    background: transparent;
    color: var(--hoi-navy);
    border: 1px solid var(--hoi-navy);
    border-radius: 6px;
    font-weight: 800;
}

.hoi-button-secondary:hover,
.hoi-button-secondary:focus {
    background: var(--hoi-navy);
    color: var(--hoi-white);
}

.hoi-card {
    background: var(--hoi-white);
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.hoi-card:hover {
    transform: translateY(-6px);
    border-color: var(--hoi-gold);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .10);
}

.hoi-eyebrow {
    color: var(--hoi-gold);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 800;
    font-size: 13px;
}

.hoi-dark-section {
    background: var(--hoi-dark-navy);
    color: var(--hoi-white);
}

.hoi-gold {
    color: var(--hoi-gold);
}

@media (max-width: 767px) {
    .hoi-mobile-center {
        text-align: center;
    }

    .hoi-mobile-full {
        width: 100%;
    }
}