/* ===== WordsHealMe.com – Base Styles ===== */
/* Overall wrapper spacing */
#whm-wrapper,
#whm-start-here,
#whm-why-words-heal,
#whm-self-talk-practices,
#whm-healing-journeys,
#whm-audio-meditations,
#whm-articles-teachings,
#whm-about-contact {
max-width: 820px;
margin: 0 auto;
padding: 2.5rem 1.5rem;
}
/* Typography */
#whm-wrapper h1,
#whm-start-here h1,
#whm-why-words-heal h1,
#whm-self-talk-practices h1,
#whm-healing-journeys h1,
#whm-audio-meditations h1,
#whm-articles-teachings h1,
#whm-about-contact h1 {
font-size: 2.1rem;
line-height: 1.2;
margin-bottom: 1.2rem;
}
#whm-wrapper h2,
#whm-start-here h2,
#whm-why-words-heal h2,
#whm-self-talk-practices h2,
#whm-healing-journeys h2,
#whm-audio-meditations h2,
#whm-articles-teachings h2,
#whm-about-contact h2 {
font-size: 1.5rem;
margin: 2.2rem 0 0.8rem;
}
#whm-wrapper h3,
#whm-start-here h3,
#whm-why-words-heal h3,
#whm-self-talk-practices h3,
#whm-healing-journeys h3,
#whm-audio-meditations h3,
#whm-articles-teachings h3,
#whm-about-contact h3 {
font-size: 1.2rem;
margin: 1.4rem 0 0.5rem;
}
#whm-wrapper p,
#whm-start-here p,
#whm-why-words-heal p,
#whm-self-talk-practices p,
#whm-healing-journeys p,
#whm-audio-meditations p,
#whm-articles-teachings p,
#whm-about-contact p {
line-height: 1.7;
margin-bottom: 1rem;
}
/* Intro paragraphs */
.whm-intro {
font-size: 1.05rem;
line-height: 1.8;
margin-bottom: 1.8rem;
opacity: 0.95;
}
/* Lists */
#whm-wrapper ul,
#whm-start-here ul,
#whm-why-words-heal ul,
#whm-self-talk-practices ul,
#whm-healing-journeys ul,
#whm-audio-meditations ul,
#whm-articles-teachings ul,
#whm-about-contact ul {
margin-left: 1.3rem;
margin-bottom: 1rem;
}
#whm-wrapper li,
#whm-start-here li,
#whm-why-words-heal li,
#whm-self-talk-practices li,
#whm-healing-journeys li,
#whm-audio-meditations li,
#whm-articles-teachings li,
#whm-about-contact li {
margin-bottom: 0.4rem;
}
/* Subtle section separation */
#whm-wrapper section,
#whm-start-here section,
#whm-why-words-heal section,
#whm-self-talk-practices section,
#whm-healing-journeys section,
#whm-audio-meditations section,
#whm-articles-teachings section,
#whm-about-contact section {
margin-bottom: 2.2rem;
}
/* ===== Buttons & Links ===== */
.whm-button,
.whm-button-secondary {
display: inline-block;
padding: 0.7rem 1.4rem;
border-radius: 999px;
text-decoration: none;
font-size: 0.95rem;
border: 1px solid #6da9b5; /* soft teal-grey */
}
/* Primary button: gentle teal */
.whm-button {
background-color: #6da9b5;
color: #ffffff;
}
/* Secondary button: outline only */
.whm-button-secondary {
background-color: transparent;
color: #6da9b5;
}
.whm-button:hover,
.whm-button-secondary:hover {
opacity: 0.9;
}
/* Text links inside these sections */
#whm-wrapper a,
#whm-start-here a,
#whm-why-words-heal a,
#whm-self-talk-practices a,
#whm-healing-journeys a,
#whm-audio-meditations a,
#whm-articles-teachings a,
#whm-about-contact a {
color: #4a7f8a;
text-decoration: underline;
}
#whm-wrapper a:hover,
#whm-start-here a:hover,
#whm-why-words-heal a:hover,
#whm-self-talk-practices a:hover,
#whm-healing-journeys a:hover,
#whm-audio-meditations a:hover,
#whm-articles-teachings a:hover,
#whm-about-contact a:hover {
text-decoration: none;
}
/* ===== Cards (used for paths, audio, etc.) ===== */
.whm-cards {
display: flex;
flex-wrap: wrap;
gap: 1.2rem;
margin: 1.2rem 0;
}
.whm-card {
flex: 1 1 240px;
border: 1px solid #e0e4e7;
border-radius: 10px;
padding: 1rem 1.1rem;
background-color: #fafbfc;
}
.whm-card h3 {
margin-top: 0;
margin-bottom: 0.6rem;
}
.whm-card p {
margin-bottom: 0.6rem;
}
/* Article lists */
.whm-articles-list {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.whm-articles-list li {
margin-bottom: 1rem;
}
.whm-article-snippet {
display: block;
font-size: 0.9rem;
opacity: 0.9;
}
/* Footer note (Love is Everything line) */
.whm-footer-note {
margin-top: 1.5rem;
font-size: 0.9rem;
font-style: italic;
text-align: left;
opacity: 0.8;
}
/* Basic responsive tweak */
@media (max-width: 640px) {
#whm-wrapper,
#whm-start-here,
#whm-why-words-heal,
#whm-self-talk-practices,
#whm-healing-journeys,
#whm-audio-meditations,
#whm-articles-teachings,
#whm-about-contact {
padding: 1.8rem 1.1rem;
}
.whm-cards {
flex-direction: column;
}
}