/*
Theme Name: Keith L. Goode Child (Divi)
Theme URI: https://keithgoode.com
Description: Divi child theme carrying the Keith L. Goode brand system (color, type, motion).
Author: Keith L. Goode
Template: Divi
Version: 1.0
*/

/* ==========================================================================
   Brand variables — from the Keith L. Goode Personal Brand Style Board
   ========================================================================== */
:root {
	--kg-obsidian-charcoal: #171C1E;
	--kg-graphite: #2B2F31;
	--kg-mid-gray: #6B7073;
	--kg-light-gray: #D9DDDE;
	--kg-mineral-white: #F2F4F2;
	--kg-deep-cooling-blue: #174A63;
	--kg-illuminated-blue: #3A88A8;

	--kg-heading-font: "Trebuchet MS", Arial, sans-serif;
	--kg-body-font: "Source Sans 3", Arial, sans-serif;
}

/* NOTE: Divi's own Builder color-picker "Global Colors" (the 4 swatches
   under Theme Customizer -> General Settings -> Colors) are a separate
   system from this stylesheet. Set those 4 swatches to the hex values
   above too, so anything you pick visually in the Builder — not just the
   base site chrome below — stays on-brand. See the checklist at the
   bottom of functions.php. */

/* ==========================================================================
   Base typography & color
   ========================================================================== */
body,
.et_pb_section,
.et_pb_module {
	font-family: var(--kg-body-font);
	color: var(--kg-graphite);
}

body {
	background-color: var(--kg-mineral-white);
}

h1, h2, h3, h4, h5, h6,
.et_pb_module_header,
.et_pb_promo_title,
.et_pb_slide_title {
	font-family: var(--kg-heading-font);
	font-weight: 700;
	color: var(--kg-obsidian-charcoal);
	letter-spacing: 0;
}

/* ==========================================================================
   Links — brand board specifies underlined blue links for accessibility
   ========================================================================== */
a {
	color: var(--kg-deep-cooling-blue);
	text-decoration: underline;
}

a:hover {
	color: var(--kg-illuminated-blue);
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.et_pb_button,
.et_pb_promo_button,
button,
input[type="submit"] {
	background-color: var(--kg-deep-cooling-blue) !important;
	border-color: var(--kg-deep-cooling-blue) !important;
	color: var(--kg-mineral-white) !important;
	text-decoration: none;
	border-radius: 2px;
}

.et_pb_button:hover,
.et_pb_promo_button:hover,
button:hover,
input[type="submit"]:hover {
	background-color: var(--kg-illuminated-blue) !important;
	border-color: var(--kg-illuminated-blue) !important;
}

/* ==========================================================================
   Dark sections (for "reversed lockup" style dark backgrounds)
   ========================================================================== */
.et_pb_bg_layout_dark,
.et_pb_section.dark-section {
	background-color: var(--kg-obsidian-charcoal) !important;
	color: var(--kg-mineral-white) !important;
}

.et_pb_bg_layout_dark h1,
.et_pb_bg_layout_dark h2,
.et_pb_bg_layout_dark h3,
.et_pb_section.dark-section h1,
.et_pb_section.dark-section h2,
.et_pb_section.dark-section h3 {
	color: var(--kg-mineral-white);
}

/* ==========================================================================
   Neutral surfaces — cards, "Executive Insight" style callout boxes
   ========================================================================== */
.et_pb_blurb,
.et_pb_cta,
.et_pb_toggle {
	background-color: #FFFFFF;
	border: 1px solid var(--kg-light-gray);
}

/* ==========================================================================
   Motion — brand board calls for "nearly static; performance first"
   ========================================================================== */
.et_pb_module,
.et_pb_button,
.et_pb_image img {
	animation: none !important;
}

.et_pb_button,
a {
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

/* Disable Divi's default hover-zoom on images/blurbs for a calmer, more
   architectural feel in line with "strict grid discipline" */
.et_pb_image img:hover,
.et_pb_blurb:hover .et_pb_main_blurb_image img {
	transform: none !important;
}