:root {
	--cac-cv-line-height-standard: 1.6;
	--cac-cv-line-height-tight: 1;
	--cac-cv-spacing-xlarge: 6rem;
	--cac-cv-modal-width: 750px;
	--cac-cv-cover-image-ratio: calc(16 / 5);
}

@media (max-width: 1400px) {
	body {
		--container-width: calc(100% - (2 * var(--spacing-small)));
	}
}

/** redesign bridge
	--spacing-large: 66px;
  	--spacing-med: 45px;
  	--spacing-small: 28px;
  	--spacing-x-small: 14px;
	**/

.cv-container {
	position: relative;
	background: #fff;
	padding-bottom: var(--spacing-large);
}

.has-cover-image.cv-container-wrapper {
	margin-top: var(--spacing-med);
}

.wp-block-column {
	align-self: flex-start;
}

.wp-block-cac-cv-top,
.wp-block-cac-cv-rows {
	width: var(--container-width);
	margin: 0 auto;
}

.wp-block-cac-cv-top {
	font-family: var(--sans-serif);
	font-size: var(--size-large-text);
	line-height: var(--cac-cv-line-height-standard);
	margin-top: var(--spacing-large);
}

.wp-block-cac-cv-top h2 {
	display: inline-flex;
	font-size: var(--size-h1-desktop);
	margin-top: var(--spacing-small);
	margin-bottom: 0;
	line-height: var(--cac-cv-line-height-tight);
}

.wp-block-cac-cv-top h2~p {
	display: inline-flex;
	margin-left: var(--spacing-small);
	margin-bottom: 0;
}

html .iso-editor .wp-block-cac-cv-top h3,
.wp-block-cac-cv-group h3 {
	font-size: var(--size-h5-desktop);
	margin-top: var(--spacing-small);
	margin-bottom: var(--spacing-small);
	line-height: var(--cac-cv-line-height-tight);
}

.wp-block-cac-cv-group>p {
	font-family: var(--serif);
}

.wp-block-cac-cv-top-row {
	display: flex;
	flex-direction: row;
}

.cac-cv-top-row-header {
	flex-basis: 20%;
}

.wp-block-cac-cv-top .wp-block-social-links {
	list-style: none;
	padding-left: 0;
}

html .iso-editor .wp-block-cac-cv-rows,
.wp-block-cac-cv-rows {
	border-top: 2px;
	border-top-style: dashed;
	border-top-color: var(--med-dark-grey);
	margin-top: var(--spacing-med);
	padding-top: var(--spacing-med);
}

html .iso-editor .wp-block-cac-cv-row,
.wp-block-cac-cv-row {
	display: flex;
	margin-bottom: var(--spacing-large);
}

html .iso-editor .cac-cv-row-content p,
.cac-cv-row-content p,
html .iso-editor .wp-block-cac-cv-position,
.wp-block-cac-cv-position {
	margin-bottom: var(--spacing-small);
}

.cac-cv-row-header {
	flex-basis: 20%;
	padding-right: 2rem;
}

.cac-cv-row-content {
	flex-basis: 80%;
}

.cac-cv-row-header h2 {
	font-size: var(--size-h3-desktop);
	font-weight: 700;
	color: var(--black);
	margin: 0;
}

.cac-cv-row-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cac-cv-row-content p:first-of-type {
	margin-top: 0;
}

html .iso-editor .cac-cv-row-content li,
.cac-cv-row-content li {
	margin-bottom: var(--spacing-small);
}

.wp-block-cac-cv-profile-image {
	margin: 0;
}

.wp-block-cac-cv-top .wp-block-cac-cv-profile-image img {
	width: 100%;
	max-width: 268px;
}

.wp-block-cac-cv-profile-image,
.wp-block-cac-cv-shortlink,
.wp-block-cac-cv-profile-navigation {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.wp-block-cac-cv-shortlink,
.wp-block-cac-cv-profile-navigation {
	display: flex;
	padding: var(--spacing-x-small) var(--spacing-small);
	flex-direction: column;
	gap: var(--spacing-x-small);
	font-size: var(--size-text);
}

.wp-block-cac-cv-profile-navigation {
	padding-top: 0;
	padding-bottom: var(--spacing-small);
	border-bottom: 1px solid #ccc;
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
	background-color: #fff;
	color: #222;
}


.cv-editor-container {
	max-width: var(--container-width);
	margin: 0 auto;
	padding-top: 2rem;
}

.cv-editor-notice {
	display: none;
	background-color: var(--deep-blue);
	border: 1px solid var(--deep-blue);
	color: #fff;
	padding: 1rem;
	font-family: var(--sans-serif);
	font-size: var(--size-large-text-desktop);
}

.cv-editor-notice-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: var(--container-width);
}

@media (max-width: 1400px) {
	.cv-editor-container,
	.cv-editor-notice-wrapper {
		max-width: 100%;
	}

	.edit-post-header__settings {
		justify-content: flex-end;
	}
}

.cv-editor-notice svg {
	fill: currentColor;
	width: 22px;
	height: 22px;
	margin-right: 9px;
	margin-top: 2px;
}

.cv-editor-notice-action svg {
	width: 14px;
	height: 14px;
	margin-left: 29px;
}

.cv-editor-has-notice-publish {
	display: block;
}

.cv-editor-has-notice-draft {
	display: block;
	background-color: var(--off-white);
	border: 1px solid var(--lt-brown);
	color: var(--black);
}

.cv-editor-notice a,
.cv-editor-notice a:hover,
.cv-editor-notice a:visited {
	color: inherit;
}

.cv-editor-notice a:hover {
	text-decoration: none;
}

