/* Mobile First */

/*
 @media screen and (orientation:portrait) { … }
 @media screen and (orientation:landscape) { … }
 @media screen and (max-width: 600px) { … }
 @media screen and (min-width: 800px) { … }
 
Sfondo (più scuro):  #f7f3ed
Sfondo (più chiaro): #e8ddd0
Color oro:           #d4af37
Testo:               #1a1410
Testo sfumato:       #5a5d62
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

#list_img_check {
	/*list-style-image: url("../img/loghi/check-circle_20.png");*/
	list-style: none;
}

#list_img_check  li {
	background-image: url("../img/loghi/check-circle_20.svg");
	background-repeat: no-repeat;
	line-height: 20px;
	padding-left: 30px;
}

a.btnlink1, a.btnlink2, a.btnlink3 {
	display: inline-block;
	color: black;
	text-decoration: none;
	padding: 0.5em;
	border-radius: 6px;
	margin: 0 auto;
	text-align: center;
	width: 90%;
	min-width: 200px;
	max-width: 300px;
	margin: 0.5em;
}

a.btnlink1 {
	background-color: #e8ddd0;
	border: 2px solid #f7f3ed;
}

a.btnlink2 {
	background-color: #d4af37;
	border: 2px solid #c49f30;
}

a.btnlink3 {
	background-color: transparent;
	border: 2px solid #d4af37;;
}

.circle {
	background-color: #f7f3ed;
	border-radius: calc(infinity * 1px);
	width: 40px;
	height: 40px;
	padding: 0.25em;
	margin: 1em 0 0 0;
}

.colored {
	background-color: #e4bf47;
	mask-size: 100% 100%;
	mask-origin: border-box;
	mask-repeat: no-repeat;
	mask-position: 0px;
	height: 75%;
	margin-top: 4px;
}

.heart {
	mask-image: url('/img/heart.svg');
}

.brain {
	mask-image: url('/img/brain-circuit.svg');
}

.self_confidence {
	mask-image: url('/img/trust-alt.svg');
}

.box1, .box2, .box3, .box4 {
	border-radius: 10px;
	padding: 0 1em;
}

img.logo {
	width: 25px;
	height: 25px;
	margin: 0 10px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(176deg) brightness(106%) contrast(104%);
}

img.logo:hover {
	filter: brightness(0) saturate(100%) invert(84%) sepia(99%) saturate(474%) hue-rotate(324deg) brightness(93%) contrast(91%);
}

.box1 {
	background-color: #e8ddd0;
	border: 1px solid #d8cdc0;
}

.box2 {
	background-color: #f7f3ed;
	border: 1px solid #e8ddd0;
}

.box2:hover {
	border: 1px solid #e4bf47;
}

.box3 {
	background-color: #ffffff;
	border: 1px solid #d4af37;
}

.box4 {
	background-color: #f7f3ed;
	border: 1px solid #d4af37;
}

.min_p {
	min-height: 140px;
}

.min_m {
	min-height: 140px;
}

/**********************

 **********************/
@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

	.un_terzo {
		width: 33%;
	}
	
	.un_mezzo {
		width: 50%;
	}
	
	.min_m {
	min-height: 260px;
}
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}