@charset "utf-8";
/* CSS Document */

/* ============================
	GENERALI
   ============================ */

:root {
	--c1: white;
	--c2: #ffd004;
	--c3: #161412;
	--c4: #bb774a;
	--c5: #d70d1d;
	--c6: #c6c3bc;
	--font: "Roboto";
	--font2: "Atomic Marker";
	--wLight: 300;
	--wNormal: normal;
	--wBold: bold;
	--wBlack: 900;
}

.wNormal {
	font-weight: var(--wNormal);
}

.wBold {
	font-weight: var(--wBold);
}

.font2 {
	font-family: var(--font2), sans-serif;
}

.size1 {
	font-size: 240%;
}

.size2 {
	font-size: 300%;
}

.c3 {
	color: var(--c3);
}

.c2 {
	color: var(--c2);
}

.c5 {
	color: var(--c5);
}

.c6 {
	color: var(--c6);
}

body {
	font-family: var(--font), sans-serif;
	font-weight: var(--wNormal);
	font-style: normal;
	color: var(--c3);
  	font-size: 1.2rem;
	line-height: 1;
	background: var(--c5);
}

@media (max-width:575px) {
	body {	
		font-size: 1rem;
	}
}

h1, h2, h3, h4, p, a, b {
	font-family: var(--font), sans-serif;
	font-weight: var(--wBold);
	font-style: normal;
	color: var(--c3);
}

a {
	text-decoration: underline;
	color: inherit;
	font-weight: var(--wBold);
}

a:hover, a:focus, a:active {
  	color: var(--c5);
}

a.alt:hover {
	color: var(--c1);
}

p {
	font-weight: var(--wNormal);
}

.svg {
	width: 100%;
	max-width: 20px;
}

.small {
	font-size: 75%;
	line-height: 1 !important;	
}

.small2 {
	font-size: 60% !important;
	line-height: 1 !important;	
}

.giallo {
	color:#2d1600;
	text-transform: uppercase;
}

#errore,
#errore_ocr {
	color: red;
	font-weight: bold;
	text-align: center;
	font-size: 1.5em;
}

.sep {
	background-color: #f5f2e9;
	border-radius: 4px;
}

.sep2 {
	border-left: 2px solid #ffffff;
}

@media (max-width: 767px) {
	.sep2 {
		border-top: 2px solid #ffffff;
		border-left: 0px solid transparent;
	}
}

.button {
	color: var(--c1);
	background: var(--c5);
	border: 2px solid var(--c5);
	outline: none;
	border-radius: 15px;
	font-family: var(--font), sans-serif;
	font-weight: var(--wBold);
	font-size: 1.8rem;
	padding: .5rem 2.5rem;
	width: max-content;
	max-width: 300px;
	text-decoration: none;
}

.button:hover {
	color: var(--c5);
	border: 2px solid var(--c5);
	background: var(--c1);
}

#ocr.button {
	font-size: 1.3rem;
}

@media (max-width:375px) {
	.button {
		font-size: 1rem;
		padding: .5rem 1.8rem;
		max-width: 250px;
	}
	#partecipa_body_1 {
		font-size: 1.3rem;
	}
	#ocr.button {
		font-size: 1rem;
	}
}

.sfondo {
	background: url('../img/sfondo.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}



/* ============================
	HOME
   ============================ */

.spazio {
	padding-top: 4rem !important;
}

.bg-rosso {
	background: var(--c5);
}

img[src="assets/img/step1.png"],
img[src="assets/img/step2.png"],
img[src="assets/img/step3.png"],
img[src="assets/img/step4.png"] {
	max-width: 400px;
}

img[src="assets/img/prize1.png"],
img[src="assets/img/prize2.png"] {
	max-width: 400px;
}

img[src="assets/img/fragola.png"] {
	max-width: 150px;
}

.partecipa-ora {
	width: 300px;
	max-width: 300px;
	height: 200px;
	background: url('../img/btn_partecipa.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	scale: 1;
	transition: background 0.3s ease-in-out, scale 0.4s ease-in-out;
}

.partecipa-ora:hover {
	width: 300px;
	height: 200px;
	background: url('../img/btn_partecipa_h.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	scale: 1.1;
	transition: background 0.2s ease-in-out, scale 0.2s ease-in-out;
}

@media (min-width: 1200px) {
	.overlap {
		margin-top: -5vh;
	}
}

/*  ============
		MENU  
	=========== */

.skip-to-main-content-link {
	position: absolute;
	left: -9999px;
	z-index: 999;
	padding: 1em;
	background-color: black;
	color: white !important;
	opacity: 0;
}

.skip-to-main-content-link:focus {
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
}

.logo {
	position: absolute;
	z-index: 9;
	top: 0;
	filter: drop-shadow(0px 0px 1px #000);
	width: 150px;
}

@media (max-width:575px) {
	.logo {
		width: 130px;
	}
}

@media (max-width:390px) {
	.logo {
		width: 100px;
	}
}

img[src="assets/img/logo_Kimbo.png"] {
	max-width: 150px;
}

img[src="assets/img/timeTitle.png"] {
	max-width: 550px;
}

#menu {
	background-color: transparent;
}

#attiva_menu {
	max-width: 30px;
	margin:10px 25px;
	cursor: pointer;
}

.bi-list {
  	font-size: 3rem;
  	color: var(--c5);
}

#menu_list li {
	list-style-type: none;
	float: left;
}

#menu_list li a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	color: var(--c3);
	font-family: var(--font), sans-serif;
	font-weight: var(--wNormal);
	font-size: 22px;
	text-transform: none;
	transition: text-transform 0.3s ease-in-out, font-weight 0.3s ease-in-out, color 0.4s ease-in-out;
}

@media (max-width: 991px) {
	#menu_list li {
		float: none;
	}
	#menu_list li a {
		text-align: right;
    	font-size: 15px;
	}
}

