.elementor-362 .elementor-element.elementor-element-7722715{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-362 .elementor-element.elementor-element-cdfb194{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-362 .elementor-element.elementor-element-4f0e25e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-362 .elementor-element.elementor-element-4f0e25e{text-align:center;}.elementor-362 .elementor-element.elementor-element-4f0e25e .elementor-heading-title{font-size:50px;}.elementor-362 .elementor-element.elementor-element-9be3c97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-362 .elementor-element.elementor-element-1b556b4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 50px 20px;}.elementor-362 .elementor-element.elementor-element-1b556b4{text-align:left;}.elementor-362 .elementor-element.elementor-element-793d979{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-362 .elementor-element.elementor-element-719df48.elementor-element{--align-self:center;}.elementor-362 .elementor-element.elementor-element-719df48 .elementor-icon-list-icon{width:14px;}.elementor-362 .elementor-element.elementor-element-719df48 .elementor-icon-list-icon i{font-size:14px;}.elementor-362 .elementor-element.elementor-element-719df48 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}body.elementor-page-362:not(.elementor-motion-effects-element-type-background), body.elementor-page-362 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0C2E;}/* Start custom CSS *//* ---- FEATURED IMAGE :  class = mfc-featured ---- */
.mfc-featured .elementor-widget-container { margin: 0; }
.mfc-featured img {
	width: 100%;
	height: clamp(300px, 46vw, 560px);
	object-fit: cover;
	object-position: center;
	display: block;
	border-bottom: 3px solid #1257A1;
}


