/*
 * The Divi layout of laotai.kiev.ua, recreated from
 * the CSS Divi generated for each page: section and row sizes, the vw-based
 * type, asymmetric radii, orange glows and the section dividers are Divi's own
 * values. Everything is scoped to .lt-page, the wrapper of a converted page;
 * lt-s* are the home page sections, lt-c* contacts, lt-k* about kung fu,
 * lt-d* directions, lt-t* the privacy text.
 */

/* ---- base: Divi global typography inside the page ------------------------- */

.lt-page {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.7em;
	font-weight: 500;
	color: #720100;
	overflow-x: clip;
}

.lt-page h1, .lt-page h2, .lt-page h3, .lt-page h4, .lt-page h5, .lt-page h6 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1em;
	color: #0a0a0a;
	text-shadow: none;
	margin: 0;
	padding-bottom: 10px;
}

.lt-page h1 { font-size: 30px; }
.lt-page h2 { font-size: 26px; }
.lt-page h3 { font-size: 22px; }
.lt-page h4 { font-size: 18px; }
.lt-page h5 { font-size: 16px; }
.lt-page h6 { font-size: 14px; }
.lt-page strong { font-weight: 700; }

.lt-page p {
	margin: 0;
	padding-bottom: 1em;
}

.lt-page a { color: #720100; }

.lt-section {
	position: relative;
	padding: 54px 0;
	background-color: #fff;
	/* Block layout would otherwise put the theme's block gap between sections,
	   which shows as a stripe of the page background between two coloured ones. */
	margin-block: 0 !important;
}

.lt-row {
	position: relative;
	z-index: 5;
	width: 80%;
	max-width: 1080px;
	margin: 0 auto !important;
	padding: 27px 0;
}

/* Divi gutter 3: 5.5% between columns; column widths are set on each column. */
.lt-page .lt-row.wp-block-columns {
	column-gap: 5.5%;
	row-gap: 30px;
	flex-wrap: nowrap !important;
}

/* Every "module" in a column: no top margin, 30px under it, none under the last. */
.lt-page .wp-block-column > *,
.lt-page .lt-row:not(.wp-block-columns) > * {
	margin-top: 0 !important;
	margin-bottom: 30px;
}

.lt-page .wp-block-column > *:last-child,
.lt-page .lt-row:not(.wp-block-columns) > *:last-child {
	margin-bottom: 0;
}

/*
 * In Divi all the lines of one text module sit in a single module: 10px apart
 * (the heading padding), with the 30px module gap only before what follows.
 * Here every line is its own block, so the gap is taken back between them.
 */
.lt-page :is(h5, h6) { margin-bottom: 0 !important; }
.lt-page :is(h5, h6) + :not(h5, h6) { margin-top: 30px !important; }

.lt-page figure.wp-block-image { margin: 0 0 30px; }
.lt-page .wp-block-image img { display: block; width: 100%; height: auto; }

/* Section dividers, drawn above the section content like Divi's. */
.lt-divider-bottom::after,
.lt-divider-top::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	pointer-events: none;
	background-repeat: no-repeat;
}

/* 1px past the edge: rounding of the vw heights otherwise leaves a hairline
   of the section behind between the curve and the next section. */
.lt-divider-bottom::after { bottom: -1px; }
.lt-divider-top::before { top: -1px; }

/* ---- shared modules ---------------------------------------------------------- */

/* Small label above a heading. */
.lt-page .lt-eyebrow {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-style: italic;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 7px;
	line-height: 1.6em;
}

.lt-page .lt-eyebrow--14 { font-size: 14px; }

