/*
 * Accessibility (WCAG 2.1 AA) overrides, loaded after the theme's other styles.
 * Colors keep the theme's hues but are dark enough for 4.5:1 with white.
 * The Theme Options brand colors are darkened in functions.php (nuvo_a11y_color).
 */

/* Buttons
--------------------------------------------- */

/* Blue buttons: #31b2ed (from the "Button Color" custom CSS) was 2.4:1 behind white text */
body .btn-lg,
body .btn-md,
body .btn-xs,
body button,
body input[type="button"],
body input[type="reset"],
body input[type="submit"],
body .button,
body .archive-pagination li a:hover,
body .archive-pagination .active a {
	background-color: #227da6;
}

/* The Customizer CSS makes .btn-md green (#77c37a, 2.1:1); keep it green, just darker */
body .btn-md {
	background-color: #4d7f4f;
}

body .btn-md:hover {
	background-color: #3f6941;
}

/* Text colors
--------------------------------------------- */

/* #31b2ed hover text was 2.4:1 on white (plain links use the darkened brand color) */
body .entry-title a:hover,
body .site-footer a:hover,
body .nav-secondary .genesis-nav-menu a:hover,
body .genesis-nav-menu .sub-menu a:hover,
body .entry-comments .comment-author a:hover,
body .comment-meta a:hover {
	color: #227da6;
}

/* #aaa (2.3:1) and #999 (2.8:1) grays on white */
body .site-footer,
body .site-footer .wrap,
body .site-footer a,
body .site-footer .nav-secondary .genesis-nav-menu a,
body .site-description,
body p.entry-meta,
body .comment-meta,
body .comment-meta a,
body input,
body select,
body textarea,
body blockquote,
body blockquote::before,
body cite {
	color: black;
}

/* Doctor pages
--------------------------------------------- */

/* The education/residency/certification/hobby items are now in real lists; keep their old look */
.docmeta ul.doc-list {
	margin: 0;
	padding: 0;
}

/* Links
--------------------------------------------- */

/* The theme removes all link underlines; in running text the darker link color alone isn't
   enough to tell links from the words around them (1.4.1), so underline them there */
body .entry-content p a,
body .entry-content li a {
	text-decoration: underline !important;
}

/* Lines of links separated by <br> (e.g. the "around the web" list) sat too close to tap
   reliably; give those paragraphs more line height (2.5.8) */
body .entry-content p:has(> a + br) {
	line-height: 2;
}

/* Breadcrumb links are white like the current page's name next to them; underline them so
   they read as links without relying on color or position (1.4.1) */
body .breadcrumb a {
	text-decoration: underline !important;
}