.cv-editor-notice-action {
	flex-grow: 1;
	text-align: right;
	font-weight: 600;
	line-height: 1.3;
}

.cv-editor-modal-container {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	top: 0;
	z-index: 9999;
}

.cv-editor-modal {
	position: relative;
	display: flex;
	gap: var(--spacing-large);
	background: #fff;
	width: var(--cac-cv-modal-width);
	padding: var(--cac-cv-spacing-xlarge);
	margin: 13vh auto;
	border-radius: 0.5rem;
}

@media screen and (max-height: 1000px) {
	.cv-editor-modal {
		margin-top: var(--spacing-large);
		padding: var(--spacing-med);
	}
}

@media screen and (max-width: 800px) {
	.cv-editor-modal {
		flex-direction: column;
		width: calc(90% - (var(--spacing-med) * 2));
		overflow: auto;
	}

	.cv-editor-modal-screenshot {
		display: none;
	}
}

.cv-modal-migrated {
	flex-direction: column;
	gap: 0;
}

.cv-editor-modal-message {
	flex-basis: 60%;
}

.cv-editor-modal-screenshot {
	flex-basis: calc(40% - var(--spacing-large));
}

.cv-editor-modal-screenshot img {
	max-width: 100%;
	border: 1px solid #ccc;
}

.cv-editor-modal h1,
.cv-editor-modal h2 {
	font-weight: 700;
	font-size: var(--size-h3-desktop);
	margin: 0 0 var(--spacing-small) 0;
}

.cv-editor-modal h2 {
	font-size: var(--size-h4-desktop);
	margin-top: var(--spacing-small);
}

.cv-editor-modal ol {
	padding-left: var(--spacing-small);
	margin: var(--spacing-small) 0;
}

.cv-editor-modal .cac-button {
	padding: .5rem var(--spacing-x-small);
	margin-right: var(--spacing-x-small);
}

.cv-editor-modal .cv-modal-buttons {
	margin-top: var(--spacing-small);
}

.cv-editor-modal button {
	position: absolute;
	background: none;
	border: 0;
	top: var(--spacing-small);
	right: var(--spacing-small);
	width: 15px;
	height: 15px;
	cursor: pointer;
}

@media screen and (max-height: 1000px) {
	.cv-editor-modal button {
		top: var(--spacing-x-small);
		right: var(--spacing-x-small);
	}
}

.cv-editor-modal button svg {
	width: 15px;
	height: 15px;
}

.has-cover-image.cv-container-wrapper,
.has-cover-image .iso-editor .edit-post-visual-editor {
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: min(calc(100vw / var(--cac-cv-cover-image-ratio)), 400px);
}

.cv-cover-caption {
	position: absolute;
	right: 0;
	top: calc(-1 * ((2 * var(--spacing-x-small)) + var(--size-large-text)));
	background: #000;
	color: #fff;
	padding: var(--spacing-x-small) var(--spacing-small);
	line-height: 1;
}

@media screen and (min-width: 2000px) {

	.has-cover-image.cv-container-wrapper,
	.has-cover-image .iso-editor .edit-post-visual-editor {
		background-size: cover;
	}
}

.has-cover-image .wp-block-cac-cv-profile-image,
.has-cover-image .iso-editor .wp-block-cac-cv-profile-image {
	margin: -60px 0 0 0;
}

.has-removed-cover-image .iso-editor .edit-post-visual-editor {
	background-image: none;
	padding-top: 0;
}

.has-removed-cover-image .iso-editor .wp-block-cac-cv-profile-image {
	margin-top: 0;
}

@media screen and (max-width: 800px) {

	html .iso-editor .wp-block-cac-cv-row,
	.wp-block-cac-cv-row {
		flex-direction: column;
		margin-bottom: var(--spacing-small);
	}

	.cac-cv-row-header {
		margin-bottom: var(--spacing-small);
	}

	.wp-block-cac-cv-top {
		margin-top: var(--spacing-small);
	}

	.wp-block-cac-cv-top h2 {
		font-size: var(--size-h1);
		margin-top: 0;
	}

	.wp-block-cac-cv-top h2~p {
		margin-left: 0;
	}

	.wp-block-cac-cv-top>.wp-block-columns {
		flex-direction: column;
	}

	.wp-block-cac-cv-top>.wp-block-columns>.wp-block-column:first-of-type {
		display: grid;
		grid-template-columns: 120px auto;
		grid-template-rows: 40px auto;
		grid-template-areas: "image text ""image2 text2";
	}

	.wp-block-cac-cv-profile-image {
		width: 120px;
		height: 120px;
		margin-top: -2rem;
		grid-row-start: image;
		grid-row-end: image2-end;
		border: none;
	}

	.has-cover-image .wp-block-cac-cv-profile-image,
	.has-cover-image .iso-editor .wp-block-cac-cv-profile-image {
		margin-top: calc(-1 * var(--spacing-med));
	}

	.has-cover-image.cv-container-wrapper {
		margin-top: var(--spacing-small);
	}

	.cv-cover-caption {
		top: calc(-1 * ((2 * var(--spacing-small)) + var(--size-large-text)));
		padding: 11px;
		font-size: var(--size-small-text);
	}

	.wp-block-cac-cv-profile-navigation {
		grid-area: text2;
		gap: .25rem;
		padding: 0 0.75rem 0 1rem;
		border: none;
	}

	.wp-block-cac-cv-shortlink {
		grid-area: text;
		padding: 0.75rem 0.75rem 0.75rem 1rem;
		border: none;
	}

	.cv-editor-notice {
		font-size: var(--size-small-text-desktop);
	}

	.cv-editor-notice-action svg {
		margin-left: 5px;
	}
}