/*
 * Accessibility (WCAG 2.1 AA) overrides, loaded after the theme's other styles
 * (enqueued in functions.php).
 */

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

/* The outlined buttons had a 50% white fill, which put their white text at about 2:1 on the blue
   panels behind them. A darkening fill keeps the same outlined look at 5.9:1 or better. */
body .btn-lg:not(.secondary_color):not(.primary_color),
body .btn-md:not(.secondary_color):not(.primary_color),
body .btn-xs:not(.secondary_color):not(.primary_color) {
	background: rgba(0, 0, 0, 0.2);
}

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

/* The "Practice name © year" line was #aaa on white (2.3:1) */
body .site-footer,
body .site-footer a,
body .site-footer .nav-secondary .genesis-nav-menu a {
	color: #696969;
}

/* Structure fixes that keep the old look
--------------------------------------------- */

/* Doctor page: the education/residency/hobby items are now in real lists */
.docmeta ul.doc-list {
	margin: 0;
	padding: 0;
}

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

/* The theme removes all link underlines; in running text the 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; /* dynamic_styles.php sets none !important on all links */
}

/* "Request Appointment" and the homepage CTAs were <button>s inside links (invalid, and two tab
   stops for one action). They're now spans; give them what the button element used to add. */
.nuvo-btn {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

a:hover .nuvo-btn {
	background-color: #333;
	color: #fff;
}

a:focus-visible .nuvo-btn {
	outline: 2px solid #fff;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px #1275bb;
}

/* Blog pagination: the current page number was white on #31b2ed (2.4:1) */
body .archive-pagination li a:hover,
body .archive-pagination .active a {
	background-color: #1275bb;
	color: #fff;
}

/* Breadcrumbs: the links and the current page's name are both white; underline the links so
   they can be told apart without color */
body .breadcrumb a.breadcrumb-link {
	text-decoration: underline !important;
}

/* Feedback / secure form pages: the "Patient experience powered by QUANTUM PRM" link sits on the
   page's blue background image, where the blue link color disappeared (about 1:1) */
body.page-template-page_feedback p.sitemap a,
body.nocta p.sitemap a {
	color: #fff;
	text-decoration: underline !important;
	background-color: #0e4f78; /* the photo has light streaks behind parts of the line */
	padding: 2px 6px;
}