/* =====================================================
   Featured Content Module
   ===================================================== */

/* ---- Background colour definitions ---- */

.featured_content_module {
	padding: 40px 0px 60px;
}

.featured_content_module.black-bg {
	background-color: var(--black);
}

.featured_content_module.green-bg {
	background-color: var(--green);
}

.featured_content_module.white-bg {
	background-color: var(--white);
}

/* ---- Column layout ---- */

.fcm-col-left {
	padding-right: 40px;
}

.fcm-col-right {
	padding-left: 20px;
}

/* ---- Heading (left column) ---- */

.fcm-heading.content-block {
	line-height: 1;
}

.fcm-heading.content-block p, .fcm-heading.content-block h1, .fcm-heading.content-block h2, .fcm-heading.content-block h3 {
  font-family: var(--content);
  font-size: clamp(22px, 5.5vw, 34px);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin: 0;
	color: var(--white);
}

/* ---- Body copy (right column) ---- */

.fcm-body.content-block p {
  font-family: var(--content);
font-size: 15px;
line-height: 20px;
font-weight: 400;

  margin-bottom: 1.25em;
	padding-bottom: 10px;
}

.fcm-body.content-block p:last-child {
	margin-bottom: 0;
}

/* ---- Colour overrides: dark backgrounds ---- */

.featured_content_module.black-bg .fcm-heading.content-block,
.featured_content_module.black-bg .fcm-heading.content-block p,
.featured_content_module.black-bg .fcm-heading.content-block h1,
.featured_content_module.black-bg .fcm-heading.content-block h2,
.featured_content_module.black-bg .fcm-heading.content-block h3 {
	color: var(--white);
}

.featured_content_module.black-bg .fcm-body.content-block,
.featured_content_module.black-bg .fcm-body.content-block p,
.featured_content_module.black-bg .fcm-body.content-block li {
	color: var(--white);
}

/* ---- Colour overrides: green background ---- */

.featured_content_module.green-bg .fcm-heading.content-block,
.featured_content_module.green-bg .fcm-heading.content-block p,
.featured_content_module.green-bg .fcm-heading.content-block h1,
.featured_content_module.green-bg .fcm-heading.content-block h2,
.featured_content_module.green-bg .fcm-heading.content-block h3 {
	color: var(--black);
}

.featured_content_module.green-bg .fcm-body.content-block,
.featured_content_module.green-bg .fcm-body.content-block p,
.featured_content_module.green-bg .fcm-body.content-block li {
	color: var(--black);
}

/* ---- Colour overrides: white background ---- */

.featured_content_module.white-bg .fcm-heading.content-block,
.featured_content_module.white-bg .fcm-heading.content-block p,
.featured_content_module.white-bg .fcm-heading.content-block h1,
.featured_content_module.white-bg .fcm-heading.content-block h2,
.featured_content_module.white-bg .fcm-heading.content-block h3 {
	color: var(--black);
}

.featured_content_module.white-bg .fcm-body.content-block,
.featured_content_module.white-bg .fcm-body.content-block p,
.featured_content_module.white-bg .fcm-body.content-block li {
	color: var(--black);
}

/* =====================================================
   Responsive
   ===================================================== */

@media (max-width: 992px) {
	.fcm-col-left {
		padding-right: 15px;
		margin-bottom: 30px;
	}

	.fcm-col-right {
		padding-left: 15px;
	}

	.fcm-heading.content-block p,
	.fcm-heading.content-block h1,
	.fcm-heading.content-block h2,
	.fcm-heading.content-block h3 {
		font-size: clamp(32px, 8vw, 50px);
		line-height: 1;
	}
}


@media (max-width: 768px) {
.featured_content_module {
  padding: 5px 0px 5px;
}
}


@media (max-width: 576px) {
	.fcm-body.content-block p {
		font-size: 16px;
	}
}