/** ===========================================================================
 * typographys
 * ============================================================================
 * Be More P.U.N.K. - Theme
 *
 * 1 - color contrast
 * 2 - blockquote
 * 3 - list
 * 4 - paragraph
 */


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

.on_light dd,
.on_light dt,
.on_light p,
.on_light h1,
.on_light h2,
.on_light h3 { 
	color: var(--wp--preset--color--theme-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),
.on_dark h2:not(.on_dark .on_light h2),
.on_dark h3:not(ul.on_light h3):not(.on_dark .on_light h3) {
	color: var(--wp--preset--color--white);
	}


/* ----------------------------------------------------------------------------
 * 2 - blockquote
 * --------------------------------------------------------------------------*/

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

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


/* ----------------------------------------------------------------------------
 * 3 - list
 * --------------------------------------------------------------------------*/

.parent-list-ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	.parent-list-ul ul, .wp-block-list {
		margin: 0 var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
		padding-left: var(--wp--preset--spacing--30);
		}

		.parent-list-ul ul li, .wp-block-list li {
			display: list-item; /* display a bullet */
			list-style: disc;
			list-style-position: outside;
			width: 100%;
			}

dl {
	display: flex;
    flex-flow: row wrap;
	margin-top: 0;
	} 
		
	dt { flex-basis: 45%; }

	dd {
		flex-basis: 50%;
   		flex-grow: 1;
		margin-left: var(--wp--preset--spacing--10);
		text-align: left;
		}

	dt:not(:first-of-type), dd:not(:first-of-type) { padding-top: var(--wp--preset--spacing--10); }

	.on_light dt:not(:last-of-type), .on_light dd:not(:last-of-type) {
		border-bottom: 1px var(--wp--preset--color--theme-black-off) dotted;
		padding-bottom: var(--wp--preset--spacing--10);
		}

	.on_dark dt:not(:last-of-type):not(.on_dark .on_light dt), .on_dark dd:not(:last-of-type):not(.on_dark .on_light dd) {
		border-bottom: 1px var(--wp--preset--color--white) dotted;
		padding-bottom: var(--wp--preset--spacing--10);
		}


/* ----------------------------------------------------------------------------
 * 4 - paragraph
 * --------------------------------------------------------------------------*/

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);
	}