/* CRM homepage — own rules (crm/home/home.php). The demo's sections are full width; the
   article between them keeps a reading width, like any page of the theme. */

body.lotto_crm_home .post_item_single > .post_content.entry-content,
body.lotto_crm_home .post_item_single > .lotto_crm_faq {
	max-width: var(--theme-var-page, 1290px);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--theme-var-grid_gap, 30px);
	padding-right: var(--theme-var-grid_gap, 30px);
	box-sizing: border-box;
}

body.lotto_crm_home .post_item_single > .post_content.entry-content {
	padding-top: 6em;
	padding-bottom: 4em;
}

body.lotto_crm_home .post_item_single > .post_content.entry-content:empty {
	display: none;
}

/* Icons of the service boxes: an image in the place of the demo's inline SVG. */
.lotto_crm_home_sections .elementor-icon .lotto_crm_home_icon {
	display: block;
	width: 1em;
	height: 1em;
	object-fit: contain;
}

/* Paragraphs set like the demo's headings (running lines are decoration, not headings). */
.lotto_crm_home_as_h1 {
	font-family: var(--theme-font-h1_font-family);
	font-size: var(--theme-font-h1_font-size);
	font-weight: var(--theme-font-h1_font-weight);
	line-height: var(--theme-font-h1_line-height);
	letter-spacing: var(--theme-font-h1_letter-spacing);
	text-transform: var(--theme-font-h1_text-transform);
	margin: 0;
}
.lotto_crm_home_as_h4 {
	font-family: var(--theme-font-h4_font-family);
	font-size: var(--theme-font-h4_font-size);
	font-weight: var(--theme-font-h4_font-weight);
	line-height: var(--theme-font-h4_line-height);
	letter-spacing: var(--theme-font-h4_letter-spacing);
	text-transform: var(--theme-font-h4_text-transform);
	margin: 0;
}

/* The demo's decorative images (blurred circles, gems — lotto_crm_home_decor()) sit half
   outside their sections by design (`right: -28.7vw` and the like). The games and blog
   sections do not clip them, and the page grew wider than the screen: 502px at 390, 1855px
   at 1440 (measured in headless Chromium, 2026-10-01). Clipped horizontally only — the
   circles that hang into the next section keep doing so. `hidden` first for browsers
   without `clip`. */
.lotto_crm_home_sections {
	overflow-x: hidden;
	overflow-x: clip;
}

/* Running lines — trx_addons does this with a script; here copies of the line (home.js adds
   enough to cover the screen) move by exactly one copy's width, which loops without a seam.
   Clipped horizontally only: the word line lifts every second word 354px up (the demo's
   per-item `top`), and `overflow: hidden` cut that row off. trx_addons clips vertically only
   the background text (.trx_addons_bg_text), as below. */
.lotto_crm_home_sections .trx_addons_marquee_wrap {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: clip;
	overflow-y: visible;
	white-space: nowrap;
}
.lotto_crm_home_sections .trx_addons_bg_text.trx_addons_marquee_wrap {
	overflow: hidden;
}
.lotto_crm_home_marquee_run {
	flex: 0 0 auto;
	animation: lotto_crm_home_marquee 40s linear infinite;
}
.lotto_crm_home_marquee_reverse {
	animation-direction: reverse;
}
/* trx_addons right-aligns a reversed line (justify-content: flex-end) and its script then
   places the copies itself. Here the copies are wider than the screen together, so flex-end
   pushed all of them off its left edge and only a sliver showed (the big "Lucky moments"
   line, 2026-10-14). Laid out from the left, the reversed run covers the screen as the
   forward one does. */
.lotto_crm_home_sections .trx_addons_marquee_wrap.trx_addons_marquee_reverse {
	justify-content: flex-start;
}
@keyframes lotto_crm_home_marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-100%); }
}
@media (prefers-reduced-motion: reduce) {
	.lotto_crm_home_marquee_run { animation: none; }
}

/* Background text (section 5) — the base rules of trx_addons' .trx_addons_bg_text. */
.lotto_crm_home_sections .trx_addons_bg_text {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	align-items: center;
}
.lotto_crm_home_sections .trx_addons_bg_text .trx_addons_bg_text_inner {
	display: flex;
	align-items: center;
}
.lotto_crm_home_sections .trx_addons_bg_text_char {
	line-height: 0.8em;
}
.lotto_crm_home_sections .trx_addons_has_bg_text {
	position: relative;
	overflow: hidden;
}