diff --git a/wp-content/themes/inspiry-medicalpress-child/css/child-custom.css?ver=1.1.css b/wp-content/themes/inspiry-medicalpress-child/css/child-custom.css?ver=1.1.css index 223ef92..2203166 100644 --- a/wp-content/themes/inspiry-medicalpress-child/css/child-custom.css?ver=1.1.css +++ b/wp-content/themes/inspiry-medicalpress-child/css/child-custom.css?ver=1.1.css @@ -1 +1,97 @@ -/* Child Custom CSS */ \ No newline at end of file +/* Child Custom CSS */ + +:root { + --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); +} + +p, +li, +.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); +} + +/* Navigation contrast refinements */ +.main-navigation a, +.main-navigation .children a, +.main-navigation .sub-menu a { + color: var(--pi-base-text); +} + +.main-navigation .children, +.main-navigation .sub-menu { + background-color: var(--pi-accent-contrast); +} + +.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: var(--pi-accent-contrast-hover); + color: #fff; +} + +/* Buttons and calls to action */ +button, +input[type=submit], +.read-more, +.btn-primary { + background-color: var(--pi-accent-contrast); + border-color: var(--pi-accent-contrast); + color: #fff; +} + +button:hover, +input[type=submit]:hover, +.read-more:hover, +.btn-primary:hover { + background-color: var(--pi-accent-contrast-hover); + border-color: var(--pi-accent-contrast-hover); + color: #fff; +} + +.btn-outline-primary { + color: var(--pi-accent-contrast); + 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; +} + +.mean-container .mean-nav ul li a { + border-top-color: rgba(255, 255, 255, 0.2); +} + +.mean-container .mean-nav ul li a.mean-expand { + 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; +}