/* Contrast fixes (WCAG 2.2 AA): the site's teal and light green, darkened only as far as needed.
 * "html" in front, so these win over the theme's customizer styles printed after them. */

/* White text on teal: #0e9594 (3.7:1) → #0c8281 (4.6:1). */
:root {
	--primary-color: #0c8281;
}
html input[type="button"],
html input[type="reset"],
html input[type="submit"],
html button[type="submit"],
html .button,
html #site-header.medium-header .top-header-wrap,
html #site-header.medium-header #site-navigation-wrap,
html #site-header.medium-header .oceanwp-mobile-menu-icon,
html #footer-widgets {
	background-color: #0c8281;
}

/* Light green links on white (1.4:1) → #527c13 (4.9:1, 4.3:1 against the body text). */
html a,
html a:hover,
html a.light:hover {
	color: #527c13;
}
html a .owp-icon use,
html a:hover .owp-icon use {
	stroke: #527c13;
}
html input[type="button"]:hover,
html input[type="reset"]:hover,
html input[type="submit"]:hover,
html button[type="submit"]:hover,
html input[type="button"]:focus,
html input[type="reset"]:focus,
html input[type="submit"]:focus,
html button[type="submit"]:focus,
html .button:hover,
html .button:focus {
	background-color: #527c13;
}

/* Links on teal: light green (2.7:1) → white, underlined. */
html #site-navigation-wrap .dropdown-menu > li > a:hover,
html #site-navigation-wrap .dropdown-menu > .current-menu-item > a,
html #site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a,
html .medium-right-header ul li a:hover,
html .three-cols a,
html .three-cols a:hover,
html #footer-widgets a:hover,
html #footer-widgets .footer-box a:hover {
	color: #fff;
	text-decoration: underline;
}
html #site-navigation-wrap .dropdown-menu > li > a:hover .owp-icon use,
html #site-navigation-wrap .dropdown-menu > .current-menu-item > a .owp-icon use {
	stroke: #fff;
}

/* Mobile menu: teal text on light grey (3.4:1) → #0c7b7b (4.7:1). */
html body .sidr a,
html body .sidr-class-dropdown-toggle,
html #mobile-dropdown ul li a,
html #mobile-dropdown ul li > button.menu-link.dropdown-toggle,
html #mobile-fullscreen ul li a {
	color: #0c7b7b;
}
html body .sidr a:hover,
html body .sidr-class-dropdown-toggle:hover,
html #mobile-dropdown ul li a:hover,
html #mobile-fullscreen ul li a:hover {
	color: #527c13;
}