/*
Theme Name:   Monteluna Child
Theme URI:    https://www.monteluna.it
Author:       Marco Buzzerio
Author URI:   https://www.doppiazetastudio.it
Description:  Child theme di Monteluna
Template:     monteluna
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  monteluna-child
*/

/* IMPORT */
@import url("inc/css/generali.css");
@import url("inc/css/colori.css");
@import url("inc/css/font.css");
@import url("inc/css/pulsanti.css");

header {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	padding: 14px 30px;
	z-index: 20;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}

header img {
	height: 19px;
}

/* Quando l'utente scorre in basso: slide-up fuori dallo schermo */
header.header-hidden {
	transform: translate(-50%, calc(-100% - 40px));
}

#innovazione {
	height: calc(100vh + 50px);
}

#valore {
	margin-top: -50px;
}

#luna {
	background-image: url("/wp-content/themes/monteluna-child/inc/img/sfondo-montagna-monteluna.jpg");
	background-position: center;
	background-size: cover;
	height: 100vh;
	margin-bottom: -1px;
}
#footer .un_mezzo a {
	opacity: 0.46;
}
#copyright {
	margin-bottom: -45px;
	margin-top: -1px;
}
footer > div > div p {
	border: 1px solid #d5d5d580;
	border-radius: 100px;
	padding: 8px 15px;
}

footer > a > img {
	width: 150px;
}

@media (max-width: 1200px) {
	#footer .un_mezzo > .mwidth-500 {
		max-width: 360px;
	}
	#copyright .gap-100,
	#copyright .gap-40 {
		gap: 20px;
	}
}

@media (max-width: 1100px) {
	#luna {
		padding-left: 35px;
		padding-bottom: 35px;
	}
}
@media (max-width: 1023px) {
	#copyright {
		flex-direction: column-reverse;
		align-items: center;
		gap: 20px;
		padding-bottom: 50px;
		padding-top: 0;
	}
	#copyright > div {
		flex-direction: column;
		align-items: center;
	}
}
@media (max-width: 849px) {
	#valore {
		padding-top: 70px;
	}
	#valore .un_mezzo.aiend {
		align-items: flex-start;
		padding-top: 20px;
	}
	#valore .off-menu-section {
		padding-top: 100px;
	}
	#valore .off-menu-section .un_mezzo {
		padding-left: 0;
		padding-right: 0;
	}
	#valore .off-menu-section .un_mezzo.aicenter {
		align-items: flex-start;
		padding-top: 70px;
	}
	#valore .off-menu-section .un_mezzo.aicenter .off-menu-container {
		max-width: 100%;
	}
	#sistema {
		padding-top: 70px;
	}
	#sistema > .fullw {
		padding-bottom: 70px;
	}
	#sistema .un_mezzo.aiend {
		align-items: flex-start;
		padding-top: 20px;
	}
	#sistema .slider-section {
		padding-top: 100px;
	}
	#sistema .slider-section h2 {
		padding-bottom: 70px;
	}
	#mega-chips > .sfondo-nero {
		border-radius: 25px;
		padding: 65px 20px;
	}
	#footer .un_mezzo.jcend {
		justify-content: flex-start;
		padding-top: 60px;
	}
	#footer {
		padding-top: 90px;
		padding-bottom: 0px;
	}
}
@media (max-width: 480px) {
	header#masthead {
		max-width: 300px;
	}
	header#masthead img {
		height: 16px;
	}
	#luna {
		padding-left: 30px;
		padding-right: 30px;
	}
	#mega-chips > .sfondo-nero p {
		font-size: 17px;
		max-width: 210px;
	}
	#footer .un_mezzo > .mwidth-500 {
		max-width: 100%;
		gap: 40px 15px;
	}
	#footer .un_mezzo > .mwidth-500 > * {
		width: 100%;
	}
	#copyright > div {
		gap: 30px;
	}
	#copyright > div > div {
		flex-direction: column;
		align-items: center;
	}
	#copyright > div.gap-40 {
		flex-direction: column-reverse;
	}
	#copyright,
	#copyright > div.gap-100 {
		gap: 40px;
	}
	footer > div.dflex {
		gap: 100px;
	}
}