/* Divi divider module: a line at the top of a box that is 10px tall. */
/* Core gives separators a fixed 100px width and auto side margins; hence !important. */
.lt-page hr.lt-div {
	border: 0;
	border-top: 2px solid #ff4c00;
	background: none;
	opacity: 1;
	width: 100% !important;
	max-width: 140px;
	height: 10px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.lt-page hr.lt-div--70 { max-width: 70px; height: 2px; margin-bottom: 8px; }
.lt-page hr.lt-div--thin { height: 2px; margin-bottom: 10px; }
.lt-page hr.lt-div--4 { border-top-width: 4px; height: 4px; margin-bottom: 9px; }
.lt-page hr.lt-div--white { border-top-color: #fff; height: 2px; margin-bottom: 8px; }
.lt-page hr.lt-div--right { margin-left: auto !important; }

/* Big italic Oswald headings. */
.lt-page .lt-h40,
.lt-page .lt-h70 {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0.18em;
	line-height: 1.4em;
}

.lt-page .lt-h40 { font-size: 40px; text-shadow: 0 0 0.4em rgba(255, 255, 255, 0.6); }
.lt-page .lt-h70 { font-size: 70px; text-shadow: 0 0 0.4em rgba(149, 173, 193, 0.46); }
.lt-page .lt-white, .lt-page .lt-white :is(h1, h2, h3, h4, h5, h6, p) { color: #fff; }

/* Buttons. */
.lt-page .wp-block-buttons { gap: 0; }

.lt-page .wp-block-button .wp-block-button__link {
	display: inline-block;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 5px;
	line-height: 1.7em;
	padding: 0.3em 1em;
	border: 0;
	border-radius: 100px;
	background-color: #720100;
	color: #fff;
	transition: all 300ms ease 0ms;
}

.lt-page .wp-block-button .wp-block-button__link:hover {
	background-color: rgba(244, 0, 0, 0.2);
	letter-spacing: 3px;
	transform: none;
}

/* Hero style: bigger, with the orange glow. */
.lt-page .lt-btn-glow .wp-block-button__link {
	font-size: 18px;
	box-shadow: 0 12px 50px -12px #ff4c00;
}

.lt-page .lt-btn-glow .wp-block-button__link:hover { box-shadow: 0 12px 80px -12px rgba(255, 76, 0, 0.63); }

.lt-page .lt-btn-soft .wp-block-button__link {
	color: #ff4c00;
	box-shadow: 0 12px 90px -12px rgba(149, 173, 193, 0.46);
}

.lt-page .lt-btn-white .wp-block-button__link {
	color: #ff4c00;
	background-color: #fff;
	box-shadow: 0 12px 90px -12px rgba(149, 173, 193, 0.46);
}

.lt-page .lt-btn-line .wp-block-button__link {
	color: #fff;
	background: transparent;
	border-radius: 0;
	font-weight: 600;
	padding-left: 0.7em;
	padding-right: 2em;
	text-shadow: 0.08em 0.08em 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 0 0 #ff4c00;
}

/* ---- 0: header --------------------------------------------------------------- */

/* Divi blended a photo into this red in "darken" mode, which left dark patches
   across the section; asked for a flat colour instead. */
.lt-s0 {
	padding: 3vw 0 9vw;
	background-color: #720100;
}

.lt-s0::after {
	z-index: 10;
	height: calc(21vw + 1px);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZmlsbD0iI2ZiZmNmZCIgZD0iTTAgMTQwaDEyODBDNTczLjA4IDE0MCAwIDAgMCAweiIvPjwvc3ZnPg==");
	background-size: 100% 100%;
	transform: scale(-1, 1);
}

.lt-page .lt-s0 .lt-row {
	width: 92%;
	max-width: 92%;
	padding: 0;
	column-gap: 0;
	background-color: #720100;
	border-radius: 25vw 0 15vw 0;
	overflow: hidden;
	box-shadow: 0 20px 120px -10px rgba(0, 0, 0, 0.4);
	align-items: stretch !important;
}

.lt-s0 .lt-hero-photo {
	min-height: 200px;
	background-color: initial;
	background-image: url("/wp-content/uploads/2024/07/SK1_7655-copy-1536x1025.jpg"), radial-gradient(circle at bottom right, rgba(255, 76, 0, 0.7) 0%, rgba(255, 255, 255, 0) 22%);
	background-blend-mode: overlay;
	background-size: cover;
	background-position: center;
}

.lt-s0 .lt-hero-panel {
	padding: 10vw 40px;
	background-image: radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.91) 0%, #262d3f 83%);
}

.lt-page .lt-s0 .lt-hero-eyebrow {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-style: italic;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 7px;
	line-height: 1.6em;
	text-align: right;
	color: #fff;
	padding: 16px 5vw 0 0;
}

.lt-page .lt-s0 .lt-hero-sub {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 4px;
	line-height: 1.6em;
	padding: 20px 0 30px 7vw;
}

.lt-page .lt-s0 .lt-hero-button {
	margin-left: 40px;
	margin-right: -111px;
	position: relative;
	z-index: 2;
}

.lt-page .lt-s0 .lt-hero-title {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-style: italic;
	font-size: 4.9vw;
	letter-spacing: 0.18em;
	line-height: 1.4em;
	color: #fff;
	text-shadow: -0.14em 0.07em 0.75em #262d3f;
	margin-left: -20vw;
	max-width: 150%;
	width: 150%;
}

/* ---- 1: about ---------------------------------------------------------------- */

.lt-s1 {
	padding: 0 0 27px;
	background-color: #fbfcfd;
}

.lt-page .lt-s1 .lt-watermark {
	position: relative;
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 14vw;
	letter-spacing: 0.18em;
	line-height: 1em;
	color: #fff;
	white-space: nowrap;
	text-shadow: -0.14em 0.1em 0.8em rgba(149, 173, 193, 0.46);
	background-image: url("data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgwLDAsMCwwLjIpIiBoZWlnaHQ9IjEyOHB4IiB3aWR0aD0iMTI4cHgiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05Ljg1LDU0LjE1YTEsMSwwLDAsMS0uNzEsMS43MSwxLDEsMCwwLDEtLjctLjMsMSwxLDAsMCwxLDEuNDEtMS40MVpNMTcuNTgsNDVhMSwxLDAsMCwwLDAsMS40MSwxLDEsMCwwLDAsMS40MSwwQTEsMSwwLDAsMCwxNy41OCw0NVptOS44NS03LjQ0YTEsMSwwLDAsMCwuNzEtLjI5LDEsMSwwLDAsMCwwLTEuNDIsMSwxLDAsMCwwLTEuNDIsMS40MkExLDEsMCwwLDAsMjcuNDMsMzcuNTdabTguNDMtMTAuODVhMSwxLDAsMCwwLDAsMS40MiwxLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMC0xLjQyLTEuNDJaTTQ1LDE3LjU4QTEsMSwwLDAsMCw0NSwxOWExLDEsMCwwLDAsMS40MSwwQTEsMSwwLDEsMCw0NSwxNy41OFptOS4xNC05LjE0YTEsMSwwLDAsMCwwLDEuNDEsMSwxLDAsMCwwLDEuNDEsMCwxLDEsMCwxLDAtMS40MS0xLjQxWm0wLDEwOS43MWExLDEsMCwwLDAsMCwxLjQxLDEsMSwwLDAsMCwxLjQxLDAsMSwxLDAsMSwwLTEuNDEtMS40MVpNNDUsMTA5YTEsMSwwLDAsMCwwLDEuNDEsMSwxLDAsMCwwLDEuNDEsMEExLDEsMCwxLDAsNDUsMTA5Wm0tOS4xNS05LjE1YTEsMSwwLDAsMCwwLDEuNDIsMSwxLDAsMCwwLDEuNDIsMCwxLDEsMCwxLDAtMS40Mi0xLjQyWm0tOS4xNC05LjE0YTEsMSwwLDAsMCwwLDEuNDIsMSwxLDAsMCwwLC43MS4yOSwxLDEsMCwwLDAsLjcxLS4yOSwxLDEsMCwwLDAtMS40Mi0xLjQyWm0tOS4xNC05LjE0YTEsMSwwLDAsMCwwLDEuNDFBMSwxLDAsMCwwLDE5LDgzYTEsMSwwLDAsMC0xLjQxLTEuNDFaTTguNDQsNzIuNDRhMSwxLDAsMCwwLDAsMS40MSwxLDEsMCwwLDAsLjcuMjksMSwxLDAsMCwwLC43MS0uMjksMSwxLDAsMCwwLTEuNDEtMS40MVptNjQsNDUuNzFhMSwxLDAsMCwwLDAsMS40MSwxLDEsMCwwLDAsMS40MSwwLDEsMSwwLDAsMC0xLjQxLTEuNDFaTTgxLjU4LDEwOWExLDEsMCwwLDAsMCwxLjQxLDEsMSwwLDAsMCwxLjQxLDBBMSwxLDAsMCwwLDgxLjU4LDEwOVptOS4xNC05LjE1YTEsMSwwLDAsMCwwLDEuNDIsMSwxLDAsMCwwLDEuNDIsMCwxLDEsMCwxLDAtMS40Mi0xLjQyWm05LjE0LTkuMTRhMSwxLDAsMCwwLDAsMS40MiwxLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMC0xLjQyLTEuNDJaTTEwOSw4MS41OEExLDEsMCwwLDAsMTA5LDgzYTEsMSwwLDAsMCwxLjQxLDBBMSwxLDAsMCwwLDEwOSw4MS41OFptOS4xNC05LjE1YTEsMSwwLDAsMCwwLDEuNDIsMSwxLDAsMCwwLDEuNDEsMCwxLDEsMCwwLDAtMS40MS0xLjQyWm0wLTE4LjI4YTEsMSwwLDAsMCwwLDEuNDEsMSwxLDAsMSwwLDEuNDEtMS40MUExLDEsMCwwLDAsMTE4LjE1LDU0LjE1Wk0xMDksNDVhMSwxLDAsMCwwLDAsMS40MSwxLDEsMCwwLDAsMS40MSwwQTEsMSwwLDAsMCwxMDksNDVabS05LjE1LTkuMTVhMSwxLDAsMCwwLDAsMS40MiwxLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMC0xLjQyLTEuNDJabS04LjQzLTcuNDNhMSwxLDAsMCwwLC43LS4zLDEsMSwwLDEsMC0uNy4zWk04MS41OCwxNy41OGExLDEsMCwwLDAsMCwxLjQxQTEsMSwwLDAsMCw4MywxOWExLDEsMCwxLDAtMS40MS0xLjQxWk03Mi40NCw4LjQ0YTEsMSwwLDAsMCwuNywxLjcsMSwxLDAsMCwwLC43MS0uMjksMSwxLDAsMCwwLDAtMS40MUExLDEsMCwwLDAsNzIuNDQsOC40NFpNNjQsM2EzLjE1LDMuMTUsMCwwLDAsMi4xMy0uODdBMy4xMywzLjEzLDAsMCwwLDY3LDBINjFhMy4xMywzLjEzLDAsMCwwLC44NywyLjEyQTMuMTUsMy4xNSwwLDAsMCw2NCwzWk0zLDY0YTMuMTUsMy4xNSwwLDAsMC0uODctMi4xM0EzLjA3LDMuMDcsMCwwLDAsMCw2MXY2YTMuMTUsMy4xNSwwLDAsMCwyLjEzLS44N0EzLjE1LDMuMTUsMCwwLDAsMyw2NFptNjMuMTMsNjEuODdBMywzLDAsMCwwLDYxLDEyOGg2QTMuMTUsMy4xNSwwLDAsMCw2Ni4xMywxMjUuODZabTU5LjExLTYzQTMsMywwLDAsMCwxMjUsNjRhMywzLDAsMCwwLDMsM1Y2MWEyLjg2LDIuODYsMCwwLDAtMi43NiwxLjg1WiIvPjwvc3ZnPg==");
	background-position: left -22% top -27%;
	transition: margin 300ms ease 0ms;
}

.lt-page .lt-s1 .lt-watermark:hover { margin-left: 5px; }
.lt-page .lt-s1 .lt-about-eyebrow { margin-left: 40px; padding-right: 5vw; padding-bottom: 0; margin-bottom: 0; }

.lt-page .lt-s1 .lt-three { padding-left: 40px; padding-right: 40px; }
.lt-page .lt-s1 .lt-three :is(h2, h3, h4) { color: #2a2a2a; }

.lt-page .lt-s1 .lt-join { padding-top: 0; padding-bottom: 27px; }
.lt-page .lt-s1 .lt-join-text { padding-top: 10vw; }
.lt-page .lt-s1 .lt-join-eyebrow { margin: 0 0 0 40px; padding: 4px 5vw 6px 0; }
.lt-page .lt-s1 .lt-join-title { margin-left: 30px; line-height: 1.4em; }

.lt-page .lt-s1 .lt-faded {
	max-width: 67%;
	margin-inline: auto;
	filter: opacity(16%) blur(1px);
	transition: filter 300ms ease 0ms;
}

.lt-page .lt-s1 .lt-faded:hover { filter: opacity(100%) blur(0); }
.lt-page .lt-s1 .lt-faded img { border-radius: 0 0 10vw 0; }

.lt-page .lt-s1 .lt-bandage { padding-right: 30px; }

.lt-page .lt-s1 .lt-bandage img {
	border-radius: 15vw 0 0 0;
	box-shadow: 0 72px 130px -32px rgba(149, 173, 193, 0.55);
}

.lt-page .lt-s1 .lt-real { padding-right: 5vw; text-align: right; }

/* ---- 2: services ------------------------------------------------------------- */

.lt-s2 { background-color: #fbfcfd; }
.lt-page .lt-s2 .lt-row { max-width: 80%; }

.lt-page .lt-blurb { text-align: center; line-height: 2em; }

.lt-page .lt-blurb-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 30px !important;
	border-radius: 50%;
	background: #720100;
	position: relative;
}

.lt-page .lt-blurb-icon::after {
	content: "";
	position: absolute;
	inset: 25px;
	background: #fff;
	-webkit-mask: var(--lt-icon) center / contain no-repeat;
	mask: var(--lt-icon) center / contain no-repeat;
}

.lt-icon-user { --lt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='4.5'/%3E%3Cpath d='M3 22c0-5 4-8 9-8s9 3 9 8z'/%3E%3C/svg%3E"); }
.lt-icon-users { --lt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8.5' cy='8' r='3.5'/%3E%3Ccircle cx='17' cy='9' r='3'/%3E%3Cpath d='M1 21c0-4 3.3-6.5 7.5-6.5S16 17 16 21zm15.5 0c0-2.2-.7-4-2-5.3.8-.3 1.6-.5 2.5-.5 3.5 0 6 2 6 5.8z'/%3E%3C/svg%3E"); }
.lt-icon-phone { --lt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E"); }

.lt-page .lt-blurb-title {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 2.5vw;
	letter-spacing: 0.18em;
	line-height: 1.4em;
	text-shadow: 0 0 0.4em rgba(149, 173, 193, 0.46);
}

.lt-page .lt-blurb--center { background: #fff; margin-top: 60px !important; padding: 0 0 20px; }
.lt-page .lt-blurb--center .lt-blurb-title { font-size: 3.5vw; }
.lt-page .lt-blurb :is(h5, h6) { line-height: 1.2em; }

/* ---- 3: our directions ------------------------------------------------------- */

.lt-s3 {
	padding: 0;
	background-color: #720100;
}

.lt-s3::before {
	z-index: 1;
	height: calc(20vw + 1px);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZmlsbD0iI2ZiZmNmZCIgZD0iTTAgMHM1NzMuMDggMTQwIDEyODAgMTQwVjB6Ii8+PC9zdmc+");
	background-size: 100% 100%;
}

.lt-page .lt-s3 .lt-row { width: 90%; max-width: 90%; }
.lt-page .lt-s3 .lt-dir-text { padding-top: 16vw; padding-bottom: 40px; }
.lt-page .lt-s3 .lt-dir-eyebrow { margin: 0 0 0 40px; padding-right: 5vw; }
.lt-page .lt-s3 .lt-dir-title { margin-left: 30px; line-height: 1.4em; }

.lt-page .lt-dir-list {
	list-style: none;
	margin: 0 0 0 40px !important;
	padding: 0;
	max-width: 700px;
}

.lt-page .lt-dir-list li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 32px;
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	color: #fff;
}

.lt-page .lt-dir-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.15em;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 3px #720100, inset 0 0 0 8px #fff;
}

.lt-page .lt-s3 .lt-dir-button { margin-top: 30px !important; }

.lt-page .lt-s3 .lt-dir-image {
	position: relative;
	z-index: 2;
	margin-bottom: -30px;
}

.lt-page .lt-s3 .lt-dir-image img {
	border-radius: 100% 0 0 0;
	box-shadow: -40px 72px 148px -46px rgba(0, 0, 0, 0.3);
}

/* Divi ended this section with a straight edge; a ramp keeps the transitions
   of the page in one rhythm. The curve is filled with the white below it. */
.lt-s3::after {
	z-index: 1;
	height: calc(10vw + 1px);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTAgMTQwaDEyODBDNTczLjA4IDE0MCAwIDAgMCAweiIvPjwvc3ZnPg==");
	background-size: 100% 100%;
}

/* Room under the image so the curve does not cut across it. */
.lt-page .lt-s3 .lt-row { padding-bottom: 10vw; }

/* ---- 4: real work ------------------------------------------------------------ */

.lt-page .lt-s4 .lt-eyebrow { margin: 0 0 0 40px; padding-right: 5vw; }
.lt-page .lt-s4 .lt-h70 { margin-bottom: 0; }

/* ---- 5: programs ------------------------------------------------------------- */

.lt-page .lt-s5 .lt-prog-eyebrow { margin: 0 0 10px 30px; padding-right: 5vw; }
.lt-page .lt-s5 .lt-prog-title { margin: 0 0 0 30px; }
.lt-page .lt-s5 .lt-prog-text { margin-left: 30px; max-width: 450px; line-height: 2em; }
.lt-page .lt-s5 .lt-prog-list { padding-top: 8vw; }

.lt-page .lt-s5 .lt-prog {
	column-gap: 5.5%;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.lt-page .lt-s5 .lt-prog img { box-shadow: 0 72px 130px -32px rgba(149, 173, 193, 0.55); }
.lt-page .lt-s5 .lt-prog--first img { border-radius: 5vw 0 0 0; }
.lt-page .lt-s5 .lt-prog--last img { border-radius: 0 0 5vw 0; }

.lt-page .lt-s5 .lt-prog h4 {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 3px;
	line-height: 2em;
	padding-bottom: 0;
}

.lt-page .lt-s5 .lt-prog h5 { line-height: 1.2em; }

/* ---- 6: self-defence --------------------------------------------------------- */

.lt-s6 { padding: 38px 0 10vw; }

.lt-s6::after {
	z-index: 1;
	height: calc(10vw + 1px);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZmlsbD0iIzcyMDEwMCIgZD0iTTAgMTQwaDEyODBDNTczLjA4IDE0MCAwIDAgMCAweiIvPjwvc3ZnPg==");
	background-size: 100% 100%;
	transform: scale(-1, 1);
}

.lt-page .lt-s6 .lt-row:first-child { padding: 27px 0 0; }
.lt-page .lt-s6 .lt-eyebrow { margin: 0 0 0 40px; padding-right: 5vw; }
.lt-page .lt-s6 .lt-h40 { margin: 0 0 0 30px; max-width: 600px; }
.lt-page .lt-s6 .lt-testimonials { padding-top: 0; padding-left: 30px; }
.lt-page .lt-s6 .lt-testimonials h5 { font-style: italic; line-height: 1.2em; }

/* ---- 7 and 8: kids, what you get --------------------------------------------- */

.lt-s7, .lt-s8 { background-color: #720100; }

.lt-page .lt-s7 .lt-h70,
.lt-page .lt-s8 .lt-h70 { text-shadow: 0 0 0.4em rgba(255, 255, 255, 0.6); margin-bottom: 0; }

.lt-page .lt-lead { max-width: 500px; margin-inline: auto !important; line-height: 2em; }
.lt-page .lt-s7 .lt-lead { padding-top: 58px; }
.lt-page .lt-s8 .lt-lead h3 { font-size: 18px; }

.lt-page .lt-price {
	background: #fff;
	text-align: center;
	padding-bottom: 30px;
	box-shadow: 0 12px 18px -14px rgba(0, 0, 0, 0.3);
	transition: box-shadow 300ms ease 0ms;
}

.lt-page .lt-price:hover { box-shadow: 0 32px 68px -4px rgba(0, 0, 0, 0.15); }

.lt-page .lt-price .lt-price-title {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 2px;
	color: #2a2a2a;
	padding: 30px 0;
	margin: 0 !important;
}

.lt-page .lt-price h5 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.6em;
	padding: 0 30px;
	color: #720100;
}

.lt-page .lt-price h5 + h5 { margin-top: 0 !important; }
.lt-page .lt-price > h5 { margin-bottom: 0; }

.lt-page .lt-price .wp-block-buttons { margin-top: 30px !important; padding: 0 20px; }

.lt-page .lt-price .wp-block-button__link {
	padding-left: 0.7em;
	padding-right: 2em;
	box-shadow: 0 12px 50px -12px #ff4c00;
}

.lt-page .lt-s8 .lt-get { padding-left: 30px; padding-right: 30px; transition: box-shadow 300ms ease 0ms; }
.lt-page .lt-s8 .lt-get:hover { box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.19); }
.lt-page .lt-s8 .lt-get--shade { background-color: rgba(0, 0, 0, 0.06); }
.lt-page .lt-s8 .lt-get h4 { color: #fff; margin-top: 20px !important; }

.lt-page .lt-s8 .lt-get-text {
	text-align: center;
	line-height: 2em;
	color: #fff;
}

.lt-page .lt-s8 .lt-get-text::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 10px;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkgMTYuMiA0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40eiIvPjwvc3ZnPg==") center / contain no-repeat;
}

/* ---- 9: join now ------------------------------------------------------------- */

.lt-s9 {
	padding: 20vw 0;
	background-image: linear-gradient(145deg, rgba(38, 45, 63, 0.8) 0cm, #262d3f 99cm), url("/wp-content/uploads/2024/08/%D0%A2%D0%90%D0%99%D0%A1%D0%9A%D0%98%D0%99-%D0%91%D0%9E%D0%9A%D0%A1-%D0%9C%D0%A3%D0%90%D0%99-%D0%A2%D0%90%D0%99-%D0%A1%D0%90%D0%9C%D0%9E%D0%9E%D0%91%D0%9E%D0%A0%D0%9E%D0%9D%D0%90-%D0%A1%D0%90%D0%9C%D0%9E%D0%97%D0%90%D0%A9%D0%98%D0%A2%D0%90-2-1536x864.png");
	background-size: cover;
	background-position: center;
}

.lt-s9::before {
	z-index: 1;
	height: calc(10vw + 1px);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZmlsbD0iIzcyMDEwMCIgZD0iTTY0MCAxNDBMMTI4MCAwSDB6Ii8+PC9zdmc+");
	background-size: 100% 100%;
}

.lt-page .lt-s9 .lt-h70 { text-shadow: 0 0 0.4em rgba(255, 255, 255, 0.6); margin-bottom: 0; }
.lt-page .lt-s9 .lt-lead { padding-bottom: 1px; }
.lt-page .lt-s9 .lt-row + .lt-row { padding-top: 0; }

/* ---- tablet and phone: Divi's own breakpoints -------------------------------- */

@media (max-width: 980px) {
	.lt-page .lt-row.wp-block-columns { flex-wrap: wrap !important; }
	.lt-page .lt-row.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
	.lt-page .lt-s0 .lt-hero-empty { display: none; }
	.lt-page .lt-s0 .lt-hero-button { margin-left: 0; margin-right: 0; }
	.lt-page .lt-s0 .lt-hero-title { font-size: 7.5vw; margin-left: 0; width: auto; max-width: 100%; padding: 30px 40px 0; }
	.lt-page .lt-s1 .lt-join-text { padding-top: 0; }
	.lt-page .lt-s1 .lt-faded { display: none; }
	.lt-page .lt-blurb-title { font-size: 26px; }
	.lt-page .lt-blurb--center .lt-blurb-title { font-size: 30px; }
	.lt-page .lt-s3 .lt-dir-title { margin-left: 0; }
	.lt-page .lt-s3 .lt-dir-text { padding-top: 22vw; }
	.lt-page .lt-s5 .lt-prog-title { font-size: 50px; }
	.lt-page .lt-s5 .lt-prog-list { padding-top: 0; }
	.lt-page .lt-s5 .lt-prog.wp-block-columns { flex-wrap: nowrap !important; }
	.lt-page .lt-s5 .lt-prog.wp-block-columns > .wp-block-column { flex-basis: 47.25% !important; }
	.lt-s9 { padding: 181px 0 2px; }
}

@media (max-width: 767px) {
	.lt-s0 { padding: 13px 0; }
	.lt-s0::after { display: none; }
	.lt-page .lt-s0 .lt-hero-sub { padding: 20px 0; }
	.lt-page .lt-s0 .lt-hero-eyebrow { padding-right: 0; }
	.lt-page .lt-s0 .lt-btn-glow .wp-block-button__link { font-size: 14px; }
	.lt-page .lt-watermark { font-size: 16vw; }
	.lt-page .lt-s1 .lt-real { padding-right: 0; }
	.lt-page .lt-h70 { font-size: 40px; }
	.lt-page .lt-h40 { font-size: 30px; }
	.lt-page .lt-s6 .lt-h40 { margin-left: 0; }
	.lt-page .lt-s1 .lt-join-title,
	.lt-page .lt-s5 .lt-prog-title,
	.lt-page .lt-s5 .lt-prog-text { margin-left: 0; }
	.lt-page .lt-s5 .lt-prog.wp-block-columns { flex-wrap: wrap !important; }
	.lt-page .lt-s5 .lt-prog.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
	.lt-s9 { padding: 160px 0 2px; }
}

/* ---- contacts: c0 header, c1 two panels, c2 map ------------------------------ */

.lt-c0 {
	padding: 10vw 0;
	background-image: linear-gradient(180deg, rgba(38, 45, 63, 0.67) 0%, #262d3f 100%), url("/wp-content/uploads/2024/05/%D0%A2%D0%90%D0%99%D0%A1%D0%9A%D0%98%D0%99-%D0%91%D0%9E%D0%9A%D0%A1-%D0%9C%D0%A3%D0%90%D0%99-%D0%A2%D0%90%D0%99-%D0%A1%D0%90%D0%9C%D0%9E%D0%9E%D0%91%D0%9E%D0%A0%D0%9E%D0%9D%D0%90-%D0%A1%D0%90%D0%9C%D0%9E%D0%97%D0%90%D0%A9%D0%98%D0%A2%D0%90-1-1536x864.png");
	background-size: cover;
	background-position: center;
}

.lt-page .lt-c0 .lt-title {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 4.9vw;
	letter-spacing: 0.18em;
	line-height: 1.4em;
	color: #fff;
	text-shadow: 0 0 0.4em rgba(255, 255, 255, 0.6);
	margin-bottom: 0;
}

.lt-page .lt-c0 .lt-contact-lines {
	max-width: 500px;
	margin-inline: auto !important;
	padding-top: 39px;
}

.lt-page .lt-c0 .lt-contact-lines h3 {
	color: #fff;
	line-height: 1.8em;
	padding-bottom: 0;
}

.lt-page .lt-c0 .lt-contact-lines a { color: inherit; }

/* Same underlined button as the home page, at the size Divi used here. */
.lt-page .lt-btn-line--lg .wp-block-button__link { font-size: 24px; padding-bottom: 2px; }

.lt-c1 { padding: 0; background-color: #262d3f; }

.lt-page .lt-c1 .lt-row {
	width: 100%;
	max-width: 100%;
	padding: 0;
	column-gap: 0;
	row-gap: 0;
}

.lt-page .lt-c1 .lt-c1-left,
.lt-page .lt-c1 .lt-c1-right { padding: 10vw 5%; }

.lt-page .lt-c1 .lt-c1-left { background-color: #720100; }

.lt-page .lt-c1 .lt-c1-right {
	background-color: #e02b20;
	background-image: radial-gradient(circle at bottom, rgba(255, 76, 0, 0) 0%, #262d3f 82%), url("/wp-content/uploads/2024/05/0001-17056950572_20220121_114550_0000-1536x864.png");
	background-size: cover;
	background-position: center;
}

.lt-page .lt-c1 .lt-eyebrow { margin: 0 0 0 40px; padding-right: 5vw; }
.lt-page .lt-c1 .lt-h40 { margin-left: 30px; }

.lt-c2 { padding: 0; }

/* Divi's fullwidth map, its greyed-out look and its default height. */
.lt-page .lt-map iframe {
	display: block;
	width: 100%;
	height: 440px;
	border: 0;
	filter: saturate(0) opacity(0.56);
}

@media (max-width: 980px) {
	.lt-page .lt-c1 .lt-row.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
	.lt-page .lt-c1 .lt-eyebrow { margin-left: 0; padding-right: 0; }
	.lt-page .lt-c1 .lt-h40 { margin-left: 0; font-size: 30px; }
}

@media (max-width: 767px) {
	.lt-page .lt-c0 .lt-title { font-size: 7.5vw; }
}

/* ---- privacy: plain text page ------------------------------------------------ */

.lt-page .lt-t0 .lt-row { padding-block: 54px; }
.lt-page .lt-t0 p { padding-bottom: 1em; }
.lt-page .lt-t0 p:empty { display: none; }


/* ---- about kung fu: k0 header, k1 about, k2 text, k3 name, k4 call ----------- */

.lt-k0 {
	padding: 10vw 0;
	background-image: linear-gradient(180deg, rgba(38, 45, 63, 0.67) 0%, #262d3f 100%), url("/wp-content/uploads/2024/05/20220119_193146_0000.png");
	background-size: cover;
	background-position: center;
}

.lt-k0::after {
	z-index: 1;
	height: calc(6vw + 1px);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZmlsbD0iI2ZiZmNmZCIgZD0iTTAgMTQwaDEyODBDNTczLjA4IDE0MCAwIDAgMCAweiIvPjwvc3ZnPg==");
	background-size: 100% 100%;
	transform: scale(-1, 1);
}

.lt-page .lt-k0 .lt-title {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 4.9vw;
	letter-spacing: 0.18em;
	line-height: 1.4em;
	color: #fff;
	text-shadow: 0 0 0.4em rgba(255, 255, 255, 0.6);
}

.lt-k1, .lt-k2 { padding: 0 0 54px; background-color: #fbfcfd; }

/* Divi drew these separators as a 1px wide box with a 100px thick top border. */
.lt-page hr.lt-vline {
	border: 0;
	width: 1px !important;
	max-width: 1px;
	height: 100px;
	background: rgba(149, 173, 193, 0.24);
	opacity: 1;
	margin: 0 auto !important;
}

/* On a phone this decorative rule, plus the padding around it, left a 200px
   band of nothing between the video and the watermark. */
@media (max-width: 767px) {
	.lt-page hr.lt-vline { height: 48px; }
}

.lt-page .lt-k1 .lt-eyebrow { margin: 0 0 0 40px; padding-right: 5vw; }
.lt-page .lt-k1 .lt-h40 { margin-left: 30px; }

.lt-page .lt-lead-oswald {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 22px;
	line-height: 2em;
	color: #2a2a2a;
}

.lt-page .lt-k1 .lt-about-img img {
	border-radius: 0 10vw 0 0;
	box-shadow: 0 72px 130px -32px rgba(149, 173, 193, 0.55);
}

.lt-page .lt-k1 .lt-card-img img { box-shadow: 0 72px 130px -32px rgba(149, 173, 193, 0.55); }
.lt-page .lt-k1 .lt-card-img--first img { border-radius: 5vw 0 0 0; }
.lt-page .lt-k1 .lt-card-img--last img { border-radius: 0 0 5vw 0; }

.lt-page .lt-k1 .lt-card-text { margin-block: 10px !important; line-height: 2em; }

.lt-page .lt-k1 .lt-card-text h4,
.lt-page .lt-k1 .lt-card-text h3 {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 3px;
}

/* The oversized word, as "MUAYTHAI" on the home page. */
.lt-page .lt-watermark--right {
	text-align: right;
	font-size: 14vw;
}

.lt-page .lt-k2 .lt-row--pad { padding-left: 40px; padding-right: 40px; }

.lt-k3 {
	background-color: #262d3f;
	background-image: radial-gradient(circle at top left, #720100 0%, #262d3f 50%);
}

.lt-page .lt-k3 .lt-row { width: 100%; max-width: 100%; }

.lt-page .lt-k3 .lt-giant {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 18vw;
	line-height: 1em;
	letter-spacing: 0.18em;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 0.3em rgba(38, 45, 63, 0.41);
	margin-top: 1vw;
	white-space: nowrap;
}

.lt-page .lt-k3 hr.lt-div { border-top-color: #ff5000; margin-left: auto !important; }

.lt-page .lt-k3 .lt-eyebrow {
	font-size: 14px;
	color: #fff;
	text-align: right;
	max-width: 600px;
	margin-left: auto !important;
	padding: 0 30px 0 40px;
}

.lt-k4 {
	padding: 13vw 0 10vw;
	background-image: linear-gradient(181deg, #ff4c00 0%, rgba(168, 30, 0, 0.97) 0%, #720100 74%, rgba(255, 76, 0, 0.91) 100%), url("/wp-content/uploads/2024/06/1660334599_60-kartinkin-net-p-muai-tai-oboi-krasivo-66-1080x608.jpg");
	background-size: cover;
	background-position: center;
}

.lt-k4::before {
	z-index: 1;
	height: calc(10vw + 1px);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZmlsbD0iIzI2MmQzZiIgZD0iTTY0MCAxNDBMMTI4MCAwSDB6Ii8+PC9zdmc+");
	background-size: 100% 100%;
}

.lt-page .lt-k4 .lt-lead h4 { color: #fff; line-height: 2em; padding-bottom: 0; }

@media (max-width: 980px) {
	.lt-page .lt-k1 .lt-about-img,
	.lt-page .lt-k1 .lt-eyebrow { margin-left: 0; }
	.lt-page .lt-k1 .lt-h40 { margin-left: 0; font-size: 30px; }
	.lt-page .lt-k3 .lt-giant { font-size: 22vw; }
}

@media (max-width: 767px) {
	.lt-page .lt-k0 .lt-title { font-size: 7.5vw; }
	.lt-page .lt-k1 .lt-about-img { display: none; }
	.lt-page .lt-watermark--right { font-size: 16vw; }
}


/* ---- directions: d0 header ... d8 join --------------------------------------- */

.lt-d0 { padding: 6vw 0 0; background-color: #fbfcfd; }
.lt-d1, .lt-d2, .lt-d5 { background-color: #fbfcfd; }
.lt-d1 { padding: 54px 0 0; }
.lt-d4 { padding: 0 0 54px; background-color: #fbfcfd; }

.lt-page .lt-d0 .lt-title {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 4.9vw;
	letter-spacing: 0.18em;
	line-height: 1.4em;
	text-shadow: 0 0 0.4em rgba(149, 173, 193, 0.46);
	margin-bottom: 0;
}

.lt-page .lt-btn-soft--lg .wp-block-button__link { font-size: 18px; }

/* The list of services: each line with a hairline under it. */
.lt-page .lt-service {
	border-bottom: 1px solid rgba(149, 173, 193, 0.21);
	padding-top: 30px;
	margin-bottom: 0 !important;
}

.lt-page .lt-service h4 {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 3px;
}

.lt-page .lt-d1 .lt-intro { max-width: 600px; }
.lt-page .lt-video { box-shadow: -40px 72px 148px -46px rgba(0, 0, 0, 0.3); }
.lt-page .lt-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
/* aspect-ratio, not just height:auto: until the browser has the file's metadata
   a <video> falls back to 300x150, so on a phone the player opened as a squat
   box and the page jumped once the real size arrived. */

/* "Training" and "TRAINING" between the blocks, smaller than the home page one. */
.lt-page .lt-watermark--10 { font-size: 10vw; }
.lt-page .lt-d2 .lt-row, .lt-page .lt-d5 .lt-row { max-width: 80%; }

.lt-d3 { padding: 10vw 0; background-color: #720100; }

/* Each programme is one card of two panels: a photo and a text panel. */
.lt-page .lt-card-row {
	padding: 0 !important;
	column-gap: 0;
	row-gap: 0;
	box-shadow: 0 20px 120px -10px rgba(0, 0, 0, 0.4);
}

.lt-page .lt-card-row--red { background-color: #f40000; }
.lt-page .lt-card-row--navy { background-color: #262d3f; }

.lt-page .lt-photo-panel {
	display: flex;
	align-items: center;
	background-blend-mode: overlay;
	background-size: cover;
	background-position: center;
	padding: 80px 40px;
}

.lt-page .lt-photo-panel--muay {
	background-image: url("/wp-content/uploads/2024/07/SK1_7655-copy-1536x1025.jpg"), radial-gradient(circle at bottom right, rgba(255, 76, 0, 0.7) 0%, #262d3f 100%);
}

.lt-page .lt-photo-panel--kick {
	background-image: url("/wp-content/uploads/2024/05/female-boxer-practicing-with-trainer-1536x1024.jpg"), radial-gradient(circle at bottom right, rgba(255, 76, 0, 0.7) 0%, #262d3f 100%);
}

.lt-page .lt-photo-panel--kungfu {
	background-image: url("/wp-content/uploads/2024/05/20220119_193146_0000.png");
	background-color: #262d3f;
}

.lt-page .lt-photo-panel--about {
	background-image: url("/wp-content/uploads/2024/05/young-female-kickboxing-fighter-training-isolated-on-white-wall-caucasian-blonde-girl-in-red-sportswear-practicing-in-martial-arts-concept-of-sport-healthy-lifestyle-motion-action-youth-1280x854.jpg");
	background-color: #262d3f;
	padding-block: 5vw;
}

.lt-page .lt-photo-panel--flat { background-color: #720100; background-image: none; }

.lt-page .lt-panel-title h2 {
	font-family: Oswald, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 40px;
	letter-spacing: 0.18em;
	line-height: 1.4em;
	color: #fff;
	text-shadow: 0 0 0.4em rgba(255, 255, 255, 0.6);
	padding-bottom: 0;
}

.lt-page .lt-text-panel {
	padding: 80px 0 10px;
	background-image: radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.54) 0%, #262d3f 75%);
}

.lt-page .lt-text-panel--light { background: #f2f5f7; }
.lt-page .lt-text-panel--navy { background: #262d3f; padding-block: 5vw 10px; }
.lt-page .lt-text-panel--plain { background: none; }

.lt-page .lt-panel-text {
	padding: 0 40px;
	margin-bottom: 40px !important;
	line-height: 2em;
}

.lt-page .lt-panel-text h5 { line-height: 1.6em; }

/* The "Більше" label under a panel, right aligned with an orange rule over it. */
.lt-page .lt-panel-link {
	padding: 0 30px;
	text-align: right;
	font-size: 14px;
}

.lt-page .lt-panel-link a { color: inherit; }
.lt-page .lt-text-panel :is(h1, h5) { color: #fff; }
.lt-page .lt-text-panel--light :is(h1, h5, p),
.lt-page .lt-text-panel--plain :is(h1, h5, p) { color: #0a0a0a; }

.lt-d6 {
	padding-top: 10vw;
	background-image: linear-gradient(90deg, #fbfcfd 50%, #262d3f 50%);
}

.lt-d7 { background-color: #720100; }

.lt-d8 {
	padding: 13vw 0 10vw;
	background-image: linear-gradient(135deg, rgba(38, 45, 63, 0.8) 0%, #262d3f 100%), url("/wp-content/uploads/2024/05/%D0%A2%D0%90%D0%99%D0%A1%D0%9A%D0%98%D0%99-%D0%91%D0%9E%D0%9A%D0%A1-%D0%9C%D0%A3%D0%90%D0%99-%D0%A2%D0%90%D0%99-%D0%A1%D0%90%D0%9C%D0%9E%D0%9E%D0%91%D0%9E%D0%A0%D0%9E%D0%9D%D0%90-%D0%A1%D0%90%D0%9C%D0%9E%D0%97%D0%90%D0%A9%D0%98%D0%A2%D0%90-1-1536x864.png");
	background-size: cover;
	background-position: center;
}

.lt-d8::before {
	z-index: 1;
	height: calc(10vw + 1px);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDE0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZmlsbD0iIzcyMDEwMCIgZD0iTTY0MCAxNDBMMTI4MCAwSDB6Ii8+PC9zdmc+");
	background-size: 100% 100%;
}

/* Same underlined button, with the small radius Divi used here. */
.lt-page .lt-btn-line--round .wp-block-button__link { border-radius: 5px; }

@media (max-width: 980px) {
	.lt-page .lt-card-row.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
	.lt-page .lt-photo-panel { min-height: 320px; }
	.lt-d6 { background-image: none; background-color: #fbfcfd; }
	.lt-page .lt-watermark--10 { font-size: 14vw; }
}

@media (max-width: 767px) {
	.lt-page .lt-d0 .lt-title { font-size: 7.5vw; }
	.lt-page .lt-panel-text { padding-inline: 20px; }
}