/*
Theme Name: Red Stick Pediatrics
Template: medicox
Text Domain: red-stick-pediatrics
Description: Child theme of Medicox for Red Stick Pediatrics: brand colors, header styling, and site fixes.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/

/* Medicox enqueues the active theme's style.css after its own stylesheets,
 * so rules here load after the parent theme. Linked colors follow
 * Elementor > Site Settings > Global Colors. */

/* Brand colors (theme overrides) */
body {
	--mc-pr-c2: var(--e-global-color-accent, #C0093C);    /* was yellow #FFCC53 */
	--mc-pr-c4: var(--e-global-color-secondary, #9CC4FF); /* lightblue, was #B1E2F6 */
	--mc-pr-c5: var(--e-global-color-frgrey, #E9F0F2);    /* FrGrey, was pale mint #C7EBDE */
	--mc-pr-c7: #F2B8C6;  /* light red, was peach #EABDA9 */
	--mc-pr-c9: #F9DCE3;  /* lighter red, was light peach #F2D5C7 */
	--mc-pr-c8: #CFE2F3;  /* light blue, was green tint #C4FDA0 */
	--mc-pr-c12: #CFE2F3; /* light blue, was green tint #C4FDA0 */
}

/* Typography: Playfair Display for headings (h1-h6), Montserrat for everything else.
 * The theme also uses its "heading" font variables on buttons, nav and labels, so
 * those variables map to Montserrat and switch to Playfair only inside h1-h6. */
body {
	--rsp-heading-font: "Playfair Display", Georgia, serif;
	--rsp-body-font: "Montserrat", Arial, sans-serif;
	--mc-heading1: var(--rsp-body-font);
	--mc-heading2: var(--rsp-body-font);
	--mc-heading3: var(--rsp-body-font);
	--mc-heading4: var(--rsp-body-font);
	--mc-heading5: var(--rsp-body-font);
	--mc-heading6: var(--rsp-body-font);
	--mc-body-font: var(--rsp-body-font);
	--mc-body-font2: var(--rsp-body-font);
	--mc-body-font3: var(--rsp-body-font);
}
/* body[class] outranks Elementor page settings such as Home 7's "Inter" body font */
html body[class] { font-family: var(--rsp-body-font); font-weight: 400; }
h1, h2, h3, h4, h5, h6 {
	--mc-heading1: var(--rsp-heading-font);
	--mc-heading2: var(--rsp-heading-font);
	--mc-heading3: var(--rsp-heading-font);
	--mc-heading4: var(--rsp-heading-font);
	--mc-heading5: var(--rsp-heading-font);
	--mc-heading6: var(--rsp-heading-font);
	--mc-body-font: var(--rsp-heading-font);
	--mc-body-font2: var(--rsp-heading-font);
	--mc-body-font3: var(--rsp-heading-font);
	font-family: var(--rsp-heading-font);
}

/* Header 7 */
.mc-header-section.header_style_seven { background-color: var(--e-global-color-frgrey, #E9F0F2); }
.mc-header-section.header_style_seven .mc-header-top { background-color: var(--e-global-color-primary, #002D73); }
.header_style_seven .mc-header-top,
.header_style_seven .mc-header-top a,
.header_style_seven .mc-header-top i { color: #FFFFFF; }
.header_style_seven .mc-header-top svg,
.header_style_seven .mc-header-top svg path { fill: #FFFFFF; }
.header_style_seven .mc-header-top img { filter: brightness(0) invert(1); }
.mc-header-section.header_style_seven .header-action .cta-action .item-icon i { font-size: 18px; color: var(--e-global-color-primary, #002D73); animation: ring 2s ease infinite; }
.mc-header-section.header_style_seven .brand-logo img { height: 64px; width: auto; max-width: none; }
.mc-header-section.header_style_seven { border-bottom: 1px solid var(--e-global-color-accent, #C0093C); }
.mc-header-section.header_style_seven .header-action .header-btn a { background-color: var(--e-global-color-primary, #002D73); }
/* Keep the header on screen while scrolling. The theme's script adds .txa_sticky
 * past the header height and slides the header away; only the top bar should go
 * (the theme already hides it in the sticky state). */
.mc-header-section.header_style_seven.txa_sticky_header.txa_sticky { transform: none; }

/* Buttons: style-4 text is FrGrey; hover fills with Primary instead of gold
 * (FrGrey is used as a section background, so it can't be the hover fill) */
body .mc-btn-4 a,
body .mc-btn-4 a:hover { color: var(--e-global-color-frgrey, #E9F0F2); }
body .mc-btn-4 a::before,
body .mc-btn-4 a:hover { background-color: var(--e-global-color-primary, #002D73); }

/* Hero slider buttons (.hr7-btn is hard-coded in the Medicox hero template):
 * restyle to match .mc-btn-4. The theme's slide-in reveal (transform/clip-path)
 * is left as is. */
body .hr7-btn a { color: var(--e-global-color-frgrey, #E9F0F2); background-color: var(--mc-title-color3); }
body .hr7-btn a::before { top: 10px; right: 10px; left: auto; width: 36px; height: 36px; background-color: var(--e-global-color-primary, #002D73); }
body .hr7-btn a:hover { color: var(--e-global-color-frgrey, #E9F0F2); background-color: var(--e-global-color-primary, #002D73); }
body .hr7-btn a:hover::before { width: 36px; height: 36px; scale: 15; }
body .hr7-btn a:hover i { color: #FFFFFF; transform: rotate(360deg); background-color: var(--mc-title-color3); }

/* Mobile nav: light panel, no search */
body .mobile_menu .mobile_menu_content { background-color: var(--e-global-color-frgrey, #E9F0F2); }
body .mobile_menu .mobile-search-bar { display: none; }
body .mobile_menu .mobile_menu_close,
body .mobile_menu .mobile_menu_close i { color: var(--e-global-color-primary, #002D73); }
body .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav li { border-bottom-color: rgba(17, 17, 17, 0.08); }
body .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav li a { color: var(--e-global-color-text, #111111); }
body .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a { color: var(--e-global-color-text, #111111) !important; }
body .mobile_menu .dropdown .dropdown-btn,
body .mobile_menu .dropdown .dropdown-btn i { color: var(--e-global-color-primary, #002D73); }

/* Mobile overflow fixes: nothing may widen the page past the screen */
html, body { overflow-x: clip; }
.mc-ab7-img { overflow: hidden; }
@media (max-width: 767px) {
	.mc-blog7-content > .row { margin-left: 0; margin-right: 0; }
}