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

@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;400;600;700&display=swap");

/*VISUALIZZAZIONE MOBILE*/

@media (max-width: 576px) {
  h1 {
    font-size: 26px !important;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 18px;
  }
  p {
    font-size: 14px;
  }
  .p-header {
    margin: 3em 0;
  }
}

/* visualizzazione Desktop */
body {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
}

h1 {
  font-size: 40px;
}
h2 {
  font-size: 27px;
}
h3 {
  font-size: 18px;
}

a:visited {
  color: #fff !important;
  text-decoration: none;
}

a:link {
  color: #fff !important;
  text-decoration: none;
}

a:hover {
  color: rgba(255, 255, 255, 0.7) !important;
  text-decoration: none;
}

/* Font personalizzato per il form */
.custom-font-form {
  font-family: "Arial", serif; /* Font del form */
  font-size: 16px; /* Dimensione personalizzata del testo */
}

/* Stile specifico per gli input */
.custom-font-form input,
.custom-font-form button,
.custom-font-form label {
  font-family: "Arial", serif; /* Mantiene il font per tutti i campi */
}

.color-white {
  color: #fff;
}

.navbar-toggler-icon {
  color: #fff !important;
}

.logo {
  box-sizing: border-box;
  width: 400px;
  border: 0px;
  padding: 0px;
}
.titolo {
  box-sizing: border-box;
  width: 90%;
  border: 0px;
  padding: 0px;
}

.prodotti {
  box-sizing: border-box;
  width: 80%;
  border: 0px;
  padding: 0px;
}

.bg-img-page {
  background-image: url("../img/bg_sfondo_banner.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #230A04 ;
}

.bg-brown {
  background-color: #1c0f00;
  /* background-color: #230a04; */
}

.bg-green {
  background-color: #230a04;
}

.bg-green2 {
  background-color: #230a04;
}

/*HEADER*/
.navbar-toggler {
  color: #fff !important;
}

.navbar {
  text-transform: uppercase;
}

.navbar-collapse {
  flex-grow: 0;
}

.navbar-nav .nav-link {
  color: var(--bs-white);
}

.navbar-nav .nav-link.active {
  color: var(--bs-white);
}

.navbar-secondary .nav-link {
  color: var(--bs-white);
}

.navbar-secondary .nav-link.active {
  color: var(--bs-white);
}
/*HEADER END*/

.box-title {
  color: #fff;
  font-size: 50px;
  font-weight: lighter;
}

.box-title-form {
  color: #fff;
  font-size: 35px;
  font-weight: lighter;
}
.btn-partecipa {
  background-color: #fff;
  border: 0;
  color: #60b44f;
  font-size: 30px;
}

.btn-partecipa:hover {
  background-color: #feed01 !important;
  color: #fff !important;
}

@font-face {
  font-family: "Dunbar";
  src: url("../fonts/dunbarlow-webfont.eot");
  src:
    url("../fonts/dunbarlow-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/dunbarlow-webfont.woff2") format("woff2"),
    url("../fonts/dunbarlow-webfont.woff") format("woff"),
    url("../fonts/dunbarlow-webfont.ttf") format("truetype"),
    url("../fonts/dunbarlow-webfont.svg#dunbarlowbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media (max-width: 768px) {
  /* Schermi più piccoli di 768px (mobile) */
  .zaino {
    width: 70%; /* Riduci l'immagine al 80% del contenitore */
    margin: 0 auto; /* Centra l'immagine */
    display: block;
  }
}

/* Cookie banner overlay from cookiebanner.min.js blocks clicks; hide the mask and keep the bar at the bottom */
#cookiebanner-mask {
  display: none !important;
  pointer-events: none !important;
}
.cookiebanner {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1050;
}

.chk-consent {
  width: 18px;
  height: 18px;
  margin-top: 4px;
  flex-shrink: 0;
  appearance: auto;
  -webkit-appearance: checkbox;
  pointer-events: auto;
}