#right-sidebar.widget-area {
	--vc-font: Poppins, "Readex Pro", "Golos Text", sans-serif;
	--vc-title: rgb(12,13,18);
	--vc-paragraph: rgb(74,85,104);
	--vc-primary: rgb(14,49,143);
	--vc-primary-deep: rgb(15,33,92);
	--vc-on-primary: rgb(237,246,255);
	--vc-surface: rgb(249,250,251);
	--vc-field: rgb(252,252,252);
	--vc-ring: rgb(237,242,247);
	--vc-error: rgb(172,12,34);
}

/* the panel */
#right-sidebar.widget-area .widget {
	background-color: var(--vc-surface) !important;
	border-radius: 16px;
	box-shadow: inset 0 0 0 1px var(--vc-ring);
	padding: 24px;
	font-family: var(--vc-font);
	color: var(--vc-paragraph);
}
#right-sidebar.widget-area .widget + .widget {
	margin-top: 24px;
}
#right-sidebar.widget-area .widget h2,
#right-sidebar.widget-area .widget h3,
#right-sidebar.widget-area .widget h4,
#right-sidebar.widget-area .widget .widget-title {
	margin: 0 0 16px;
	font-family: var(--vc-font);
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--vc-title);
}
#right-sidebar.widget-area .widget h2 strong,
#right-sidebar.widget-area .widget h3 strong,
#right-sidebar.widget-area .widget h4 strong {
	font-weight: 700;
}

/* the lead form, same controls as the consultation sidebar.
   ev-forms draws every control from its --evf-* tokens, so most of the design is a token
   remap. The #right-sidebar prefix is load-bearing: ev-forms marks its control rules
   !important at 0-2-1, and an !important here only wins with the higher specificity. */
#right-sidebar.widget-area .evf {
	--evf-fill: var(--vc-field);
	--evf-border: var(--vc-ring);
	--evf-border-focus: var(--vc-paragraph);
	--evf-text: var(--vc-title);
	--evf-placeholder: var(--vc-paragraph);
	--evf-accent: var(--vc-primary);
	--evf-accent-dark: var(--vc-primary-deep);
	--evf-error: var(--vc-error);
	--evf-error-text: var(--vc-error);
	--evf-notice-text: var(--vc-title);
	--evf-radius: 12px;
	--evf-gap: 12px;
	--evf-control-h: 44px;
	--evf-pad-x: 16px;
	/* the panel already pads 24px; ev-forms' own bottom padding would double it */
	padding-bottom: 0;
	font-family: var(--vc-font);
	color: var(--vc-paragraph);
}
/* the sidebar is one narrow column whatever the viewport, so the horizontal variant's
   wide-screen row layout is folded back into the stack */
#right-sidebar.widget-area .evf .evf-form {
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
}
#right-sidebar.widget-area .evf .evf-field {
	flex: none;
}
#right-sidebar.widget-area .evf input.evf-control,
#right-sidebar.widget-area .evf textarea.evf-control,
#right-sidebar.widget-area .evf input.evf-phone-input,
#right-sidebar.widget-area .evf .evf-dial {
	font-size: 14px;
}
/* ev-forms keeps 16px so iOS Safari does not zoom the page on focus; touch screens
   keep that, and the 14px design holds wherever there is a pointer */
@media (pointer: coarse) {
	#right-sidebar.widget-area .evf input.evf-control,
	#right-sidebar.widget-area .evf textarea.evf-control,
	#right-sidebar.widget-area .evf input.evf-phone-input {
		font-size: 16px;
	}
}
/* the ring changes colour on focus; ev-forms' 3px cyan halo is not part of this design */
#right-sidebar.widget-area .evf input.evf-control:focus,
#right-sidebar.widget-area .evf textarea.evf-control:focus,
#right-sidebar.widget-area .evf div.evf-control:focus-within {
	box-shadow: none !important;
}
#right-sidebar.widget-area .evf textarea.evf-control {
	min-height: 0;
	height: 92px !important;
	padding: 12px 16px !important;
}
/* the country picker sits inside the phone field and takes a light tint, which
   marks the boundary the divider would otherwise draw; the field's overflow clips the
   tint to the rounded corner on whichever side the page direction puts it */
#right-sidebar.widget-area .evf .evf-cc-display {
	background: rgba(3,7,18,0.04);
}
#right-sidebar.widget-area .evf .evf-divider {
	display: none;
}
#right-sidebar.widget-area .evf .evf-caret {
	color: var(--vc-paragraph);
}
#right-sidebar.widget-area .evf button.evf-submit {
	height: 48px;
	min-height: 48px;
	margin: 4px 0 0;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 16px !important;
	color: var(--vc-on-primary) !important;
	font-family: var(--vc-font);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
}
#right-sidebar.widget-area .evf button.evf-submit:focus-visible {
	outline: 2px solid var(--vc-primary);
	outline-offset: 2px;
}
#right-sidebar.widget-area .evf .evf-error,
#right-sidebar.widget-area .evf .evf-notice {
	font-size: 12px;
	line-height: 1.4;
}
#right-sidebar.widget-area .evf .evf-status.is-error {
	margin: 8px 0 0;
	padding: 10px 14px;
	border-radius: 12px;
	background: var(--vc-field);
	box-shadow: inset 0 0 0 1px var(--vc-ring);
	font-size: 12px;
	line-height: 1.5;
}
/* ev-forms hides the honeypot too; this holds it hidden even before that stylesheet
   arrives, because a visible one gets autofilled and the lead is dropped */
#right-sidebar.widget-area .evf .evf-hp {
	display: none !important;
}

/* recent posts: the core block floats the thumbnail with `alignleft` and lets the
   title wrap around it, which leaves the last line running under the image */
#right-sidebar.widget-area .wp-block-latest-posts__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#right-sidebar.widget-area .wp-block-latest-posts__list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0;
}
#right-sidebar.widget-area .wp-block-latest-posts__featured-image {
	float: none !important;
	margin: 0 !important;
	flex: 0 0 64px;
	width: 64px;
}
#right-sidebar.widget-area .wp-block-latest-posts__featured-image a,
#right-sidebar.widget-area .wp-block-latest-posts__featured-image img {
	display: block;
	width: 64px;
	height: 64px;
	max-width: 64px;
	object-fit: cover;
	border-radius: 8px;
}
#right-sidebar.widget-area .wp-block-latest-posts__post-title {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
	color: var(--vc-title);
	text-decoration: none;
	text-wrap: pretty;
}
#right-sidebar.widget-area .wp-block-latest-posts__post-title:hover {
	color: var(--vc-primary);
	text-decoration: underline;
}