@import url('https://fonts.googleapis.com/css2?family=Parisienne&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body { background-color:#FFFFFF !important; }
/* TOP */
.navbar-brand { font-family: 'Elms Sans', cursive !important; text-transform:capitalize !important; font-size:45px !important; color:#8b713b; line-height:30px; margin-top:20px;}
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; text-transform:capitalize !important; }
.navbar-brand small { text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size: 12px; display: block; text-align: center; letter-spacing: 3px; }
/* CARD */
section{ margin-top: 20px; }
.card { border: none; border-radius: 20px !important; transition: .6s ease; background-color: #8b713b !important; cursor:pointer !important; padding: 0 !important; margin-top: 30px !important; width: 80% !important; }
.cardbackground { background-position: right center !important; background-size: contain !important; background-repeat: no-repeat !important; width: 100% !important; right: 0 !important; margin: 0 !important; border-radius: 20px !important; }
.cardbackground:after { content:'';
  position:absolute;
  left:20%; top:0;
  width:50%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(right, rgba(139,113,59,0) 0%, rgba(139,113,59,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(139,113,59,1)), color-stop(100%,rgba(139,113,59,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(right, rgba(139,113,59,0) 0%,rgba(139,113,59,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(right, rgba(139,113,59,0) 0%,rgba(139,113,59,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(right, rgba(139,113,59,0) 0%,rgba(139,113,59,1) 100%); /* IE10+ */
  background: linear-gradient(to left, rgba(139,113,59,0) 0%,rgba(139,113,59,1) 100%); /* W3C */
}
.cardbackground2 { background-position: right center !important; background-size: contain !important; background-repeat: no-repeat !important; width: 100% !important; right: 0 !important; margin: 0 !important; border-radius: 20px !important; width: 50%; }
.cardbackground2:after { content:'';
  position:absolute;
  left:65%; top:0;
  width:30%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(right, rgba(139,113,59,0) 0%, rgba(139,113,59,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(139,113,59,1)), color-stop(100%,rgba(139,113,59,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(right, rgba(139,113,59,0) 0%,rgba(139,113,59,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(right, rgba(139,113,59,0) 0%,rgba(139,113,59,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(right, rgba(139,113,59,0) 0%,rgba(139,113,59,1) 100%); /* IE10+ */
  background: linear-gradient(to left, rgba(139,113,59,0) 0%,rgba(139,113,59,1) 100%); /* W3C */
}
.card:hover { transform: scale(1.05); }
.card-block { padding: 10px; }
.scrollcards { background-color: #AAB242; overflow: auto; white-space: nowrap; }
::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; }
div.scrollcards .card { display: inline-block; padding: 14px; text-decoration: none; height: auto; min-width: 300px; height:200px; text-align:center !important; }
.card-title { font-family: 'Elms Sans', cursive !important; font-size:40px !important; color:#FFFFFF; text-shadow:1px 1px 2px #000000 !important; position: relative !important; z-index: 10000000 !important;}
/* BOX  */
.box-menu { background-color: transparent !important; padding:15px !important; margin:5px !important; }
.box-menu h3 { font-family: 'Roboto', sans-serif !important; font-size:30px !important; color:#000000 !important; }
.sottocategoria2 { font-family: 'Elms Sans', cursive !important; text-transform:capitalize !important; font-size:35px !important; color:#8b713b !important; }
.box-menu .linkhover:hover { text-decoration:none !important; }
.box-menu .linkhover:hover .box-prodotto { background-color:#EEEEEE !important; }
.box-menu .box-prodotto { padding-top:5px; margin-bottom:10px; border-bottom:dashed 1px #8b713b !important; text-decoration:none !important; }
.box-menu .box-prodotto { text-decoration:none !important; }
.box-menu .box-prodotto h4 { font-family:Arial, Helvetica, sans-serif !important; font-size:20px !important; font-weight:bold !important; color:#8b713b !important; line-height:20px !important; }
.box-menu .box-prodotto p { font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; color:#8b713b !important; line-height:14px !important; }
.box-menu .box-prodotto h6 { font-family:Arial, Helvetica, sans-serif !important; font-weight:bold !important; font-size:15px !important; color:#8b713b !important; line-height:14px !important; text-align:right !important; margin-top:-10px !important; }
/* BTN ALLERGENI */
.btn-allergeni { font-family: "Roboto", sans-serif !important; font-weight: 300; font-size:16px !important; color:#8b713b !important; background-color:transparent !important; text-decoration:none !important; font-weight:bold !important; }
.btn-allergeni:hover { text-decoration: underline !important; }
.modal-title { font-family:Arial, Helvetica, sans-serif !important; font-size:18px !important; color:#000000 !important; font-weight:bold !important; text-transform:uppercase !important; }
.modal-body ol { list-style-type:none !important; margin:0px !important; padding:0px !important; }
.modal-body ol li { padding-bottom:7px !important; }
.modal-body ol li h6 { font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; color:#000000 !important; font-weight:bold !important; text-transform:uppercase !important; }
.modal-body ol li p { font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; color:#000000 !important; }
/* MODAL PROD */
.boxprodmodal h4 { font-family:Arial, Helvetica, sans-serif !important; font-size:20px !important; font-weight:bold !important; color:#000000 !important; line-height:20px !important; }
.boxprodmodal p { font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; color:#666666 !important; line-height:14px !important; }
.boxprodmodal h6 { font-family:Arial, Helvetica, sans-serif !important; font-weight:bold !important; font-size:15px !important; color:#FF0000 !important; line-height:14px !important; text-align:right !important; margin-top:-10px !important; }