
.pageMainSection > div:nth-child(4) {
	position: relative;
	--contentSunUrl: "";
	--contentSunPos: 0%;
	--contentSunHeight: 108%;
	--contentSunWidth: 112%;
	/* overflow: hidden; */
	overflow: clip;
	overflow-clip-margin: var(--marginTopBetween);
	}

.pageMainSection > div:nth-child(4):before {
	position: absolute;
	display: block;
	content: var(--contentSunUrl);
	width: calc( (var(--contentSunWidth)/4) * 3);
	height: calc( (var(--contentSunHeight)/4) * 3);
	/* top: calc(var(--contentSunPos) -8%); */
	top: var(--contentSunPos);
	/* left: -12%; */
	left: 10%;
	z-index: 1;
/* 	border-style: solid;
	color: blue; */
}

/* #figura_giorno { */
.img_theme_day {
	margin-left: -7vw;
	margin-bottom: -0.3vw;
/* 	margin-bottom: -3.5vw; */
	width: 7vw;
	width: 6vw;
	/* height: 10%; */
	aspect-ratio: 1 / 3;
	/* box-shadow: 2vw -4vh 5vmin white, 0vw 1vmin 1vmin gold; */ /*#E37383*/
	box-shadow: 1vmin 0vmin 2vmin black, inset 0vmin 1vmin 1vmin black, inset 0vmin -1vmin 1vmin white; 
	object-fit: fill;
	/* filter: sepia(100%) hue-rotate(290deg) saturate(20%) brightness(0.9) contrast(200%); */
	filter: none;
	z-index: 2;
	opacity: 1;
	
	/* box-shadow: 1vmin -2vmin 2vmin white, -1vmin -2vmin 2vmin white, 0vw 1vmin 1vmin gold;  *//*#E37383*/
	/* box-shadow: -0.2vmin -0.2vmin 1vmin white, 0.2vmin -0.5vmin 1vmin white, inset 0vmin 1vmin 2vmin white; */
	/* background-image: linear-gradient(to bottom, rgba(255,255,255, 0.9) 0% 4%, transparent 10% 80%, gold 98% 101%), 
	url("data/magritte_emb4.jpg"); */
	background-image: url("../data/magritte_emb4.jpg");
	background-size: cover;
	background-position: 10% 50%;
	border-style: solid;
	border-width: 0.3vmin;
	color: black;
	/* color: beige; */
	/* transform: rotateY(56deg); */
	}

.img_theme_night {
/* #fig_notte { */
	position: relative;
	margin-bottom: calc( var(--marginTopBetween) * -1);
	/* width: calc( 20vmin / 2); */
	width: calc( var(--marginLeftBig) - var(--marginLeftSmall) );
	/* height: calc( 23vmin / 2); */
	aspect-ratio: 20 / 23;
	border-radius: 20vmin 20vmin 0 0;
	background: radial-gradient(rgb(15, 15, 67.2) 0%, rgb(15, 15, 67.2) 50%, transparent 70%, transparent 100%);
	/* box-shadow: 1vmin 0 2vmin 1vmin rgb(246.6, 213, 217.8); */
	z-index: 1;
	/* transform: translateX(3.6vmin); */
	transform: translateX(calc( ( ( var(--marginLeftBig) - var(--marginLeftSmall) ) * ( 1 - 0.68 ) ) / 2 ));
	visibility: visible;
	background: none;
	--nightTextUrl = "";
	/* border-style: solid;
	color: white; */

} /* #191970 rgb(0, 0, 128) (Midnight Blue)  */

/* TEST */
.img_theme_night::before {
/* #fig_notte::before { */
	position: absolute;
	content: var(--nightTextUrl);
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
}

/* TEST */

.img_theme_night > img {
/* #fig_notte > img { */
filter: none;
opacity: 1;
object-fit: cover;
border-radius: 20vmin 20vmin 0 0; 
position: absolute;
width: 68%;
height: 72%;
/* top: 1.6vmin; */
top: calc( ( ( var(--marginLeftBig) - var(--marginLeftSmall) ) * ( 23 / 20) ) * ( 1 - 0.72 ) );
/* left: 3.2vmin;   */
left: calc( ( ( var(--marginLeftBig) - var(--marginLeftSmall) ) * ( 1 - 0.68 ) ) / 2 );
/* transform: translateY(4.8vmin); */
visibility: hidden;
}

@media screen and (orientation: portrait) {
	
	.pageMainSection > div:nth-child(2) {
		--contentFirstSunUrl: "";
		--contentFirstSunPos: 0%;
		--contentFirstSunHeight: 54%;
		overflow: hidden;
	}

	.pageMainSection > div:nth-child(2)::before {
		position: absolute;
		display: block;
		content: var(--contentFirstSunUrl);
		/* width: 112%;
		height: 108%; */
		width: 56%;
		height: var(--contentFirstSunHeight);
		top: var(--contentFirstSunPos);
		left: 6%;
		/* border-style: solid;
		color: blue; */
}

	.pageMainSection > div:nth-child(4)::before {
	width: 56%;
	height: 54%;
	width: calc( var(--contentSunWidth)/2 );
	height: calc( var(--contentSunHeight)/2);
	left: 0%;
	/* border-style: solid;
	color: blue; */
}

.img_theme_day {
	display: none;
}

.img_theme_night {
display: none; 
position: absolute;
width: 15%;
left: 10%;
bottom: 0%;
/* border-style: solid;
color: green; */ }

.img_theme_night > img {
top: calc( ( 100% * ( 23 / 20) ) * ( 1 - 0.72 ) );
left: calc( ( 100% * ( 1 - 0.68 ) ) / 2 );
}

}
