/** ===========================================================================
 * typography
 * ============================================================================
 * Surviving The Gap: Theme
 *
 * 1. color contrast
 * 2. heading
 * 3. paragraph
 * 4. list
 * 5. blockquote
 */


/* ----------------------------------------------------------------------------
 * 1. color contrast
 * --------------------------------------------------------------------------*/

.on_light dd,
.on_light dt,
.on_light p,
.on_light h1,
.on_light h2,
.on_light h3,
.on_light li { 
	color: var(--wp--preset--color--purple-black-off);
	}

.on_dark dd:not(.on_dark .on_light dd),
.on_dark dt:not(.on_dark .on_light dt),
.on_dark p:not(ul.on_light p):not(.on_dark p.is-style-callout-pill-on-dark),
.on_dark h2:not(.on_dark .on_light h2),
.on_dark h3:not(ul.on_light h3):not(.on_dark .on_light h3),
.on_dark li {
	color: var(--wp--preset--color--purple-white-off);
	}


/* ----------------------------------------------------------------------------
 * 2. heading
 * --------------------------------------------------------------------------*/

/* h1, h2, h3 { letter-spacing: var(--wp--custom--letter-spacing); } */

.on_dark h1 {
	background: url("../images/bg_heading_on_dark.svg") 0 100% no-repeat;
	background-size: var(--wp--preset--spacing--60);
	margin-bottom: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--05);
	}

.block-standout.on_dark header, .on_dark .block-standout header {
	background: url("../images/bg_heading_on_dark.svg") 0 100% no-repeat;
	background-size: var(--wp--preset--spacing--40);
	margin-bottom: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--05);
	}

.block-standout.on_dark h3:not(.block-standout header h3), .cards h3:not(.no-text-decoration h3):not(.block-standout header h3) {

	/* .no-text-decoration is manually applied to the block that holds partner cards in the footer */

	background: url("../images/bg_heading_on_dark.svg") 0 100% no-repeat;
	background-size: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--05);
	}


.on_light h1 {
	background: url("../images/bg_heading_on_light.svg") 0 100% no-repeat;
	background-size: var(--wp--preset--spacing--60);
	margin-bottom: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--05);
	}

.block-standout.on_light header:not(.block-standout.on_dark header) {
	background: url("../images/bg_heading_on_light.svg") 0 100% no-repeat;
	background-size: var(--wp--preset--spacing--40);
	margin-bottom: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--05);
	}

.block-standout.on_light h3:not(.no-text-decoration h3):not(.block-standout header h3), .cards h3:not(.no-text-decoration h3):not(.block-standout header h3) {

	/* .no-text-decoration is manually applied to the block that holds partner cards in the footer */

	background: url("../images/bg_heading_on_light.svg") 0 100% no-repeat;
	background-size: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--05);
	}


/* ----------------------------------------------------------------------------
 * 3. paragraph
 * --------------------------------------------------------------------------*/

p { letter-spacing: var(--wp--custom--letter-spacing); }

p.is-style-intro-block {
	font-size: var(--wp--preset--font-size--fs-large);
	font-weight: var(--wp--custom--fw-normal);
	line-height: var(--wp--custom--lh-normal);
	}

p.subheading {
	font-family: var(--wp--preset--font-family--headings-bricolage);
	font-weight: var(--wp--custom--fw-medium);
	margin-bottom: var(--wp--preset--spacing--05);
	}


/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * callout pill (mini callout)
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.on_light p.callout-pill, .callout-pill.on_light, p.is-style-callout-pill-on-light {
	background-color: var(--wp--preset--color--orange-white-off);
	border: 1px var(--wp--preset--color--brand-orange) solid;
	border-radius: var(--wp--custom--border-radius-button);
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--70);
	text-align: center;
	}

.on_dark p.callout-pill, .callout-pill.on_dark, p.is-style-callout-pill-on-dark {

	/* shink container to fit content */
	align-self: flex-start;
	/* display: block; */
	flex-shrink: 1;

	background-color: var(--wp--preset--color--purple-white-off);
	/* border: 1px var(--wp--preset--color--purple-dark) solid; */
	border-radius: var(--wp--custom--border-radius-button);
	color: var(--wp--preset--color--purple-black-off);
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--70);
	text-align: center;
	}


/* ----------------------------------------------------------------------------
 * 4. list
 * --------------------------------------------------------------------------*/

li, .wp-block-list li {
	letter-spacing: var(--wp--custom--letter-spacing);
	margin-top: 0;
	}


/* ----------------------------------------------------------------------------
 * 5. blockquote
 * --------------------------------------------------------------------------*/

blockquote.wp-block-quote p { font-size: var(--wp--preset--font-size--fs-large) }

blockquote p:last-of-type { margin-bottom: 0 !important; }