/*
 * NT112 (D-129), stylesheet g. Install path: public/wp-content/themes/drgreenrelief/nt112/dgr-nt112-g.css
 * (each edit gets a new file name: the site strips ?ver= and serves assets with max-age one year).
 * Part 1 (from stylesheet b): long paragraphs in the agency's tagline blocks at body size.
 * Part 2 (Jordan 2026-11-04 19:5x, "fix the padding also to be reasonable within user interface and design
 * fundamentals"): heading line-height 1.2 to 1.25 at every width instead of the agency's 1.4 to 1.6; body copy
 * 1.6 with one-line paragraph gaps; under 768 px fixed heading sizes (30/24/20/18) and 17 px body text instead
 * of the agency's vw rules (which gave a 33 px heading at 1.6 and 18 px copy at a 500 px window); long centred
 * paragraphs (over 300 characters) read left-aligned, the script marks them dgr-longp.
 * Slider captions (.avia-slideshow) and the benefit list (.icon-title) are left alone. Stylesheet d (V-478): the
 * part 2 rules are scoped to .template-page (the builder content) because Enfold places #footer and #socket inside
 * #main, and heading rules exclude .avia-caption-title. Stylesheet e (site-wide render scan, 2026-11-04 20:4x): the
 * blog single template (.template-blog) gets the same rhythm and loses the child CSS rule that sets every element
 * in .single .entry-content to Times New Roman, weight 300, line-height 2; the state fact tables (.dgr-fact-table)
 * go from 13 px to 15 px; the script now marks any text block or special-heading subheading over 200 characters
 * that renders at 22 px or more, not only the two tagline classes.
 */

/* Part 1: tagline blocks that hold paragraphs */
#top .avia_textblock.dgr-longtext,
#top .av-subheading.dgr-longtext {
	font-size: 17px !important;
	line-height: 1.65 !important;
}
#top .avia_textblock.dgr-longtext p,
#top .av-subheading.dgr-longtext p {
	font-size: 17px !important;
	line-height: 1.65 !important;
	text-align: left !important;
	max-width: 820px;
	margin: 0 auto 1em;
}
#top .avia_textblock.dgr-longtext .dgr-tagline {
	display: block;
	margin-top: 14px;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 600;
	text-align: center;
}

/* Part 2a: heading rhythm, every width */
#top #main .template-page h1:not(.avia-caption-title),
#top #main .template-page h2:not(.avia-caption-title),
#top #main .template-page h3:not(.avia-caption-title),
#top #main .template-page h4:not(.avia-caption-title),
#top #main .template-page .av-special-heading-tag {
	line-height: 1.25 !important;
}
#top #main .template-page h1:not(.avia-caption-title),
#top #main .template-page .av-special-heading-h1 .av-special-heading-tag {
	line-height: 1.2 !important;
}

/* Part 2b: body copy rhythm, every width (not the benefit list, not slider captions) */
#top #main .template-page .avia_textblock:not(.icon-title) p {
	line-height: 1.6 !important;
	margin: 0 0 1em !important;
}
#top #main .template-page .avia_textblock:not(.icon-title) p:last-child {
	margin-bottom: 0 !important;
}
#top #main .template-page .avia_textblock p.dgr-longp {
	text-align: left !important;
}

/* Part 2c: phone and narrow windows: fixed sizes instead of viewport units */
@media only screen and (max-width: 767px) {
	#top #main .template-page h1:not(.avia-caption-title),
	#top #main .template-page .av-special-heading-h1 .av-special-heading-tag {
		font-size: 30px !important;
	}
	#top #main .template-page h2:not(.avia-caption-title),
	#top #main .template-page .av-special-heading-h2 .av-special-heading-tag {
		font-size: 24px !important;
	}
	#top #main .template-page h3:not(.avia-caption-title),
	#top #main .template-page .av-special-heading-h3 .av-special-heading-tag {
		font-size: 20px !important;
	}
	#top #main .template-page h4:not(.avia-caption-title) {
		font-size: 18px !important;
	}
	#top #main .template-page .avia_textblock:not(.icon-title) p,
	#top #main .template-page .avia_textblock li {
		font-size: 17px !important;
	}
	#top .avia_textblock.dgr-longtext .dgr-tagline {
		font-size: 19px;
	}
}

/* Part 3 (stylesheet e): blog posts. The child style.css rule `.single .entry-content :not(strong)` forces Times New
 * Roman at weight 300 with line-height 2 on every element of a post; restore the site font and the body rhythm. */
#top #main .template-blog .entry-content :not(strong) {
	font-family: inherit !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #222222 !important;
}
#top #main .template-blog .entry-content strong {
	font-family: inherit !important;
}
#top #main .template-blog .entry-content h1,
#top #main .template-blog .entry-content h2,
#top #main .template-blog .entry-content h3,
#top #main .template-blog .entry-content h4 {
	font-weight: 600 !important;
	line-height: 1.25 !important;
	margin: 1.4em 0 0.5em !important;
}
#top #main .template-blog .entry-content p,
#top #main .template-blog .entry-content li {
	margin: 0 0 1em !important;
}
@media only screen and (max-width: 767px) {
	#top #main .template-blog .entry-content h2 {
		font-size: 24px !important;
	}
	#top #main .template-blog .entry-content h3 {
		font-size: 20px !important;
	}
	#top #main .template-blog .entry-content h4 {
		font-size: 18px !important;
	}
	#top #main .template-blog .entry-content p,
	#top #main .template-blog .entry-content li {
		font-size: 17px !important;
	}
}

/* Part 4 (stylesheet e): state fact tables were set at 13 px with line-height 2.3; 15 px at 1.5 reads. */
#top #main table.dgr-fact-table td,
#top #main table.dgr-fact-table th {
	font-size: 15px !important;
	line-height: 1.5 !important;
}
#top #main .template-blog .entry-content table td,
#top #main .template-blog .entry-content table th {
	font-size: 15px !important;
	line-height: 1.5 !important;
}

/* Part 5 (stylesheet g, Jordan 2026-11-04 21:2x "FAQ on home page should follow same style too"): the FAQ toggles
 * and tabs (home page tabbed FAQ, city and state page FAQs, same Enfold component) carried weight 300 on the
 * questions, the tab titles and the answers. Questions and tab titles 18 px at weight 600, answers 17 px at
 * weight 400 and line-height 1.6, on every page. */
#top #main .togglecontainer .toggler,
#top #main .togglecontainer .toggler .dgr-toggle-btn,
#top #main .tabcontainer .tab {
	font-size: 18px !important;
	line-height: 1.4 !important;
	font-weight: 600 !important;
	color: #1b1b1b !important;
}
#top #main .togglecontainer .toggle_content,
#top #main .togglecontainer .toggle_content p,
#top #main .togglecontainer .toggle_content li,
#top #main .tabcontainer .tab_content,
#top #main .tabcontainer .tab_content p,
#top #main .tabcontainer .tab_content li {
	font-size: 17px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
}
#top #main .togglecontainer .toggle_content p,
#top #main .tabcontainer .tab_content > p {
	margin: 0 0 1em !important;
}
@media only screen and (max-width: 767px) {
	#top #main .togglecontainer .toggler,
	#top #main .togglecontainer .toggler .dgr-toggle-btn,
	#top #main .tabcontainer .tab {
		font-size: 17px !important;
	}
}