/*
 Theme Name:   Kadence Child
 Theme URI:    https://kadencewp.com/
 Description:  A child theme for Kadence with custom Episcopal Church styles.
 Author:       Episcopal Church Design Team
 Template:     kadence
 Version: 1.1.0
*/

/* =============================================
   DESIGN TOKENS
   ============================================= */
:root {
	/* Fonts */
	--font-sans: "Open Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-serif: "adobe-garamond-pro", ui-serif, Georgia, "Times New Roman", Times, serif;

	/* Weights */
	--weight-light: 300;
	--weight-regular: 400;
	--weight-semibold: 600;
	--weight-bold: 700;

	/* Styles */
	--style-italic: italic;

	/* Type scale (rem, 16px root) */
	--title-sans: 88px;
	--title-1-sans: 3rem;       /* 48px */
	--hl1: 2.125rem;            /* 34px */
	--hl2: 1.75rem;             /* 28px */
	--hl3: 1.25rem;             /* 20px */
	--body-text: 1.125rem;      /* 18px for Accessibilty*/
	--body-bible-text: 1.25rem; /* 20px */
	--date: 1.0625rem;          /* 17px */
	--citation: 1rem;           /* 16px */
	--button-1: 1.375rem;       /* 22px */
	--related: 1.5rem;          /* 24px */
	--nav-main: 1.25rem;        /* 20px */
	--left-nav-1: 1.25rem;      /* 20px */
	--link-2: 1.25rem;          /* 20px */
	--link-2-sans: 1.25rem;     /* 20px */
	--link-3-sans: 1rem;        /* 16px */
	--nav-utility-1: 1.0625rem; /* 17px */
	--calendar-text: 1.125rem;  /* 18px */
	--nav-utility-2: 1rem;      /* 16px */
	--link-1: 0.8125rem;        /* 13px */
	--tag-1: 0.75rem;           /* 12px */

	/* Brand Colors — Cool */
	--cool-1: #2E308B;
	--cool-2: #126DB5;
	--cool-3: #56BAEA;
	--cool-4: #AED9F4;

	/* Brand Colors — Warm */
	--warm-1: #CA203F;
	--warm-2: #E16B26;
	--warm-3: #F0B41A;
	--warm-4: #F7DA83;

	/* Brand Colors — Spiritual */
	--spiritual-1: #5B2869;
	--spiritual-2: #C62B91;
	--spiritual-3: #A17BB7;
	--spiritual-4: #D0BDDB;

	/* Brand Colors — Growth */
	--growth-1: #00843D;
	--growth-2: #39B54A;

	/* Neutrals */
	--page-default: #FFFFFF;
	--eggshell-white: #F6F7F8;
	--eggshell-grey-1: #EBECED;
	--eggshell-grey-2: #BDBEBF;

	/* UI */
	--button-links: #10529E;
	--link-blue: #10529E;
	--text: #000000;
	--black-text: #191919;

	/* Legacy aliases — referenced by search and events CSS */
	--church-blue: #0c59b1;
	--church-red: #ca203f;
	--church-bg-default: #ffffff;
	--church-bg: #f6f7f8;
	--church-bg-filter: #ebeced;
	--church-text: #000000;
	--church-gray: #767676;
	--church-border: #bdbebf;
}

/* 1rem follows the visitor's browser font-size preference (defaults to 16px) */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-size: 1rem; /* This will now correctly compute to 16px */
}

/* Uniform Bottom Margin to all child elements	 */
.uniform-bottom-margin > * {
  margin-bottom: 1.5rem !important;
}

.promo-uniform-bottom-margin > * {
  margin-bottom: .5rem !important;
}