/*
 * 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
--------------------------------------------- */

/* #31b2ed (theme default) was 2.4:1 behind white text */
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;
}

/* 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 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: #696969;
}

/* Campaign pages (colors from their Custom CSS snippets, darkened to the same hue)
--------------------------------------------- */

/* Back to Business / Open for Care */
body .b2b-button {
	background-color: #487f6d; /* was #71c6ab, 2.0:1 */
}

body .treatment-grid > div > h3 {
	color: #1879b8; /* was #1a81c4, 4.2:1 */
}

/* Wisdom for Wisdom */
body .w4w-22 h1,
body .w4w-22 .w4w-22__btn {
	color: #007ea0; /* was #00bff2, 2.2:1 */
}

body .w4w-22 .w4w-22__btn:hover {
	background-color: #007ea0;
	color: #fff;
}

body #submitQuiz {
	background-color: #227da6; /* was #31b2ed, 2.4:1 */
}

/* Heads Up NOLA */
body .hup h1,
body .hup h2 {
	color: #007cb0; /* was #00a1e4, 2.9:1 */
}

body .hup .center-button {
	background-color: #007cb0;
}

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

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

/* Stories: the procedure labels were <li>s with no list; now spans that look the same */
.facewall-term {
	display: list-item;
}

/* Terms pages: paragraphs that were alone in an <ol> are now list items; keep them unnumbered */
ol.nuvo-indent {
	list-style: none;
}

/* 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;
}

/* Breadcrumb links are white like the current page's name next to them */
body .breadcrumb a {
	text-decoration: underline !important;
}

/* Home background video pause button
--------------------------------------------- */

.home-hero {
	position: relative;
}

.bigvideo-pause {
	position: absolute;
	right: 16px;
	top: 16px; /* top: the accessibility widget's button covers the bottom-right corner */
	z-index: 5;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 16px;
	border: 2px solid #fff;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.bigvideo-pause:hover,
.bigvideo-pause:focus-visible {
	background-color: rgba(0, 0, 0, 0.85);
}

.bigvideo-pause:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}

/* pause bars, or a play triangle once paused */
.bigvideo-pause-icon {
	display: inline-block;
	width: 10px;
	height: 12px;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	box-sizing: border-box;
}

.bigvideo-pause.is-paused .bigvideo-pause-icon {
	width: 0;
	height: 0;
	border-left: 10px solid #fff;
	border-right: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

/* More fixes
--------------------------------------------- */

/* Links in form descriptions sit on a light gray field background (#f4f5f8) */
body .gform_wrapper .gfield a {
	color: #00698f;
}

/* Wisdom for Wisdom "Next step" button used the old secondary teal (#45bcae, 2.3:1) */
body .next-step-button {
	background-color: #2f8076;
}

/* Carousel dots were 16x12px: give each a 24px target (2.5.8) without changing the dot */
body .owl-dots .owl-dot {
	min-width: 24px;
	min-height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Quiz radio buttons sat too close together to tap reliably */
body .entry-content input[type="radio"] {
	margin: 6px;
}

/* Content links outside paragraphs and lists need an underline too (plain <a>, not buttons) */
body .entry-content a:not([class]) {
	text-decoration: underline !important;
}

/* Always April: white text on the teal (#39bfc3) wave section was 2.2:1. The teal is part of
   the wave artwork, so keep it and use the page's dark blue family for the text instead */
body .aa-22__wave-section .aa-22__text-white,
body .aa-22__section.bg-teal .aa-22__text-white {
	color: #00263a;
}

/* Stories: the procedure labels sit on the photos with only a light tint behind them */
body .facewall-term {
	background-color: rgba(0, 0, 0, 0.7);
	padding: 1px 6px;
	border-radius: 3px;
}

/* "Type 3" buttons (Request Appointment, Patient Registration, ...): gray #808080 text on a
   white-to-#e6e6e6 gradient was 3.2:1 at the bottom; #999 on the secondary style was worse */
body .type3 button,
body .type3 button:hover,
body .type3 .pri,
body .type3 .sec {
	color: #4d4d4d;
}

/* The white "About the Practice / Watch the Video" text sits over bright frames of the video;
   darken the video behind it (large text needs 3:1; this gives about 3.9:1 on a white frame) */
#big-video-wrap::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.5);
	pointer-events: none;
}

/* North Sound
--------------------------------------------- */

/* Floating "Schedule Appointment" button (Custom CSS snippet): the primary #10a2d8 was 2.9:1
   behind its white text; use the darkened primary. (The nav's "Make a Payment" button keeps
   #10a2d8: its text is black, which needs the lighter blue.) */
body .sticky-schedule-btn {
	background-color: #0c7da6 !important;
}

/* Second Chance "Treatment Partners" box on light gray (#f1f2f7) */
body .info-box > h2,
body .info-box a {
	color: #0a6f95 !important; /* the snippet's own rule is more specific */
}

/* Links inside quotes: the quote text is gray now, so underline the links */
body blockquote a {
	text-decoration: underline !important;
}

/* Policy and credit links under the footer sit on the bright blue background image (white on
   its lightest blue was 3.8:1); give each a dark backing */
body p.sitemap a {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 3px;
	color: #fff !important;
	background-color: rgba(0, 35, 65, 0.8);
}