/* ================================

	# Vertical Margins

	(for block-level text elements)

	@related: sectionpad, vertmarg

	re: fonts and vertical metrics optimizations: https://stackoverflow.com/a/33678662/12910772

================================ */

/* No need to have .rt p since screen readers don't treat paragraphs as special–therefore we can swap <p> for <div> anywhere we don't want vert margins */
/* .quote,
.quote-attr,
.rt figure, .figure,
.rt ul, .ul,
.rt ol, .ol,
.wp-caption,
code,
pre,
.p,
p {
	margin: 0 0 var(--vert-marg) 0;
} */

/* .rt h1, .h1,
.rt h2, .h2,
.rt h3, .h3,
.rt h4, .h4,
.rt h5, .h5,
.rt h6, .h6 {
	margin: 0 0 var(--vert-marg) 0;
} */

/* (Since <div> and <p> can't go inside h1/h2: https://stackoverflow.com/a/19779520/12910772) */
/* .h1, .h2, .h3, .h4, .h5, .h6,
.p {
	display: block;
} */

/* .rt *+h2 {
	margin-top: calc(var(--vert-marg) + 8px);
} */

/* ---------------------------------------

	## Bottom margin remove on last item

--------------------------------------- */
/* .quote-attr:last-child:not(.visually-first),
.rt figure:last-child:not(.visually-first),
   .figure:last-child:not(.visually-first),
.p:last-child:not(.visually-first),
 p:last-child:not(.visually-first),
.rt figure:last-child:not(.visually-first),
   .figure:last-child:not(.visually-first),
.rt ul:last-child:not(.visually-first),
   .ul:last-child:not(.visually-first),
.rt ol:last-child:not(.visually-first),
   .ol:last-child:not(.visually-first),
.quote:last-child:not(.visually-first),
.rt h1:last-child:not(.visually-first),
   .h1:last-child:not(.visually-first),
.rt h2:last-child:not(.visually-first),
   .h2:last-child:not(.visually-first),
.rt h3:last-child:not(.visually-first),
   .h3:last-child:not(.visually-first),
.rt h4:last-child:not(.visually-first),
   .h4:last-child:not(.visually-first),
.rt h5:last-child:not(.visually-first),
   .h5:last-child:not(.visually-first),
.rt h6:last-child:not(.visually-first),
   .h6:last-child:not(.visually-first) {
	margin-bottom: 0;
} */

p:last-child,
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child {
	margin-bottom: 0;
}

/* =mobile */
@media (min-width:200px) and (max-width:768px) {

	.h1:last-child,
	.h2:last-child,
	.h3:last-child,
	.h4:last-child,
	.h5:last-child,
	.h6:last-child {
		margin-bottom: 0;
	}

}


/* ----------------------------------------------

	## Utilities
	More explicit vert marg utilities (vs generic .p)

---------------------------------------------- */

/* .vert-marg-top {
	margin-top: var(--vert-marg);
}

.vert-marg-btm {
	margin-bottom: var(--vert-marg);
}

.vert-marg-btm-compensate {
	margin-bottom: calc(var(--vert-marg) * -1);
}

.vert-marg-none,
.no-vert-marg,
.vert-marg-top-none,
.no-vert-marg-top {
	margin-top: 0 !important;
}

.vert-marg-none,
.no-vert-marg,
.vert-marg-btm-none,
.no-vert-marg-btm {
	margin-bottom: 0 !important;
} */