/* =========================================================
   WPForms (Centering)
   ========================================================= */
.wpf-center {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 500px;
}

.wpf-center .wpforms-head-container,
.wpf-center .wpforms-submit-container {
  text-align: center;
}


/* =========================================================
   CEF Blog: Meta (Post Info widget)
   Add class "cef-post-meta" to your Post Info widget
   ========================================================= */
.cef-post-meta,
.cef-post-meta * {
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0em;
  text-transform: uppercase;
}


/* =========================================================
   CEF Resources: Gutenberg content styling
   (Elementor Single Post template → Post Content widget)
   ========================================================= */

/* Base typography — this sets the baseline for paragraphs AND lists */
.single-post .elementor-widget-theme-post-content {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;          /* adjust to 15px if you prefer */
  line-height: 1.7;
}

/* Paragraph spacing */
.single-post .elementor-widget-theme-post-content p {
  margin-bottom: 1.1em;
  font-size: 1em;
}

/* Headings */
.single-post .elementor-widget-theme-post-content h2 {
  font-size: 36px;
  font-weight: 400;
  margin-top: 1.5em;
  margin-bottom: 0.6em;
  line-height: 1.1;
}

.single-post .elementor-widget-theme-post-content h3 {
  font-size: 20px;
  font-weight: 400;
  color: #787878;
  margin-top: 1.6em;
  margin-bottom: 0.5em;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.04em; /* optional: makes uppercase feel nicer */
}

.single-post .elementor-widget-theme-post-content h4 {
  font-weight: 800;
	color: #000000;
  margin-top: 1.6em;
  margin-bottom: 0.5em;
  line-height: 1.2;
}

/* Lists — force same size as paragraphs (TT1 can otherwise override) */
.single-post .elementor-widget-theme-post-content ul,
.single-post .elementor-widget-theme-post-content ol {
  margin-bottom: 1.2em;
  padding-left: 1.2em;
  font-size: 1em !important;
}

.single-post .elementor-widget-theme-post-content li {
  margin-bottom: 0.45em;
  font-size: 1em !important;
}

/* Links — no underline, subtle hover */
.single-post .elementor-widget-theme-post-content a {
  color: #5fb5e3;
  text-decoration: none;
  font-weight: 500;
}

.single-post .elementor-widget-theme-post-content a:hover,
.single-post .elementor-widget-theme-post-content a:focus {
  opacity: 0.50;
}


/* =========================================================
   CEF Resources: Key Takeaways callout
   Use a Group block with class: cef-key-takeaways
   ========================================================= */
.single-post .elementor-widget-theme-post-content .cef-key-takeaways {
  margin-top: 0;
  margin-bottom: 2.2em;
  padding: 2em;
  border: 0;
  border-radius: 15px;
  background: #0a1931;
}

/* Heading inside callout */
.single-post .elementor-widget-theme-post-content .cef-key-takeaways h3 {
  margin-top: 0;
  margin-bottom: 0.6em;
  color: #5fb5e3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* List inside callout */
.single-post .elementor-widget-theme-post-content .cef-key-takeaways ul {
  margin: 0;
  padding-left: 1.1em;
  color: #ffffff;
  font-size: 1em !important;
}

.single-post .elementor-widget-theme-post-content .cef-key-takeaways li {
  margin-bottom: 0.4em;
  font-size: 1em !important;
  color: #ffffff;
}

/* Force Montserrat on common inline elements (TT1 can override these) */
.single-post .elementor-widget-theme-post-content,
.single-post .elementor-widget-theme-post-content p,
.single-post .elementor-widget-theme-post-content ul,
.single-post .elementor-widget-theme-post-content ol,
.single-post .elementor-widget-theme-post-content li,
.single-post .elementor-widget-theme-post-content a {
  font-family: "Montserrat", sans-serif !important;
}

/* ===== CEF Resources: FAQ callout wrapper ===== */
.single-post .elementor-widget-theme-post-content .cef-faq-callout {
  margin: 2.2em 0;
  padding: 2em;
  border-radius: 15px;
  background: #0a1931; /* match Key Takeaways */
}

/* FAQ heading inside callout */
.single-post .elementor-widget-theme-post-content .cef-faq-callout h3 {
  margin-top: 0;
  margin-bottom: 0.8em;
  color: #5fb5e3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Details accordion inside FAQ callout */
.single-post .elementor-widget-theme-post-content .cef-faq-callout details {
  border: 0px solid rgba(255,255,255,0.18);
  border-radius: 10px;
  padding: 0em 0em;
  margin: 0 0 0.85em 0;
  color: #ffffff;
}

/* Question row */
.single-post .elementor-widget-theme-post-content .cef-faq-callout summary {
  cursor: pointer;
	font-weight: 400;
  list-style: none;
  color: #ffffff;
}

/* Remove default marker */
.single-post .elementor-widget-theme-post-content .cef-faq-callout summary::-webkit-details-marker {
  display: none;
}

/* Answer spacing */
.single-post .elementor-widget-theme-post-content .cef-faq-callout details > *:not(summary) {
  font-weight: 400;
	margin-top: 0.75em;
  color: #5fb5e3;
}

/* Links inside FAQ */
.single-post .elementor-widget-theme-post-content .cef-faq-callout a {
  color: #5fb5e3;
  text-decoration: none;
  font-weight: 500;
}