/*
 Theme Name:   St. Mary's Healthcare Child
 Theme URI:    https://example.com/st-marys-healthcare-child/
 Description:  Child theme for St. Mary's Healthcare
 Author:       Imagine / Karen
 Author URI:   https://imaginethatmc.com
 Template:     st-marys-healthcare
 Version:      1.0.0
 Text Domain:  st-marys-healthcare-child
*/

/* === Your custom styles go below this line === */

/* Load Open Sans from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

body,
button,
input,
select,
optgroup,
textarea {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.65;
    font-weight: 400;
    color: #404040;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
}

h1 { font-size: 2.8rem; font-weight: 800; }
h2 { font-size: 2.25rem; font-weight: 700; }
h3 { font-size: 1.75rem; font-weight: 600; }
/* Add more heading sizes or other custom CSS as needed */


/* Force override on body and common elements */
body,
body p,
body div,
body span,
body li,
body .entry-content,
body .page-content {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;  /* Use !important temporarily to test */
    font-weight: 400 !important;
}

/* If needed, target more specifically (Underscores often has .site-main or .entry-content) */
.site-main,
.entry-content,
.entry-summary,
.widget-area,
.comment-content {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}

/* Keep your headings as-is since they work */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
}