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


html {
	font-size: 10px;
}

body {
	font-size: 1.6rem;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 400;
	line-height: 2;
	color: #1E1E1E;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
}

h1,
.h1,
h2,
.h2 {
	font-size: 2.4rem;
	line-height: 3rem;
}

h1 strong,
.h1 strong,
h2 strong,
.h2 strong {
	font-size: 3rem;
	font-weight: 700;
}

h3,
.h3 {
	font-size: 2.2rem;
	line-height: 3rem;
}

h4,
.h4 {
	font-size: 2rem;
	line-height: 3.6rem;
}

h5,
.h5 {
	font-size: 1.8rem;
	line-height: 3rem;
}

p {
	font-size: 1.4rem;
	line-height: 2.2rem;
}

@media screen and (min-width: 992px) {

	h1,
	.h1,
	h2,
	.h2 {
		font-size: 4.6rem;
		line-height: 5rem;
	}

	h1 strong,
	.h1 strong,
	h2 strong,
	.h2 strong {
		font-size: 6rem;
	}

	h3,
	.h3 {
		font-size: 3rem;
		line-height: 4.5rem;
	}

	h4,
	.h4 {
		font-size: 2.4rem;
		line-height: 3.6rem;
	}

	h5,
	.h5 {
		font-size: 2rem;
		line-height: 3rem;
	}

	p {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

}

/* SECTION */
section {
	padding: 4rem 0
}

@media screen and (min-width: 992px) {
	section {
		padding: 4rem 0
	}
}

/* LOGO */

.logo {
	height: 7rem
}

.logo img {
	max-height: 3.5rem
}

@media screen and (min-width: 992px) {
	.logo {
		height: 8rem
	}

	.logo img {
		max-height: 4rem
	}
}

/* COLORI */
.text-blu {
	color: #004C93;
}

.text-bianco {
	color: #ffffff;
}

.text-rosso {
	color: #E32118;
}

.bg-blu {
	background-color: #004C93;
}

.bg-azzurro {
	background-color: #e6eef5;
}

.bg-verdino {
	background-color: #dae4d8;
}

.bg-bianco {
	background-color: #ffffff;
}

.bg-grigio {
	background-color: #e0e3e9;
}

.bg-rosso {
	background-color: #EC6448;
}


/* PULSANTI */
.btn {
	font-weight: 700;
	font-size: 1.4rem;
	/*text-transform:uppercase;*/
	padding: .7rem 4rem;
}

@media screen and (min-width: 992px) {
	.btn {
		font-size: 2rem;
		padding: 1rem 6rem;
	}
}

.btn-blu {
	background-color: #004C93;
	color: #fff
}

.btn.btn-blu:hover,
.btn.btn-blu:focus,
.btn.btn-blu:visited,
.btn.btn-blu:active,
.btn.btn-blu:focus-visible {
	background-color: #004C93;
	color: #fff
}

.btn-rosso {
	background-color: #EC6448;
	color: #fff
}

.btn.btn-rosso:hover,
.btn.btn-rosso:focus,
.btn.btn-rosso:visited,
.btn.btn-rosso:active,
.btn.btn-rosso:focus-visible {
	background-color: #EC6448;
	color: #fff
}

.btn-verde {
	background-color: #779F7B;
	color: #fff
}

.btn.btn-verde:hover,
.btn.btn-verde:focus,
.btn.btn-verde:visited,
.btn.btn-verde:active,
.btn.btn-verde:focus-visible {
	background-color: #779F7B;
	color: #fff
}

.btn-link {
	padding:0;
	font-size:1.6rem;
	font-weight:400;
}

/* TOP IMAGE e BOTTOM IMAGE */

.top-image,
.bottom-image {
	border: none;
}

@media screen and (min-width: 991px) {
	.container-chef {
		margin-top: -10rem;
	}
}

.container-chef .card {
	border-radius: 25px;
	background-color: #ffffff;
	padding-top: 3rem;
	padding-bottom: 3rem;
	overflow: hidden;

	border: none;
	-webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.3);
}

#sponsor .card {
	margin-top: 0;
	padding-top: 0;
}

#sponsor .card {
	border-radius: 25px;
	background-color: #ffffff;
	padding-bottom: 3rem;
}

/* PRODOTTI */

.raccolta {
	margin-top: -10rem;
}

.container-prodotti .card {
	border-radius: 20px;
	border: none;
	-webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

.container-prodotti .card-body {
	color: #ffffff;
	background-color: #004C93;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.container-prodotti .card-img-top {
	padding:20px;
}

.container-prodotti.container-premi {
	padding-top:5rem;
	padding-bottom:10rem;
}
.container-prodotti.container-premi .card-body {
	background-color: #747E9B;
	border-radius:0;
	padding:20px;
}



.container-prodotti .card .bollino {
	margin-top: -50px;
	padding: 15px 0;
}

.container-prodotti .card .bollino img {
	width: 50px;
}





@media screen and (min-width: 767px) {
	.container-prodotti .card .bollino {
		margin-top: -55px;
	}

	.container-prodotti .card .bollino img {
		width: 60px;
	}
}

.container-prodotti .card img.bollino-bustina {
	height: 30px;
	max-width: 100%;
	align-self: end;
}

@media screen and (min-width: 300px) {
	.container-prodotti .card img.bollino-bustina {
		height: 40px;
	}
}

@media screen and (min-width: 576px) {
	.container-prodotti .card img.bollino-bustina {
		height: 50px;
	}
}

@media screen and (min-width: 991px) {
	.container-prodotti .card img.bollino-bustina {
		height: 60px;
	}
}

.slider-container {
	position: relative;
	padding:0 30px;
  }

  .slider-container .arrow-navigation.slider-prev {
	left: 0;
  }
  .slider-container .arrow-navigation.slider-next {
	right: 0;
  }
  .slider-container .arrow-navigation {
	position: absolute;
	height: 100%;
	top: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	max-width:20px;
  }