/* Sayba site layer — brand values for the KI components + shared section styles. */

:root {
	--ki-color-accent: #7cb8ae;
	--ki-color-accent-deep: #146131;
	--ki-color-dark-surface: #0f1412;
	--sayba-ink: #353535;
	--sayba-beige: #f4e8d0;
	--sayba-line: rgba(124, 184, 174, 0.55);
}

body {
	overflow-x: clip;
}

/* ---- Scroll reveal (see reveal.js) -------------------------------------- */
.sayba-js .sayba-rv {
	opacity: 0;
	transform: translate3d(0, 28px, 0);
	transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: var(--sayba-delay, 0s);
}

.sayba-js .sayba-rv.is-in {
	opacity: 1;
	transform: none;
}

/* Headings: each word slides up out of a mask. */
.sayba-js .sayba-split {
	opacity: 1;
	transform: none;
}

.sayba-split .sw {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	padding-bottom: 0.12em;
	margin-bottom: -0.12em;
}

.sayba-split .sw > span {
	display: inline-block;
	transform: translate3d(0, 115%, 0);
	transition: transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: calc(var(--i, 0) * 70ms);
}

.sayba-split.is-in .sw > span {
	transform: none;
}

/* Images / media blocks: soft clip + scale reveal. */
.sayba-js .sayba-rv-media {
	opacity: 0;
	clip-path: inset(0 0 12% 0 round 4px);
	transform: scale(1.04);
	transition: opacity 1s ease, clip-path 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.sayba-js .sayba-rv-media.is-in {
	opacity: 1;
	clip-path: inset(0 0 0 0 round 0);
	transform: none;
}

/* ---- Home: three-column hover panels (Elementor drops :has(), so it lives here) ----
   Section id 4ef9a3b4. Children: 1 base photo, 2-4 hover photos, 5 dark overlay, 6-8 columns. */
.elementor [data-id="4ef9a3b4"]:has(> :nth-child(6):hover) > :nth-child(2),
.elementor [data-id="4ef9a3b4"]:has(> :nth-child(7):hover) > :nth-child(3),
.elementor [data-id="4ef9a3b4"]:has(> :nth-child(8):hover) > :nth-child(4) {
	opacity: 1;
}

.elementor [data-id="4ef9a3b4"]:has(> :nth-child(6):hover) > :nth-child(5),
.elementor [data-id="4ef9a3b4"]:has(> :nth-child(7):hover) > :nth-child(5),
.elementor [data-id="4ef9a3b4"]:has(> :nth-child(8):hover) > :nth-child(5) {
	opacity: 0.3;
}

/* Slide timing for both directions (hover in and out). */
.elementor [data-id="4ef9a3b4"] > :nth-child(n+6) > h3,
.elementor [data-id="4ef9a3b4"] > :nth-child(n+6) > p {
	transition: transform 0.5s ease-in-out;
}

/* Hovered column: heading lifts into place and the text slides up beneath it. */
.elementor [data-id="4ef9a3b4"] > :nth-child(n+6):hover > h3,
.elementor [data-id="4ef9a3b4"] > :nth-child(n+6):hover > p {
	transform: translate3d(0, 0, 0);
}

/* Columns: frosted glass fades in on hover. */
.elementor [data-id="4ef9a3b4"] > :nth-child(n+6) {
	transition: background-color 0.5s ease-in-out, backdrop-filter 0.5s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.sayba-js .sayba-rv,
	.sayba-js .sayba-rv-media,
	.sayba-split .sw > span {
		opacity: 1;
		transform: none;
		clip-path: none;
		transition: none;
	}
}

/* ---- Video lightbox (lightbox.js) ---- */
html.sayba-lb-open {
	overflow: hidden;
}

.sayba-lb {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 24px;
	background: rgba(0, 0, 0, 0.9);
}

.sayba-lb__frame {
	position: relative;
	width: min(94vw, 1120px);
	aspect-ratio: 16 / 9;
	background: #000000;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
}

.sayba-lb__frame iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.sayba-lb__close {
	position: absolute;
	top: 18px;
	right: 22px;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	background: transparent;
	font-size: 28px;
	line-height: 1;
	color: #ffffff;
	cursor: pointer;
}

.sayba-lb__close:hover,
.sayba-lb__close:focus-visible {
	border-color: var(--ki-color-accent-deep, #146131);
	background: var(--ki-color-accent-deep, #146131);
}

/* ---- Featured projects (KI tiles): brand typography, eyebrow line only as long as its text ---- */
.ki-fp--tiles .ki-fp-tiles__title,
.ki-fp--tiles .ki-fp-tiles__title > span,
.ki-fp--tiles .ki-fp-tiles__price,
.ki-fp--tiles .ki-fp-tiles__name,
.ki-fp--tiles .ki-fp-tiles__facts,
.ki-fp--tiles .ki-fp-tiles__eyebrow {
	font-family: "Manrope", system-ui, sans-serif;
}

.ki-fp--tiles .ki-fp-tiles__title {
	font-weight: 800;
	letter-spacing: 0.01em;
}

.ki-fp--tiles .ki-fp-tiles__title > span {
	font-weight: 300;
}

.ki-fp--tiles .ki-fp-tiles__eyebrow::after {
	right: auto;
	left: 0;
	width: 100%;
}





/* Sitewide button (same as "Watch Our Story"): deep-green pill, teal on hover. Used for the "View all" links. */
.ki-fp--tiles .ki-fp-tiles__view-all,
.ki-fc--luxe .ki-fc-luxe__view-all {
	padding: 16px 34px;
	border: 0;
	border-radius: 999px;
	background-color: var(--ki-color-accent-deep, #146131);
	font-family: "Manrope", system-ui, sans-serif;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #ffffff;
}

.ki-fp--tiles .ki-fp-tiles__view-all:hover,
.ki-fp--tiles .ki-fp-tiles__view-all:focus-visible,
.ki-fc--luxe .ki-fc-luxe__view-all:hover,
.ki-fc--luxe .ki-fc-luxe__view-all:focus-visible {
	background-color: var(--ki-color-accent, #7cb8ae);
	color: #0f1412;
}

/* ---- Featured locations (KI luxe): brand typography, eyebrow line only as long as its text ---- */
.ki-fc--luxe .ki-fc-luxe__title,
.ki-fc--luxe .ki-fc-luxe__title > span,
.ki-fc--luxe .ki-fc-luxe__name,
.ki-fc--luxe .ki-fc-luxe__eyebrow,
.ki-fc--luxe .ki-fc-luxe__subtext {
	font-family: "Manrope", system-ui, sans-serif;
}

.ki-fc--luxe .ki-fc-luxe__title {
	font-weight: 800;
	letter-spacing: 0.01em;
}

.ki-fc--luxe .ki-fc-luxe__title > span {
	font-weight: 300;
}

.ki-fc--luxe .ki-fc-luxe__eyebrow::after {
	right: auto;
	left: 0;
	width: 100%;
}

.ki-fc--luxe .ki-fc-luxe__bg img {
	filter: grayscale(1) invert(1);
	opacity: 0.1;
}
/* ---- Corporate highlights: numbers fit on one line on small phones ---- */
@media (max-width: 480px) {
	.elementor [data-id="5f832a5c"] .e-heading-base {
		font-size: clamp(26px, 7.6vw, 48px);
		white-space: nowrap;
	}
}

/* ---- Hover panels ("Building Dreams / Shaping Skylines / Delivering Trust"): on phones the panels stack,
   so the vertical column dividers become horizontal lines between the panels. ---- */
@media (max-width: 767px) {
	.elementor [data-id="7f49af04"],
	.elementor [data-id="f7b8a86"] {
		top: auto !important;
		right: auto !important;
		bottom: 0 !important;
		left: 50% !important;
		width: 72% !important;
		height: 1px !important;
		transform: translateX(-50%) !important;
		background: rgba(255, 255, 255, 0.7) !important;
	}
}

/* ---- Corporate video: space between the text / "Watch our story" button and the video when they stack ---- */
.elementor [data-id="639499e3"] {
	row-gap: 48px;
}

@media (max-width: 767px) {
	.elementor [data-id="639499e3"] {
		row-gap: 36px;
	}
}

/* =====================================================================
   Property single + archive pages (Havenlytics + KI child): brand font and buttons.
   Font: Manrope everywhere (the template's own variables are re-pointed, so every rule that uses them follows).
   Buttons: deep green; hover = teal with dark text (same as the sitewide pill).
   ===================================================================== */
:is(html body.single-hvnly_property, html body.post-type-archive-hvnly_property, html body.ki-archive-page, html body.tax-hvnly_prop_locations, html body.tax-hvnly_prop_types, html body.tax-hvnly_prop_status, html body.tax-hvnly_prop_features, html body.tax-hvnly_prop_depts) {
	--ki-archive-sans: "Manrope", system-ui, sans-serif;
	--ki-archive-serif: "Manrope", system-ui, sans-serif;
	--ki-archive-feature-font: "Manrope", system-ui, sans-serif;
	--ki-sans: "Manrope", system-ui, sans-serif;
	--ki-serif: "Manrope", system-ui, sans-serif;
	--ki-sched-font: "Manrope", system-ui, sans-serif;
	--hvnly-bodyFont: "Manrope", system-ui, sans-serif;
	--hvnly-headingFont: "Manrope", system-ui, sans-serif;
	--hvnly-font-family-base: "Manrope", system-ui, sans-serif;
	--ki-accent: #146131;
	--ki-button-hover: #7cb8ae;
}

/* Archive heading block ("Property Portfolio / Our Listings"): same type as the other sections. */
:is(body.post-type-archive-hvnly_property, body.ki-archive-page) .ki-luxe-heading__eyebrow,
:is(body.post-type-archive-hvnly_property, body.ki-archive-page) .ki-luxe-heading .ki-luxe-heading__title,
:is(body.post-type-archive-hvnly_property, body.ki-archive-page) .ki-luxe-heading__title > span,
:is(body.post-type-archive-hvnly_property, body.ki-archive-page) .ki-luxe-heading__title strong {
	font-family: "Manrope", system-ui, sans-serif;
}

:is(body.post-type-archive-hvnly_property, body.ki-archive-page) .ki-luxe-heading__title > span {
	font-weight: 300;
}

:is(body.post-type-archive-hvnly_property, body.ki-archive-page) .ki-luxe-heading__title strong {
	font-weight: 800;
}

/* Primary buttons: deep green, teal hover with dark text. */
:is(html body.single-hvnly_property, html body.post-type-archive-hvnly_property, html body.ki-archive-page, html body[class*="tax-hvnly"]) :is(
	.hvnly-btn--primary,
	.hvnly-btn-primary,
	.hvnly-agents-section__btn--primary,
	.hvnly-agents-section__submit,
	.hvnly-property--archive__search-btn,
	.hvnly-property--archive__view-btn.active,
	.hvnly-property-view-btn.active,
	.hvnly-agency-card__btn,
	.ki-luxe-search__field--submit button,
	.hss-send
) {
	background: #146131 !important;
	border-color: #146131 !important;
	color: #ffffff !important;
	transition: background-color 0.3s linear, color 0.3s linear, border-color 0.3s linear;
}

/* Outline / secondary buttons and every hover: teal with dark text. */
:is(html body.single-hvnly_property, html body.post-type-archive-hvnly_property, html body.ki-archive-page, html body[class*="tax-hvnly"]) :is(
	.hvnly-btn--primary,
	.hvnly-btn-primary,
	.hvnly-agents-section__btn,
	.hvnly-agents-section__btn--primary,
	.hvnly-agents-section__submit,
	.hvnly-property--archive__search-btn,
	.hvnly-property--archive__view-btn,
	.hvnly-property-view-btn,
	.hvnly-agency-card__btn,
	.ki-luxe-search__field--submit button,
	.ki-action-button,
	.ki-outline-button,
	.hss-send
):is(:hover, :focus-visible):not(:disabled) {
	background: #7cb8ae !important;
	border-color: #7cb8ae !important;
	color: #0f1412 !important;
}

/* Text-style actions that were purple. */
:is(body.post-type-archive-hvnly_property, body.ki-archive-page, body[class*="tax-hvnly"]) .hvnly-property-reset-filters-btn {
	color: #146131 !important;
}

:is(body.post-type-archive-hvnly_property, body.ki-archive-page, body[class*="tax-hvnly"]) .hvnly-property-reset-filters-btn:hover {
	color: #0f1412 !important;
}

/* =====================================================================
   Properties archive (grid view): portrait cards like the homepage Featured Projects —
   3 across, same proportions (363 x 576), same hover (lift, 3px accent ring, grayscale).
   Price + name stay visible on hover instead of fading to the address / stats overlay.
   ===================================================================== */
body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view):not(.map-view) {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 40px !important;
	padding-top: 44px; /* room for the 36px lift */
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe .ki-archive-card--luxe__link {
	aspect-ratio: 363 / 576;
	border-radius: 30px;
	background: linear-gradient(0deg, var(--ki-color-accent, #7cb8ae) 0%, #ffffff 100%);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	transform: translateY(0);
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease;
	will-change: transform;
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe .ki-archive-card--luxe__link:hover,
body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe .ki-archive-card--luxe__link:focus-visible {
	transform: translateY(-36px);
	box-shadow: 0 22px 44px rgba(0, 0, 0, 0.5), 0 6px 16px rgba(0, 0, 0, 0.35);
}

/* Photo fills the whole card, shrinks 3px on hover to reveal the ring, and goes grayscale. */
body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__photo {
	position: absolute;
	inset: 0;
	height: 100%;
	border-radius: inherit;
	background: transparent;
	transition: inset 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease;
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__img {
	height: 100%;
	aspect-ratio: auto;
	border-radius: inherit;
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__link:hover .ki-archive-card--luxe__photo {
	inset: 3px;
	filter: grayscale(1);
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__link:hover .ki-archive-card--luxe__img {
	opacity: 1;
	transform: scale(1.04);
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__link:hover .ki-archive-card--luxe__photo::before {
	opacity: 0.85;
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__link:hover .ki-archive-card--luxe__base {
	opacity: 1;
}

/* The old hover overlay (address / stats / watermark) is not used in the portrait design. */
body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__hover {
	display: none;
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__base {
	padding: 24px 24px 30px;
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__status {
	background: var(--ki-color-accent-deep, #146131) !important; /* beats the inline status colour */
	border-radius: 999px;
	padding: 6px 12px;
	margin-bottom: 12px;
	font-size: 10px;
}

body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__price {
	font-size: 1.5rem;
	font-weight: 700;
}

@media (max-width: 1024px) {
	body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view):not(.map-view) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 28px !important;
	}
}

/* Phones: two compact portrait cards across (41 projects would otherwise be a very long page). */
@media (max-width: 560px) {
	body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view):not(.map-view) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
		padding-top: 8px;
	}

	body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe .ki-archive-card--luxe__link {
		border-radius: 20px;
	}

	body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__base {
		padding: 14px 12px 16px;
	}

	body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__status {
		margin-bottom: 8px;
		padding: 4px 8px;
		font-size: 8px;
		letter-spacing: 0.08em;
	}

	body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__price {
		font-size: 1.05rem;
	}

	body.ki-archive-skin-luxe .ki-archive-grid:not(.hvnly-list-view) .ki-archive-card--luxe__name {
		font-size: 0.78rem;
		line-height: 1.25;
	}

	body.ki-archive-skin-luxe .ki-archive-card--luxe__loc {
		margin-top: 4px;
		font-size: 0.56rem;
		letter-spacing: 0.1em;
	}

	body.ki-archive-skin-luxe .ki-archive-card--luxe__favorite.ki-archive-card__favorite {
		top: 8px;
		right: 8px;
		width: 28px !important;
		height: 28px !important;
	}

	.ki-archive-tabs {
		flex-wrap: nowrap;
		gap: 8px;
	}

	.ki-archive-tabs .ki-archive-tabs__btn {
		padding: 11px 15px;
		font-size: 0.66rem;
		letter-spacing: 0.1em;
	}
}

/* Property page scheduler: the selected date uses the brand green. */
html body.single-hvnly_property .ki-schedule__date.is-selected {
	background: #146131 !important;
	border-color: #146131 !important;
	color: #ffffff !important;
}

/* ---- Archive: All / Ongoing / Completed buttons ---- */
.ki-archive-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 8px 0 34px;
}

.ki-archive-tabs .ki-archive-tabs__btn {
	padding: 13px 30px;
	border: 1px solid #1a1a1a;
	border-radius: 999px;
	background: transparent;
	font-family: "Manrope", system-ui, sans-serif;
	font-size: 0.76rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #1a1a1a;
	cursor: pointer;
	transition: background-color 0.3s linear, color 0.3s linear, border-color 0.3s linear;
}

.ki-archive-tabs .ki-archive-tabs__btn:hover,
.ki-archive-tabs .ki-archive-tabs__btn:focus-visible {
	background: #7cb8ae;
	border-color: #7cb8ae;
	color: #0f1412;
}

.ki-archive-tabs .ki-archive-tabs__btn.is-active {
	background: #146131;
	border-color: #146131;
	color: #ffffff;
}

.ki-archive-card[hidden] {
	display: none !important;
}

/* Location line under the project name; simple (non-clickable) cards. */
body.ki-archive-skin-luxe .ki-archive-card--luxe__loc {
	display: block;
	margin-top: 6px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #7cb8ae;
}

body.ki-archive-skin-luxe .ki-archive-card--static .ki-archive-card--luxe__link {
	cursor: default;
}

/* Phones: archive filter buttons on one line (placed after their base rule so it wins). */
@media (max-width: 560px) {
	.ki-archive-tabs {
		flex-wrap: nowrap;
		gap: 8px;
	}

	.ki-archive-tabs .ki-archive-tabs__btn {
		padding: 11px 15px;
		font-size: 0.66rem;
		letter-spacing: 0.1em;
	}
}

/* Homepage legacy stats: eight figures in two rows */
.elementor-element-5f832a5c { row-gap: 44px; }
@media (max-width: 680px) { .elementor-element-5f832a5c { row-gap: 30px; } }

/* Header menu (off-canvas) hamburger: black lines, and no colour change on hover
   (the bars still even out on hover, see ki-drawer-side.css). */
body.ki-drawer--side .site-header__info-item.site-header__info-item--menu a,
body.ki-drawer--side .site-header__info-item.site-header__info-item--menu a:hover,
body.ki-drawer--side .site-header__info-item.site-header__info-item--menu a:focus {
	color: #000000;
	background-color: transparent;
}

/* Count row above the project cards */
.ki-archive-count { margin: -10px 0 30px; text-align: center; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #555; }
.ki-archive-count strong { font-size: 1.1rem; color: #146131; letter-spacing: 0; }

/* Back-to-top button (Kadence): round brand button sitting just above the floating call button */
#kt-scroll-up, #kt-scroll-up-reader {
	right: 24px !important;
	bottom: 96px !important;
	z-index: 999998;
	width: 48px;
	height: 48px;
	padding: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 50% !important;
	background: #146131 !important;
	color: #ffffff !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
#kt-scroll-up:hover, #kt-scroll-up:focus-visible { background: #7cb8ae !important; color: #0f1412 !important; }

/* Cookie notice (WPConsent): same 10px rounded corners as the rest of the site */
#wpconsent-container::part(wpconsent-button-preferences),
#wpconsent-container::part(wpconsent-button-cancel),
#wpconsent-container::part(wpconsent-button-accept),
#wpconsent-container::part(wpconsent-preferences-accept-button),
#wpconsent-container::part(wpconsent-preferences-cancel-button),
#wpconsent-container::part(wpconsent-preferences-save-button) {
	border-radius: 10px;
}

/* Cookie notice card: narrow white card, full-width Accept button, "Cookies Settings" as an underlined link */
#wpconsent-container {
	/* card width = this + the card's 28px side padding (420px total, less on small screens) */
	--wpconsent-min-width: min(364px, calc(100vw - 76px));
}

#wpconsent-container::part(wpconsent-banner) {
	padding: 28px 28px 20px;
	box-sizing: border-box;
}

#wpconsent-container::part(wpconsent-banner-body) {
	margin-bottom: 22px;
	line-height: 1.55;
	text-align: left;
}

#wpconsent-container::part(wpconsent-banner-footer) {
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
}

#wpconsent-container::part(wpconsent-button-accept) {
	width: 100%;
	margin: 0;
	font-weight: 600;
}

#wpconsent-container::part(wpconsent-button-preferences) {
	width: 100%;
	margin: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: 500;
}

/* Timeline: project names in capitals */
.ki-timeline .ki-timeline__name { text-transform: uppercase; letter-spacing: .06em; }
.ki-timeline .ki-timeline__place { text-transform: uppercase; letter-spacing: .08em; font-size: 13px; }
