/* Loaded on every single post. */

/* The Single Post Template gives the title's text box a small mobile line-height
   that the larger H1 inherits, so two-line titles overlap on phones. */
h1.acf-article-title {
	line-height: 1.15;
}

/* Health article body (posts imported by careclinics-articles). */
.cc-article-page .elementor-widget-theme-post-content {
	--cc-navy: #1a4678;
	--cc-blue: #005aa8;
	--cc-sky: #00beee;
	--cc-tint: #f0f8ff;
	color: #333;
	font-size: 1.05rem;
	line-height: 1.75;
}
.cc-article-page .elementor-widget-theme-post-content h2 {
	color: var(--cc-navy);
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 2.2em 0 .6em;
	scroll-margin-top: 120px;
}
.cc-article-page .elementor-widget-theme-post-content h3 {
	color: var(--cc-navy);
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 1.6em 0 .4em;
}
.cc-article-page .elementor-widget-theme-post-content a {
	color: var(--cc-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.cc-article-page .elementor-widget-theme-post-content ul,
.cc-article-page .elementor-widget-theme-post-content ol {
	padding-left: 1.4em;
	margin: 0 0 1.2em;
}
.cc-article-page .elementor-widget-theme-post-content li {
	margin-bottom: .4em;
}

/* "In short" box at the top. */
.cc-article-page .cc-key-points {
	background: var(--cc-tint);
	border-left: 4px solid var(--cc-sky);
	border-radius: 8px;
	padding: 1.2em 1.4em;
	margin: 0 0 2em;
}
.cc-article-page .cc-key-points h2 {
	font-size: 1.15rem;
	margin: 0 0 .5em;
}
.cc-article-page .cc-key-points ul {
	margin-bottom: 0;
}

/* Tables scroll sideways on phones instead of squashing. */
.cc-article-page .wp-block-table {
	margin: 1.2em 0 1.6em;
	overflow-x: auto;
}
.cc-article-page .wp-block-table table {
	border-collapse: collapse;
	width: 100%;
	min-width: 520px;
	font-size: .95rem;
	table-layout: auto;
}
.cc-article-page .wp-block-table th,
.cc-article-page .wp-block-table td {
	border: 1px solid #d6e4f0;
	padding: .6em .8em;
	text-align: left;
	vertical-align: top;
	/* The theme sets word-break: break-word, which splits short words mid-way in narrow columns. */
	word-break: normal;
	overflow-wrap: break-word;
}
.cc-article-page .wp-block-table thead th {
	background: var(--cc-navy);
	color: #fff;
}
.cc-article-page .wp-block-table tbody tr:nth-child(even) {
	background: #f7fbff;
}

/* "Book / find a clinic" call to action. */
.cc-article-page .cc-cta {
	background: linear-gradient(135deg, #005aa8, #1a4678);
	border-radius: 12px;
	color: #fff;
	padding: 1.4em 1.6em;
	margin: 2.2em 0;
}
.cc-article-page .cc-cta h2,
.cc-article-page .cc-cta h3 {
	color: #fff;
	margin-top: 0;
}
.cc-article-page .cc-cta a {
	color: #fff;
	font-weight: 600;
}

/* Warning / see-a-doctor box. */
.cc-article-page .cc-warning {
	background: #fff6f2;
	border-left: 4px solid #e2603b;
	border-radius: 8px;
	padding: 1em 1.4em;
	margin: 1.4em 0;
}
.cc-article-page .cc-warning h3 {
	margin-top: 0;
}

.cc-article-page .cc-sources {
	border-top: 1px solid #d6e4f0;
	margin-top: 2.5em;
	padding-top: .5em;
	font-size: .9rem;
}
.cc-article-page .cc-sources h2 {
	font-size: 1.1rem;
}
.cc-article-page .cc-disclaimer {
	color: #666;
	font-style: italic;
}