/**
 * Definition List Block - Frontend Styles
 */

.wp-block-tdt-parallax-theme-definition-list {
	margin: 2rem 0;
}

.wp-block-tdt-parallax-theme-definition-item__term {
	font-weight: 700;
	font-size: 1.125rem;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	color: #333;
}

.wp-block-tdt-parallax-theme-definition-item__term:first-child {
	margin-top: 0;
}

.wp-block-tdt-parallax-theme-definition-item__definition {
	margin-left: 2rem;
	margin-bottom: 1rem;
	color: #555;
	line-height: 1.7;
}

.wp-block-tdt-parallax-theme-definition-item__definition > *:first-child {
	margin-top: 0;
}

.wp-block-tdt-parallax-theme-definition-item__definition > *:last-child {
	margin-bottom: 0;
}

/* Nested content spacing */
.wp-block-tdt-parallax-theme-definition-item__definition p {
	margin-bottom: 1rem;
}

.wp-block-tdt-parallax-theme-definition-item__definition ul,
.wp-block-tdt-parallax-theme-definition-item__definition ol {
	margin-bottom: 1rem;
}

.wp-block-tdt-parallax-theme-definition-item__definition img {
	max-width: 100%;
	height: auto;
	margin: 1rem 0;
}

/* Responsive - Mobile breakpoint styles are generated
   dynamically in PHP to use configurable breakpoint. */