/* ---- CATEGORY CHIP :  class = mfc-category  (optional) ---- */
.mfc-category a,
.mfc-category .elementor-post-info__terms-list-item {
	display: inline-flex;
	align-items: center;
	font-family: 'Oswald', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.15);
	padding: 7px 15px;
	text-decoration: none;
	transition: border-color 0.3s, color 0.3s;
}
.mfc-category a:hover { border-color: #1257A1; color: #6eaaed; }


/* ---- TITLE :  class = mfc-title ---- */
.mfc-title .elementor-heading-title {
	font-family: 'Oswald', sans-serif;
	font-weight: 900;
	font-size: clamp(34px, 6vw, 74px);
	line-height: 0.94;
	letter-spacing: -0.025em;
	text-transform: uppercase;
	color: #fff;
}


/* ---- META (author / date / read time) :  class = mfc-meta  (optional) ---- */
.mfc-meta .elementor-post-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.6);
}
.mfc-meta .elementor-post-info__item { color: rgba(255,255,255,0.6); }
.mfc-meta .elementor-post-info__item a { color: #fff; text-decoration: none; }
.mfc-meta .elementor-post-info__separator { color: #1257A1; }


/* =====================================================================
   POST TEXT :  class = mfc-body
   Styles everything typed into the WordPress editor.
   ===================================================================== */
/* Centre the article in a readable column with padding.
   Elementor forces the Post Content widget to full width and centre-aligns
   it, so these use !important to win. */
.mfc-body {
	max-width: 760px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 16px 28px 48px !important;
	text-align: left !important;
}
.mfc-body .elementor-widget-container { padding: 0 !important; text-align: left !important; }
.mfc-body p,
.mfc-body h2,
.mfc-body h3,
.mfc-body li,
.mfc-body blockquote,
.mfc-body figcaption { text-align: left; }

.mfc-body p {
	font-family: 'Mulish', sans-serif;
	font-size: 17px;
	line-height: 1.85;
	color: rgba(255,255,255,0.72);
	margin: 0 0 26px;
}
/* first paragraph acts as a lead */
.mfc-body .elementor-widget-container > p:first-of-type {
	font-size: 21px;
	line-height: 1.7;
	color: rgba(255,255,255,0.9);
}
.mfc-body a {
	color: #6eaaed;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: rgba(110,170,237,0.4);
	transition: color 0.25s, text-decoration-color 0.25s;
}
.mfc-body a:hover { color: #fff; text-decoration-color: #fff; }
.mfc-body strong { color: #fff; font-weight: 700; }
.mfc-body em { font-style: italic; }

.mfc-body h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: clamp(26px, 3.4vw, 34px);
	text-transform: uppercase;
	color: #fff;
	line-height: 1.05;
	letter-spacing: -0.01em;
	margin: 52px 0 20px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.mfc-body h2::before { content: ''; width: 30px; height: 4px; background: #1257A1; flex-shrink: 0; }

.mfc-body h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	font-size: clamp(20px, 2.5vw, 25px);
	color: #fff;
	line-height: 1.15;
	margin: 40px 0 16px;
}

.mfc-body ul, .mfc-body ol { margin: 0 0 26px; padding-left: 4px; list-style: none; }
.mfc-body li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	font-family: 'Mulish', sans-serif;
	font-size: 17px;
	line-height: 1.7;
	color: rgba(255,255,255,0.72);
}
.mfc-body ul li::before {
	content: '';
	position: absolute;
	left: 4px;
	top: 11px;
	width: 8px;
	height: 8px;
	background: #1257A1;
	transform: rotate(45deg);
}
.mfc-body ol { counter-reset: mfc; }
.mfc-body ol li { counter-increment: mfc; }
.mfc-body ol li::before {
	content: counter(mfc);
	position: absolute;
	left: 0;
	top: 1px;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: #6eaaed;
	width: 20px;
	height: 20px;
	border: 1px solid #1257A1;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* UNIFORM images — every image in the post renders at the same size
   (93.75% of the column width, centred) regardless of the uploaded
   file's dimensions. It fills the box and crops from the TOP, so the top of
   the image (e.g. heads) is kept.
   • Change  93.75%  to resize (lower it to shrink, 100% for full width).
   • Change  16 / 9  for a different shape (3 / 2 or 4 / 3 crop less).
   • object-position: center top  keeps the top; use  center  to crop evenly. */
.mfc-body figure,
.mfc-body .wp-block-image {
	width: 93.75% !important;
	max-width: 93.75%;
	margin: 40px auto;
	float: none;
	text-align: initial;
}
/* neutralise left/right/centre alignments so all images stay the same size */
.mfc-body .alignleft,
.mfc-body .alignright,
.mfc-body .aligncenter,
.mfc-body figure.alignleft,
.mfc-body figure.alignright,
.mfc-body figure.aligncenter {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 93.75%;
}
.mfc-body img {
	width: 93.75% !important;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center top;
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
/* an image inside a figure fills that figure */
.mfc-body figure img,
.mfc-body .wp-block-image img { width: 100% !important; }
/* go full width on small screens so images stay legible on mobile */
@media (max-width: 600px) {
	.mfc-body figure,
	.mfc-body .wp-block-image,
	.mfc-body img { width: 100% !important; max-width: 100%; }
}
.mfc-body figcaption {
	margin-top: 12px;
	font-family: 'Mulish', sans-serif;
	font-size: 13px;
	line-height: 1.5;
	font-style: italic;
	color: rgba(195,208,230,0.55);
	padding-left: 14px;
	border-left: 2px solid rgba(255,255,255,0.15);
}

.mfc-body blockquote {
	margin: 40px 0;
	padding: 30px 30px 30px 34px;
	background: rgba(255,255,255,0.03);
	border-left: 3px solid #1257A1;
	position: relative;
}
.mfc-body blockquote::before {
	content: '\201C';
	position: absolute;
	top: 6px;
	left: 14px;
	font-family: 'Oswald', sans-serif;
	font-weight: 900;
	font-size: 60px;
	line-height: 1;
	color: #d4af37;
	opacity: 0.3;
}
.mfc-body blockquote p {
	font-family: 'Oswald', sans-serif;
	font-style: italic;
	font-weight: 500;
	font-size: clamp(19px, 2.4vw, 25px);
	line-height: 1.4;
	color: #fff;
	margin: 0 0 6px;
}
.mfc-body blockquote cite {
	display: block;
	margin-top: 10px;
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(195,208,230,0.55);
}

.mfc-body hr, .mfc-body .wp-block-separator {
	border: 0;
	height: 1px;
	background: rgba(255,255,255,0.15);
	margin: 44px 0;
}

/* optional "By The Numbers" box — add class  mfc-callout  to a Group block */
.mfc-body .mfc-callout {
	margin: 40px 0;
	padding: 30px 32px;
	background: #16143f;
	border: 1px solid rgba(255,255,255,0.08);
	border-left: 3px solid #d4af37;
}
.mfc-body .mfc-callout li::before { background: #d4af37; }


/* ---- OPTIONAL: add class  mfc-post  to the Section holding everything ---- */
.mfc-post { background: #0e0c2e; }/* End custom CSS */