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

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