/*
Theme Name: SiteOrigin North Child
Template: siteorigin-north
Description: Child theme for SiteOrigin North on kayebaumgardnerslp.com
Version: 1.0.0
*/

/* ── Site title (logo text) ───────────────────────────────────────── */
/* Color set on the parent so the theme's "color: inherit" on the <a> picks up pink */
#masthead .site-branding .site-title,
#masthead .site-branding .logo-site-title {
	color: #FF69C5 !important;
	font-size: calc((1.5em + 14px) * 1.3) !important;
}

#masthead .site-branding .site-title a,
#masthead .site-branding .logo-site-title a {
	font-family: "Moontime", cursive;
	color: inherit;
	font-weight: 700;
	text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.15);
}

/* ── Footer background ─────────────────────────────────────────────── */
#colophon,
.site-footer {
	background-color: #ffffff !important;
}

/* ── About Me circle decoration ────────────────────────────────────── */
.about-me-circle {
	position: relative;
	display: inline-block;
	padding: 0.3em 1em;
}

.about-me-circle::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 260px;
	height: 95px;
	background-image: url('/wp-content/themes/siteorigin-north-child/images/hand-drawn-oval.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	pointer-events: none;
	z-index: 0;
}

.about-me-circle span {
	position: relative;
	z-index: 1;
}

/* ── Services circle decoration ─────────────────────────────────────── */
.services-circle {
	position: relative;
	display: inline-block;
	padding: 0.3em 1em;
}

.services-circle::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 290px;
	height: 100px;
	background-image: url('/wp-content/themes/siteorigin-north-child/images/hand-drawn-oval.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	pointer-events: none;
	z-index: 0;
}

.services-circle {
	position: relative;
	z-index: 1;
}

/* ── "What We Cover" circle (green oval, pink text) ─────────────────── */
.cover-circle {
	position: relative;
	display: inline-block;
	padding: 0.3em 1em;
}

.cover-circle::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 230px;
	height: 85px;
	background-image: url('/wp-content/themes/siteorigin-north-child/images/hand-drawn-oval-green.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	pointer-events: none;
	z-index: 0;
}

.cover-circle span { position: relative; z-index: 1; }

/* ── "Who This Is For" circle (pink oval, green text) ────────────────── */
.who-circle {
	position: relative;
	display: inline-block;
	padding: 0.3em 1em;
}

.who-circle::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 250px;
	height: 90px;
	background-image: url('/wp-content/themes/siteorigin-north-child/images/hand-drawn-oval.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	pointer-events: none;
	z-index: 0;
}

.who-circle span { position: relative; z-index: 1; }

/* ── Service page title underline (green) ───────────────────────────── */
.service-title-underline {
	position: relative;
	display: inline-block;
}

.service-title-underline::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 18px;
	background-image: url('/wp-content/themes/siteorigin-north-child/images/service-underline.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	pointer-events: none;
}

/* ── "Ready to Work Together?" underline decoration ─────────────────── */
.cta-underline {
	position: relative;
	display: inline-block;
}

.cta-underline::after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: -5%;
	width: 110%;
	height: 18px;
	background-image: url('/wp-content/themes/siteorigin-north-child/images/cta-underline.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	pointer-events: none;
}