/**
 * WW Shortcodes — front-end styles.
 * Mirrors the styles the old Divi custom modules got from the Divi-Child-Plus
 * theme, scoped under .wwsc-* wrappers so nothing outside the shortcodes changes.
 */

/* [ww_compassionate_care] — Circle of Compassionate Care */
.wwsc-ccc .ccc-item {
	padding: 15px 0;
}

.wwsc-ccc .ccc-title {
	font-size: 36px;
	margin-bottom: 8px;
}

.wwsc-ccc .ccc-blurb {
	font-size: 18px;
	line-height: 1.7;
}

.wwsc-ccc .ccc-readmore a {
	color: #fff;
	display: inline-block;
	background: #2f6f78;
	border-radius: 3px;
	padding: 10px 15px;
	margin-top: 10px;
	margin-bottom: 8px;
	transition: background-color 0.2s ease;
}

.wwsc-ccc .ccc-readmore a:hover,
.wwsc-ccc .ccc-readmore a:focus {
	background: #0097a7;
	color: #fff;
}

/*
 * [ww_newsletter_signup] — ActiveCampaign inline form.
 * Port of the Divi Theme Customizer rules that targeted the old module's
 * "#newsletter-form" CSS ID. AC injects its own ID-level styles, hence !important.
 * :is(..., #wwsc-newsletter) lifts specificity to ID level (AC uses random
 * "#_form_XXXX_" IDs); the ID itself is never output.
 * Field classes (_x...) are identical on the EN (form 1) and FR (form 3) forms.
 */
:is(.wwsc-newsletter, #wwsc-newsletter) form {
	padding: 0 !important;
	background-color: transparent !important;
	max-width: 100% !important;
	width: 100% !important;
}

:is(.wwsc-newsletter, #wwsc-newsletter) form ._form-content {
	display: flex !important;
	flex-wrap: wrap;
}

/* Hide AC form title + description (the page already has its own heading). */
:is(.wwsc-newsletter, #wwsc-newsletter) form ._form_element._x72040854,
:is(.wwsc-newsletter, #wwsc-newsletter) form ._form_element._x12347764 {
	display: none !important;
}

:is(.wwsc-newsletter, #wwsc-newsletter) form ._form-label {
	color: #fff !important;
	font-weight: 300 !important;
}

:is(.wwsc-newsletter, #wwsc-newsletter) form ._field-wrapper input {
	border: 0 !important;
	caret-color: #fd3866;
	padding: 1.5rem 1rem !important;
	width: 100% !important;
}

/* First name, last name, email share the row; postal code keeps AC's width. */
:is(.wwsc-newsletter, #wwsc-newsletter) form ._form_element._x25748797,
:is(.wwsc-newsletter, #wwsc-newsletter) form ._form_element._x93807114,
:is(.wwsc-newsletter, #wwsc-newsletter) form ._form_element._x10623933 {
	flex: 1 1 25%;
}

:is(.wwsc-newsletter, #wwsc-newsletter) form ._button-wrapper {
	flex: 1 0 100%;
	margin-left: 0 !important;
}

:is(.wwsc-newsletter, #wwsc-newsletter) form button._submit {
	font-family: "Noto Serif", Georgia, "Times New Roman", serif !important;
	text-decoration: underline !important;
	background: transparent !important;
	font-size: 1.75rem !important;
	font-weight: 600 !important;
	padding: 0 !important;
}

@media (max-width: 640px) {
	:is(.wwsc-newsletter, #wwsc-newsletter) form ._form_element._x25748797,
	:is(.wwsc-newsletter, #wwsc-newsletter) form ._form_element._x93807114,
	:is(.wwsc-newsletter, #wwsc-newsletter) form ._form_element._x10623933 {
		flex: 1 1 100%;
	}
}

/* [ww_events_form] — third-party embeds (iframes) should never overflow. */
.wwsc-events-form iframe {
	max-width: 100%;
}