/* =========================================================
   ELE 20 - Facanliget site skin
   The layout, animation and 3x3 slide alignment stay in css-20.css.
   ========================================================= */

/* Nude theme cascade endpoint. */
.e20.e20v2{--fac-hero-night:#0b2926;--fac-hero-forest:#294b43;--fac-hero-copper:#bf8847;--fac-hero-copper-soft:#e1b573;--fac-hero-ivory:#fffaf2;--fac-hero-muted:rgba(255,250,242,.8);--e20-accent:#d6a45f;--e20-mobile-content-bg:#0b2926}
.e20.e20v2 .e20Slide::after{background:linear-gradient(90deg,rgba(6,28,26,.84) 0%,rgba(11,41,38,.48) 48%,rgba(11,41,38,.12) 76%,transparent 100%)!important}
@media(max-width:760px){.e20.e20v2 .e20Slide::after{background:linear-gradient(180deg,rgba(11,41,38,.1) 10%,rgba(6,28,26,.82) 82%,#0b2926 100%)!important}}


/* Romantic nude hero: a foto maradjon meleg es levegos. */
.e20.e20v2 .e20Slide__media::after{
	background:
		radial-gradient(circle at 70% 22%,rgba(225,181,115,.14),transparent 34%),
		linear-gradient(90deg,rgba(7,33,30,.64) 0%,rgba(7,33,30,.22) 52%,rgba(7,33,30,.04) 76%),
		linear-gradient(180deg,rgba(7,33,30,.13),transparent 38%,rgba(7,33,30,.52))!important;
	box-shadow:inset 0 -70px 100px rgba(6,28,26,.14)!important;
}
.e20.e20v2 .e20Overlay{opacity:1!important;mix-blend-mode:normal!important}
.e20.e20v2 .txt .pre{font-weight:400!important;letter-spacing:.22em!important}

/* Kompaktabb hero-meretek; a line-height-ok maradnak. */
.e20.e20v2.hsize0 .txt h1{font-size:clamp(37px,3.55vw,66px)!important}
.e20.e20v2.hsize1 .txt h1{font-size:clamp(43px,4.5vw,82px)!important}
.e20.e20v2.hsize2 .txt h1{font-size:clamp(50px,5.45vw,100px)!important}
.e20.e20v2 .txt .des{font-size:clamp(14px,.42vw + 11px,18px)!important}
@media(max-width:760px){
	.e20.e20v2.hsize0 .txt h1{font-size:clamp(29px,8.2vw,38px)!important}
	.e20.e20v2.hsize1 .txt h1{font-size:clamp(33px,9.5vw,44px)!important}
	.e20.e20v2.hsize2 .txt h1{font-size:clamp(37px,10.8vw,50px)!important}
	.e20.e20v2 .txt .des{font-size:clamp(13px,3.6vw,15px)!important}
}

/* FACANLIGET · romantikus nude hero */
.e20.e20v2{--fac-hero-night:#0b2926;--fac-hero-forest:#294b43;--fac-hero-copper:#bf8847;--fac-hero-copper-soft:#e1b573;--fac-hero-ivory:#fffaf2;--fac-hero-muted:rgba(255,250,242,.8);--e20-accent:#d6a45f;--e20-mobile-content-bg:#0b2926}
.e20.e20v2 .e20Slide::after{background:linear-gradient(90deg,rgba(6,28,26,.84) 0%,rgba(11,41,38,.48) 48%,rgba(11,41,38,.12) 76%,transparent 100%)!important}
@media(max-width:760px){.e20.e20v2 .e20Slide::after{background:linear-gradient(180deg,rgba(11,41,38,.1) 10%,rgba(6,28,26,.82) 82%,#0b2926 100%)!important}}


.e20,
.e20.e20v2{
	--fac-hero-night:#071d1b;
	--fac-hero-forest:#123d35;
	--fac-hero-copper:#d59a3a;
	--fac-hero-copper-soft:#efbd69;
	--fac-hero-ivory:#f3efe4;
	--fac-hero-muted:rgba(243,239,228,.78);
	--e20-accent:var(--fac-hero-copper);
	--e20-mobile-content-bg:var(--fac-hero-night);
	background:var(--fac-hero-night)!important;
	color:var(--fac-hero-ivory);
}

/* A kep marad a foszereplo, a szoveg mogott csak egy filmes vignetta dolgozik. */
.e20.e20v2 .e20Slide::before{
	content:"";
	position:absolute!important;
	inset:0;
	z-index:3;
	pointer-events:none;
	background:
		radial-gradient(circle at 72% 25%,rgba(239,189,105,.10),transparent 30%),
		linear-gradient(90deg,rgba(4,20,18,.76) 0%,rgba(4,20,18,.28) 48%,rgba(4,20,18,.08) 72%),
		linear-gradient(180deg,rgba(4,18,17,.22),rgba(4,18,17,.05) 38%,rgba(4,18,17,.72));
	box-shadow:inset 0 -100px 120px rgba(3,16,15,.24);
	display:none;
}

.e20.e20v2 .e20Overlay{
	mix-blend-mode:normal;
	opacity:1;
}

.e20.e20v2 .txt{
	z-index:6;
	color:var(--fac-hero-ivory);
}

.e20.e20v2 .txt .pre{
	position:relative;
	display:inline-flex;
	align-items:center;
	width:auto;
	max-width:min(100%,760px);
	padding:0 0 14px 34px!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
	-webkit-backdrop-filter:none!important;
	backdrop-filter:none!important;
	color:var(--fac-hero-copper-soft)!important;
	font-family:var(--font-body,"Body Font",Arial,sans-serif)!important;
	font-size:clamp(11px,.36vw + 9px,14px)!important;
	font-weight:700;
	line-height:1.45;
	letter-spacing:.18em!important;
	text-transform:none!important;
	text-shadow:0 2px 16px rgba(0,0,0,.48);
}

.e20.e20v2 .txt .pre::before{
	content:"";
	position:absolute!important;
	left:0;
	top:.65em;
	width:22px;
	height:1px;
	background:linear-gradient(90deg,var(--fac-hero-copper),var(--fac-hero-copper-soft));
	box-shadow:0 0 12px rgba(213,154,58,.32);
}

.e20.e20v2 .txt h1{
	max-width:980px;
	color:var(--fac-hero-ivory)!important;
	font-family:var(--font-display,"Display Font",Georgia,serif)!important;
	font-weight:400!important;
	line-height:.98!important;
	letter-spacing:-.035em!important;
	text-wrap:balance;
	text-shadow:0 5px 34px rgba(0,0,0,.64),0 1px 0 rgba(255,255,255,.06)!important;
}

/* A szerkesztoben rogzitett kis- es nagybetuk maradjanak valtozatlanok. */
.e20.e20v2.hcase1 .txt h1,
.e20.e20v2 .txt h1{
	text-transform:none!important;
}

.e20.e20v2 .txt h1 u{
	color:var(--fac-hero-copper-soft);
	font-family:inherit!important;
	font-weight:400!important;
	font-style:italic;
	text-decoration:none!important;
	text-shadow:0 5px 34px rgba(0,0,0,.58),0 0 30px rgba(213,154,58,.10)!important;
}

/* A bannerben az <i> szemantikus kiemeles, nem tipografiai dolt stilus. */
.e20.e20v2 .txt h1 i{
	color:var(--fac-hero-copper-soft)!important;
	font-family:inherit!important;
	font-weight:400!important;
	font-style:normal!important;
	text-shadow:0 5px 34px rgba(0,0,0,.58),0 0 30px rgba(213,154,58,.10)!important;
}

.e20.e20v2.hsize0 .txt h1{font-size:clamp(42px,4.2vw,76px)!important}
.e20.e20v2.hsize1 .txt h1{font-size:clamp(50px,5.25vw,96px)!important}
.e20.e20v2.hsize2 .txt h1{font-size:clamp(58px,6.4vw,118px)!important;line-height:.92!important}

.e20.e20v2 .txt .des{
	max-width:760px;
	color:var(--fac-hero-ivory)!important;
	font-family:var(--font-body,"Body Font",Arial,sans-serif)!important;
	font-size:clamp(15px,.55vw + 12px,20px)!important;
	font-weight:400;
	line-height:1.62;
	text-shadow:0 3px 20px rgba(0,0,0,.76)!important;
}

.e20.e20v2 .txt .sub{
	max-width:760px;
	padding-top:13px;
	border-top:1px solid rgba(239,189,105,.28);
	color:var(--fac-hero-muted)!important;
	font-family:var(--font-body,"Body Font",Arial,sans-serif)!important;
	font-size:clamp(11px,.32vw + 9px,13px)!important;
	font-weight:600;
	line-height:1.55;
	letter-spacing:.08em;
	text-shadow:0 2px 16px rgba(0,0,0,.72)!important;
}

.e20.e20v2 .e20Btns{
	position:relative!important;
	z-index:7;
}

/* A normal gomb szerkezetet a kozos button.css adja; itt csak az arculati szinek. */
.e20.e20v2 .e20Btn--normal{
	--btn-accent:var(--fac-hero-copper);
	--btn-accent-soft:var(--fac-hero-copper-soft);
	color:var(--fac-hero-night)!important;
}

.e20.e20v2 .e20Btn--normal.btn--secondary{color:var(--fac-hero-ivory)!important}

.e20.e20v2 .e20Btn--normal:hover{
	filter:drop-shadow(0 12px 26px rgba(213,154,58,.20));
}

.e20 .e20Meter--color::before{background:var(--fac-hero-night)!important}
.e20 .e20Meter--color i{
	background:linear-gradient(to top,var(--fac-hero-night) 0%,rgba(18,61,53,.96) 26%,rgba(213,154,58,.56) 67%,rgba(239,189,105,.18) 100%)!important;
}
.e20 .e20Meter--color i:nth-child(3n){
	background:linear-gradient(to top,var(--fac-hero-night) 0%,rgba(11,41,37,.98) 30%,rgba(213,154,58,.48) 70%,rgba(239,189,105,.14) 100%)!important;
}

/* A jobb oldali szoveghez tukrozott feny- es sotetsegirany illik. */
.e20.e20v2 .e20Slide.ali3::before,
.e20.e20v2 .e20Slide.ali4::before,
.e20.e20v2 .e20Slide.ali5::before{
	background:
		radial-gradient(circle at 28% 25%,rgba(239,189,105,.09),transparent 30%),
		linear-gradient(270deg,rgba(4,20,18,.78) 0%,rgba(4,20,18,.28) 48%,rgba(4,20,18,.08) 72%),
		linear-gradient(180deg,rgba(4,18,17,.22),rgba(4,18,17,.05) 38%,rgba(4,18,17,.72));
}

@media (max-width:800px){
	.e20.e20v2 .e20Slide::before,
	.e20.e20v2 .e20Slide.ali3::before,
	.e20.e20v2 .e20Slide.ali4::before,
	.e20.e20v2 .e20Slide.ali5::before{
		background:
			linear-gradient(180deg,rgba(4,18,17,.18) 0%,rgba(4,18,17,.18) 24%,rgba(4,18,17,.68) 72%,rgba(4,18,17,.90) 100%),
			linear-gradient(90deg,rgba(4,18,17,.36),transparent 44%,rgba(4,18,17,.22));
	}

	.e20.e20v2 .txt .pre{
		padding:0 0 10px 26px!important;
		font-size:10px!important;
		letter-spacing:.14em!important;
	}

	.e20.e20v2 .txt .pre::before{width:17px}
	.e20.e20v2.hsize0 .txt h1{font-size:clamp(32px,9.5vw,43px)!important}
	.e20.e20v2.hsize1 .txt h1{font-size:clamp(37px,11vw,50px)!important}
	.e20.e20v2.hsize2 .txt h1{font-size:clamp(42px,12.5vw,58px)!important}
	.e20.e20v2 .txt .des{font-size:clamp(14px,4vw,17px)!important;line-height:1.5}
	.e20.e20v2 .txt .sub{font-size:11px!important;letter-spacing:.04em}
}

@media (prefers-reduced-motion:reduce){
	.e20.e20v2 .e20Slide__media img{transition:none!important}
}

/* A szélső bannerpozíciók a közös Fácánliget oldalrácshoz igazodnak. */
.e20.ali1 .txt,.e20.ali7 .txt,.e20.ali8 .txt{
	left:max(var(--fac-layout-gutter,24px),calc((100% - var(--fac-layout-max,1360px))/2))!important;
}
.e20.ali3 .txt,.e20.ali4 .txt,.e20.ali5 .txt{
	right:max(var(--fac-layout-gutter,24px),calc((100% - var(--fac-layout-max,1360px))/2))!important;
}
@media(max-width:800px){
	.e20.ali1 .txt,.e20.ali7 .txt,.e20.ali8 .txt{left:20px!important}
	.e20.ali3 .txt,.e20.ali4 .txt,.e20.ali5 .txt{right:20px!important}
}

/* Optikai korrekció a 11/0 bal széléhez; a hosszabb szelektor felülírja az alap mobilpozíciót is. */
.e20.e20v2 .e20Slide.ali1 .txt,
.e20.e20v2 .e20Slide.ali7 .txt,
.e20.e20v2 .e20Slide.ali8 .txt{
	left:max(var(--fac-layout-gutter,24px),calc((100% - var(--fac-layout-max,1360px))/2))!important;
}
.e20.e20v2 .e20Slide.ali3 .txt,
.e20.e20v2 .e20Slide.ali4 .txt,
.e20.e20v2 .e20Slide.ali5 .txt{
	right:max(var(--fac-layout-gutter,24px),calc((100% - var(--fac-layout-max,1360px))/2))!important;
}
@media(max-width:800px){
	.e20.e20v2 .e20Slide.ali1 .txt,
	.e20.e20v2 .e20Slide.ali7 .txt,
	.e20.e20v2 .e20Slide.ali8 .txt{left:20px!important}
	.e20.e20v2 .e20Slide.ali3 .txt,
	.e20.e20v2 .e20Slide.ali4 .txt,
	.e20.e20v2 .e20Slide.ali5 .txt{right:20px!important}
}

/* Romantic nude hero final cascade endpoint. */
.e20.e20v2 .e20Slide__media::after{
	background:radial-gradient(circle at 70% 22%,rgba(225,181,115,.14),transparent 34%),linear-gradient(90deg,rgba(7,33,30,.64),rgba(7,33,30,.22) 52%,rgba(7,33,30,.04) 76%),linear-gradient(180deg,rgba(7,33,30,.13),transparent 38%,rgba(7,33,30,.52))!important;
	box-shadow:inset 0 -70px 100px rgba(6,28,26,.14)!important;
}
.e20.e20v2 .e20Overlay{opacity:1!important;mix-blend-mode:normal!important}
.e20.e20v2 .txt .pre{font-weight:400!important;letter-spacing:.22em!important}

/* Nude theme final cascade endpoint. */
.e20.e20v2{--fac-hero-night:#0b2926;--fac-hero-forest:#294b43;--fac-hero-copper:#bf8847;--fac-hero-copper-soft:#e1b573;--fac-hero-ivory:#fffaf2;--fac-hero-muted:rgba(255,250,242,.8);--e20-accent:#d6a45f;--e20-mobile-content-bg:#0b2926}
.e20.e20v2 .e20Slide::after{background:linear-gradient(90deg,rgba(6,28,26,.84) 0%,rgba(11,41,38,.48) 48%,rgba(11,41,38,.12) 76%,transparent 100%)!important}
@media(max-width:760px){.e20.e20v2 .e20Slide::after{background:linear-gradient(180deg,rgba(11,41,38,.1) 10%,rgba(6,28,26,.82) 82%,#0b2926 100%)!important}}

/* Kisebb banner-cimsor, az eddigi sorkoz megtartasaval. */
.e20.e20v2 .txt h1{
	overflow:visible!important;
	padding-bottom:.12em!important;
	margin-bottom:-.12em!important;
}
.e20.e20v2.hsize0 .txt h1{font-size:clamp(37px,3.55vw,66px)!important}
.e20.e20v2.hsize1 .txt h1{font-size:clamp(43px,4.5vw,82px)!important}
.e20.e20v2.hsize2 .txt h1{font-size:clamp(50px,5.45vw,100px)!important}

@media(max-width:800px){
	.e20.e20v2.hsize0 .txt h1{font-size:clamp(29px,8.2vw,38px)!important}
	.e20.e20v2.hsize1 .txt h1{font-size:clamp(33px,9.5vw,44px)!important}
	.e20.e20v2.hsize2 .txt h1{font-size:clamp(37px,10.8vw,50px)!important}
}

/* A banner folyószövege könnyebb Jost metszettel. */
.e20.e20v2 .txt .des{font-weight:300!important}
.e20.e20v2 .txt .des strong,
.e20.e20v2 .txt .des b{font-weight:600!important}