/* SERVICES PAGE: Services and What I Help With
Colors used: light gold #d9c39b, sage green #81955b,
deep green #5f7342, warm brown text #6f5f45,
cream panel #faf7f0, icon badge #f1f3ea.
Fonts: none are set on purpose, so your site’s own
heading and body fonts are used automatically. */
.practice-services {
max-width: 1100px;
margin: 0 auto;
padding: 4rem 1.25rem;
text-align: center;
}
.practice-services *,
.practice-services *::before,
.practice-services *::after {
box-sizing: border-box;
}
/* Services title */
.practice-services .ps-title {
margin: 0;
font-size: clamp(2.5rem, 6vw, 4rem);
font-weight: 400;
line-height: 1.1;
color: #d9c39b;
}
.practice-services .ps-divider {
display: block;
width: 64px;
height: 1px;
margin: 1.5rem auto 3rem;
background: #d9c39b;
}
/* Service cards */
.practice-services .ps-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
.practice-services .ps-card {
display: flex;
flex-direction: column;
align-items: center;
padding: 2.5rem 1.75rem;
background: #fff;
border: 1px solid #d9c39b;
border-radius: 14px;
box-shadow: 0 12px 30px -20px rgba(125, 145, 90, 0.45);
}
.practice-services .ps-icon {
display: flex;
align-items: center;
justify-content: center;
width: 76px;
height: 76px;
margin: 0 0 1.5rem;
color: #81955b;
background: #f1f3ea;
border-radius: 20px;
}
.practice-services .ps-icon svg {
width: 44px;
height: 44px;
}
.practice-services .ps-card-title {
display: flex;
align-items: center;
justify-content: center;
min-height: 2.5em; /* keeps cards lined up when a title wraps */
margin: 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.25;
color: #81955b;
}
.practice-services .ps-card-divider {
display: block;
width: 32px;
height: 1px;
margin: 1.25rem auto;
background: #d9c39b;
}
.practice-services .ps-text {
margin: 0;
font-size: 1.05rem;
line-height: 1.7;
color: #6f5f45;
}
/* Phones */
@media (max-width: 760px) {
.practice-services {
padding: 3rem 1rem;
}
.practice-services .ps-divider {
margin-bottom: 2rem;
}
.practice-services .ps-grid {
grid-template-columns: 1fr;
max-width: 420px;
margin: 0 auto;
}
.practice-services .ps-card-title {
min-height: 0;
}
}
/* What I Help With */
.help-with {
max-width: 1100px;
margin: 0 auto;
padding: 1.5rem 1.25rem 4rem;
text-align: center;
}
.help-with *,
.help-with *::before,
.help-with *::after {
box-sizing: border-box;
}
.help-with .hw-title {
margin: 0;
font-size: clamp(2.5rem, 6vw, 4rem);
font-weight: 400;
line-height: 1.1;
color: #d9c39b;
}
.help-with .hw-divider {
display: block;
width: 64px;
height: 1px;
margin: 1.5rem auto 2rem;
background: #d9c39b;
}
.help-with .hw-panel {
padding: 3rem;
text-align: left;
background: #faf7f0;
border-radius: 18px;
}
.help-with .hw-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.25rem 3.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.help-with .hw-item {
position: relative;
margin: 0;
padding: 0 0 0 2.25rem;
}
.help-with .hw-item::before {
content: “”;
position: absolute;
top: 0.55rem;
left: 0.25rem;
width: 10px;
height: 10px;
background: #81955b;
border-radius: 50%;
box-shadow: 0 0 0 5px #e3e9d8;
}
.help-with .hw-item-title {
margin: 0 0 0.4rem;
font-size: 1.45rem;
font-weight: 400;
line-height: 1.25;
color: #5f7342;
}
.help-with .hw-text {
margin: 0;
font-size: 1.05rem;
line-height: 1.7;
color: #6f5f45;
}
@media (max-width: 760px) {
.help-with {
padding: 1rem 1rem 3rem;
}
.help-with .hw-panel {
padding: 2rem 1.25rem;
}
.help-with .hw-list {
grid-template-columns: 1fr;
gap: 1.75rem;
}
}
Services
Individual Counseling Sessions
Personalized counseling to foster mindfulness, growth, and help navigate life’s many challenges.
Women’s Mental Health
Menopausal support, life transitions, anxiety, depression, grief, & more. Developing skills to help you move through life.
Couples Counseling Sessions
Couples counseling to mend fences, grow in your relationship, and be real partners to each other and yourselves.
What I Help With
-
Anxiety
Worry, stress, and racing thoughts that make it hard to feel at peace.
-
Depression
Low mood, loss of motivation, and feeling disconnected from the things you once enjoyed.
-
Grief and Loss
Processing the loss of a loved one, a relationship, or a season of life.
-
Life Transitions
Finding your footing through major changes in work, family, or identity.
-
Menopausal Support
Navigating the emotional changes that can come with perimenopause and menopause.
-
Relationship Challenges
Mending fences, growing in your relationship, and becoming real partners to each other.
Journey Therapeutic Services, LLC 