@import url(‘https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Italiana&display=swap’);
.hh-home {
background: #F9F7F3;
text-align: center;
padding: 55px 25px 80px;
font-family: ‘Cormorant Garamond’, Georgia, serif;
}
.hh-home * { box-sizing: border-box; }
.hh-home .eyebrow {
color: #B66979;
font-family: ‘Italiana’, Georgia, serif;
font-size: 16px;
letter-spacing: 6px;
text-transform: uppercase;
margin: 0 0 22px;
}
.hh-home h1 {
color: #A7B3A3;
font-family: ‘Cormorant Garamond’, Georgia, serif;
font-size: clamp(48px, 7vw, 88px);
font-weight: 400;
letter-spacing: 5px;
line-height: 1.1;
margin: 0 0 18px;
}
.hh-home .tagline {
color: #B66979;
font-family: ‘Italiana’, Georgia, serif;
font-size: clamp(17px, 2.5vw, 27px);
font-style: normal;
text-transform: uppercase;
line-height: 1.6;
margin: 0;
}
.hh-home .welcome {
background: #A7B3A3;
color: #FFFFFF;
max-width: 960px;
margin: 30px auto 0;
padding: 48px 25px;
}
.hh-home .welcome h2 {
color: #FFFFFF;
font-family: ‘Cormorant Garamond’, Georgia, serif;
font-size: clamp(30px, 4.5vw, 54px);
font-weight: 500;
letter-spacing: 4px;
line-height: 1.2;
margin: 0 0 12px;
}
.hh-home .welcome p {
color: #FFFFFF;
font-family: ‘Italiana’, Georgia, serif;
font-size: clamp(16px, 2vw, 23px);
line-height: 1.6;
text-transform: uppercase;
margin: 0;
}
.hh-home .nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px 25px;
margin-top: 40px;
}
.hh-home .nav a {
color: #233A50;
font-family: ‘Italiana’, Georgia, serif;
font-size: 15px;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
}
.hh-home .nav a:hover {
color: #B66979;
}
@media (max-width: 600px) {
.hh-home { padding: 40px 15px 60px; }
.hh-home .eyebrow { letter-spacing: 3px; }
.hh-home h1 { letter-spacing: 2px; }
.hh-home .welcome { padding: 38px 18px; }
}
/* Happily Hutcheson WordPress fixes */
.hh-home {
width: 100% !important;
max-width: none !important;
margin: 0 auto !important;
padding: 55px 25px 80px !important;
background-color: #F9F7F3 !important;
text-align: center !important;
}
.hh-home .eyebrow,
.hh-home h1,
.hh-home .tagline,
.hh-home .welcome h2,
.hh-home .welcome p {
text-align: center !important;
}
.hh-home .eyebrow {
font-family: ‘Italiana’, Georgia, serif !important;
font-weight: 400 !important;
color: #B66979 !important;
}
.hh-home h1 {
font-family: ‘Cormorant Garamond’, Georgia, serif !important;
font-weight: 300 !important;
color: #A7B3A3 !important;
}
.hh-home .tagline {
font-family: ‘Italiana’, Georgia, serif !important;
font-weight: 400 !important;
font-style: normal !important;
color: #B66979 !important;
}
.hh-home .welcome h2 {
font-family: ‘Cormorant Garamond’, Georgia, serif !important;
font-weight: 400 !important;
color: #FFFFFF !important;
}
.hh-home .welcome p {
font-family: ‘Italiana’, Georgia, serif !important;
font-weight: 400 !important;
color: #FFFFFF !important;
}
FAITH · FAMILY · RECIPES · EVERYDAY LIFE
HAPPILY HUTCHESON
Finding joy in the beautiful, messy moments of life.
A LITTLE BIT OF EVERYTHING
Faith, family, recipes, home, travel,
and everyday life.
Faith
Family
Recipes
Home
Travel
About Me