@media (max-width: 1399px) {
	img[src="assets/img/fragola.png"] {
		max-width: 110px;
	}
}

@media (max-width: 1199px) {
	img[src="assets/img/fragola.png"] {
		max-width: 90px;
	}
}

@media (max-width:991px) {
	#menu_list {
		margin-left: 0px;
	}
}

#menu_list li a:hover, #menu_list li a.active {
	text-decoration: none !important;
	font-family: var(--font), sans-serif;
	font-weight: var(--wBold);
	color: var(--c5);
	text-transform: uppercase;
	transition: text-transform 0.3s ease-in-out, font-weight 0.3s ease-in-out, color 0.4s ease-in-out;
}

li.d-lg-inline-block {
	font-size: 1.8rem;
	color: var(--c2);
}

/*  ============
		FOOTER  
	=========== */

footer {
	
}

footer p {
  text-align: center;
  font-size: .8rem;
  color: var(--c1);	
}

footer p a {
  text-align: center;
  font-size: .8rem;
  color: inherit;	
  font-weight: var(--wBold);
  text-decoration: underline;	
}

footer p a:hover,
footer p a:focus {
	color: var(--c1);
}

.social_icon_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1.14286rem;
}

@media(max-width:576px) {
	.mail_info {
		word-break: break-all;
	}
}

/* =============
		HOME
   ============= */

.guida {
	position:absolute; 
	margin-left: -270px; 
	margin-top: -130px; 
	filter: drop-shadow(3px 3px 5px #000);
}

@media(max-width:1350px) {
	#guida_body_1.big {
		font-size: 2.5rem !important;
	}
}
@media(max-width:1199px) {
	#guida_body_1.big {
		font-size: 2rem !important;
	}
	.guida {
		margin-left: -180px;
		margin-top: -85px;
		width: 200px;
	}
}
@media(max-width:575px) {
	#guida_body_1.big {
		font-size: 1.5rem !important;
	}
	.guida {
		margin-left: -135px;
		margin-top: -65px;
		width: 150px;
	}
}

@media(max-width:350px) {
	.guida {
		margin-left: -105px;
		margin-top: -55px;
		width: 120px;
	}
}

/*  ============
		FORM  
	=========== */

label, input, select {
  	color: var(--c3);
	font-size: 1rem;
	line-height: normal;
}

p.col-1 {
	width: 1%;
}

.form-group {
	margin-bottom: 15px;
}

.bi-info-circle-fill {
	color: var(--c5);
}

.bi-info-circle-fill:hover {
	color: var(--c3);
}

small.small {
	font-size: 10px;
	line-height: 9px;
}

.prodotti-ora {
	width: 300px;
	max-width: 300px;
	height: 200px;
	background: url('../img/btn_prodotti.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	scale: 1;
	transition: background 0.3s ease-in-out, scale 0.4s ease-in-out;
}

.prodotti-ora:hover {
	width: 300px;
	height: 200px;
	background: url('../img/btn_prodotti_h.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	scale: 1.1;
	transition: background 0.2s ease-in-out, scale 0.2s ease-in-out;
}

.invia {
	width: 300px;
	max-width: 300px;
	height: 200px;
	background: url('../img/btn_invia.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	scale: 1;
	transition: background 0.3s ease-in-out, scale 0.4s ease-in-out;
}

.invia:hover {
	width: 300px;
	height: 200px;
	background: url('../img/btn_invia_h.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	scale: 1.2;
	transition: background 0.2s ease-in-out, scale 0.2s ease-in-out;
}

.leggi {
	width: 200px;
	max-width: 200px;
	height: 100px;
	background: url('../img/btn_doc.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	scale: 1;
	transition: background 0.3s ease-in-out, scale 0.4s ease-in-out;
}

.leggi:hover {
	width: 200px;
	height: 100px;
	background: url('../img/btn_doc_h.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	scale: 1.2;
	transition: background 0.2s ease-in-out, scale 0.2s ease-in-out;
}

@media (max-width: 575px) {
	label {
		font-size: 1rem;
	}

	img[src="assets/img/step1.png"],
	img[src="assets/img/step2.png"],
	img[src="assets/img/step3.png"],
	img[src="assets/img/step4.png"] {
		max-width: 270px;
	}
}

.modal-body p {
	font-size: 1rem;
}

/* ============================
		PRODOTTI
   ============================ */

.table {
	border-radius: 15px;
	overflow: hidden;
}

/* .table-1 {
	--bs-table-bg: #FCE3D6 !important;
	--bs-table-striped-bg: #F8D0BB !important;
	--bs-table-hover-bg: #F4BC9E !important;
}
.table-1.head-bg {
	--bs-table-bg: #F1AA83 !important;
} */

/* ============================
		WIN_SI
   ============================ */

img[src="assets/img/premio.png"] {
	max-width: 500px;
}

img[src="assets/img/estrazione.png"] {
	max-width: 700px;
}