[imp] Issue #9 - - Reforcé el color base del texto y tipografías comu...

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

@@ -1,92 +1,97 @@
 /* Child Custom CSS */
 
-/* Improve general text contrast on light backgrounds */
+:root {
+  --pi-base-text: #2f3d4a;
+  --pi-accent-contrast: #247844;
+  --pi-accent-contrast-hover: #1e5f31;
+}
+
+/* Increase default text contrast on light backgrounds */
 body {
-  color: #2f3d4a;
+  color: var(--pi-base-text);
 }
 
-a:focus,
+p,
-a:hover {
+li,
-  color: #2f7d32;
+.home-section-description,
+.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);
 }
 
-/* Increase menu contrast for default and dropdown states */
+/* Navigation contrast refinements */
 .main-navigation a,
-.main-navigation .main-menu > li > a {
+.main-navigation .children a,
-  color: #2f3d4a;
+.main-navigation .sub-menu a {
-}
+  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: #2f7d32;
+  background-color: var(--pi-accent-contrast);
-}
-
-.main-navigation .children a,
-.main-navigation .sub-menu a {
-  color: #fff;
 }
 
+.main-navigation .main-menu > li:hover > a,
+.main-navigation .main-menu > ul > .page_item:hover > a,
 .main-navigation .children a:hover,
 .main-navigation .sub-menu a:hover {
-  background-color: #245f27;
+  background-color: var(--pi-accent-contrast-hover);
-}
-
-.breadcrumb,
-.breadcrumb a,
-.breadcrumb .active {
   color: #fff;
 }
 
-/* Match mobile/off-canvas menu toggles to accessible palette */
+/* Buttons and calls to action */
-.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,
+.btn-primary {
-.btn-primary,
+  background-color: var(--pi-accent-contrast);
-.btn-outline-primary {
+  border-color: var(--pi-accent-contrast);
-  background-color: #2f7d32;
   color: #fff;
-  border-color: #2f7d32;
 }
 
 button:hover,
 input[type=submit]:hover,
 .read-more:hover,
-.btn:hover,
+.btn-primary:hover {
-.btn-primary:hover,
+  background-color: var(--pi-accent-contrast-hover);
-.btn-outline-primary:hover {
+  border-color: var(--pi-accent-contrast-hover);
-  background-color: #245f27;
   color: #fff;
-  border-color: #245f27;
 }
 
 .btn-outline-primary {
-  color: #2f7d32;
+  color: var(--pi-accent-contrast);
-  background-color: transparent;
+  border-color: var(--pi-accent-contrast);
 }
 
 .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;
 }
 
-/* Ensure large hero/404 headings meet contrast */
+.mean-container .mean-nav ul li a {
-.jumbotron h1 {
+  border-top-color: rgba(255, 255, 255, 0.2);
-  color: #2f7d32;
 }
 
-.filters > li {
+.mean-container .mean-nav ul li a.mean-expand {
-  color: #2f3d4a;
+  border-left-color: rgba(255, 255, 255, 0.2) !important;
+  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;
 }