/* ==========================================================================
   Biography page (templates/page-viografiko.php). The hero is .be_pagehero
   (main.css). CV text keeps the old page's plain look: system font, #333.
   ========================================================================== */

.be_cv-intro {
	display: flex;
	margin-top: 50px;
	padding-block: 10px;
}

.be_cv-intro > .be_col {
	flex: 0 0 50%;
	max-width: 50%;
}

.be_cv-intro-media img {
	display: block;
	width: 100%;
	height: auto;
}

.be_cv-intro-text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.be_cv-title {
	margin: 0;
	color: var(--be-ink);
	font: 400 32px/1 var(--be-font-sys);
}

.be_cv-title--spaced {
	margin-top: 50px;
}

.be_cv-text {
	color: var(--be-ink);
	font: 400 16px/24px var(--be-font-sys);
}

.be_cv-text--boxed {
	padding: 6px;
	font-family: var(--be-font);
}

.be_cv-text > :last-child {
	margin-bottom: 0;
}

.be_cv-section {
	padding-block: 10px;
}

.be_cv-section-text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.be_cv-section--split {
	display: flex;
}

.be_cv-section--split .be_cv-section-text,
.be_cv-section--split .be_cv-section-media {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 10px;
}

.be_cv-section--split .be_cv-section-media {
	margin-top: 50px;
}

.be_cv-section-media img {
	display: block;
	width: 100%;
	height: auto;
}

/* «Αρθρογραφία»: where the doctor writes (link to his profile on another site) */
.be_cv-press {
	margin-top: 50px;
	padding-block: 10px;
}

.be_cv-press-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 30px 35px;
	border-left: 4px solid var(--be-navy);
	background: var(--be-light);
}

.be_cv-press-text {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.be_cv-press-text .be_cv-text {
	margin: 0;
}

.be_cv-press-btn {
	flex: 0 0 auto;
	gap: 10px;
	padding: 15px 30px;
}

.be_cv-press-btn .be_icon {
	width: 14px;
	height: 14px;
}

.be_cv-press-btn:hover,
.be_cv-press-btn:focus {
	background: var(--be-sky);
}

.be_cv-head .be_section-title-heading {
	color: #192431;
}

.be_cv-head + .be_videos {
	margin-top: 55px;
}

div.be_cv-head:not(.be_section-head) {
	margin-top: 55px;
}

@media (max-width: 767px) {
	.be_cv-intro,
	.be_cv-section--split {
		display: block;
	}

	.be_cv-intro > .be_col,
	.be_cv-section--split .be_cv-section-text,
	.be_cv-section--split .be_cv-section-media {
		max-width: none;
	}

	.be_cv-section--split .be_cv-section-media {
		margin-top: 20px;
	}

	.be_cv-press-box {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding: 25px 20px;
	}
}