[imp] Issue #8 - - Refuerzo de contraste base y navegación (texto gen...

wp-content/themes/inspiry-medicalpress-child/css/child-custom.css?ver=1.1.css

@@ -1,97 +1,92 @@
 /* Child Custom CSS */
 
-:root {
+/* Improve general text contrast on light backgrounds */
-  --pi-base-text: #2f3d4a;
-  --pi-accent-contrast: #247844;
-  --pi-accent-contrast-hover: #1e5f31;
-}
-
-/* Increase default text contrast on light backgrounds */
 body {
-  color: var(--pi-base-text);
+  color: #2f3d4a;
 }
 
-p,
+a:focus,
-li,
+a:hover {
-.home-section-description,
+  color: #2f7d32;
-.services-item-content p,
-.testimonial-author-link,
-.testimonials-carousel-item-text,
-.header-contact-number > small,
-.home-section.home-blog .entry-content-wrapper p {
-  color: var(--pi-base-text);
 }
 
-/* Navigation contrast refinements */
+/* Increase menu contrast for default and dropdown states */
 .main-navigation a,
-.main-navigation .children a,
+.main-navigation .main-menu > li > a {
-.main-navigation .sub-menu a {
+  color: #2f3d4a;
-  color: var(--pi-base-text);
+}
+
+.main-navigation .main-menu > li:hover > a,
+.main-navigation .main-menu > ul > .page_item:hover > a {
+  background-color: #2f7d32;
+  color: #fff;
 }
 
 .main-navigation .children,
 .main-navigation .sub-menu {
-  background-color: var(--pi-accent-contrast);
+  background-color: #2f7d32;
 }
 
-.main-navigation .main-menu > li:hover > a,
+.main-navigation .children a,
-.main-navigation .main-menu > ul > .page_item:hover > a,
+.main-navigation .sub-menu a {
-.main-navigation .children a:hover,
-.main-navigation .sub-menu a:hover {
-  background-color: var(--pi-accent-contrast-hover);
   color: #fff;
 }
 
-/* Buttons and calls to action */
+.main-navigation .children a:hover,
+.main-navigation .sub-menu a:hover {
+  background-color: #245f27;
+}
+
+.breadcrumb,
+.breadcrumb a,
+.breadcrumb .active {
+  color: #fff;
+}
+
+/* Match mobile/off-canvas menu toggles to accessible palette */
+.mean-container a.meanmenu-reveal,
+.mean-container .mean-bar,
+.mean-container .mean-nav {
+  background-color: #2f7d32;
+}
+
+/* Primary buttons and accents with sufficient contrast */
 button,
 input[type=submit],
 .read-more,
-.btn-primary {
+.btn,
-  background-color: var(--pi-accent-contrast);
+.btn-primary,
-  border-color: var(--pi-accent-contrast);
+.btn-outline-primary {
+  background-color: #2f7d32;
   color: #fff;
+  border-color: #2f7d32;
 }
 
 button:hover,
 input[type=submit]:hover,
 .read-more:hover,
-.btn-primary:hover {
+.btn:hover,
-  background-color: var(--pi-accent-contrast-hover);
+.btn-primary:hover,
-  border-color: var(--pi-accent-contrast-hover);
+.btn-outline-primary:hover {
+  background-color: #245f27;
   color: #fff;
+  border-color: #245f27;
 }
 
 .btn-outline-primary {
-  color: var(--pi-accent-contrast);
+  color: #2f7d32;
-  border-color: var(--pi-accent-contrast);
+  background-color: transparent;
 }
 
 .btn-outline-primary:hover {
-  background-color: var(--pi-accent-contrast);
-  color: #fff;
-  border-color: var(--pi-accent-contrast-hover);
-}
-
-/* Mobile menu */
-.mean-container a.meanmenu-reveal,
-.mean-container .mean-bar,
-.mean-container .mean-nav,
-.mean-container .mean-nav ul li a.mean-expand,
-.mean-container .mean-nav ul li a {
-  background: var(--pi-accent-contrast);
   color: #fff;
 }
 
-.mean-container .mean-nav ul li a {
+/* Ensure large hero/404 headings meet contrast */
-  border-top-color: rgba(255, 255, 255, 0.2);
+.jumbotron h1 {
+  color: #2f7d32;
 }
 
-.mean-container .mean-nav ul li a.mean-expand {
+.filters > li {
-  border-left-color: rgba(255, 255, 255, 0.2) !important;
+  color: #2f3d4a;
-  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
-}
-
-.mean-container a.meanmenu-reveal span,
-.mean-container a.meanmenu-reveal span span {
-  background: #fff;
 }