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

body {
	font-family: 'IBM Plex Sans', 'Arial', sans-serif;
	font-weight:400;
	color: #202020;
	line-height:1.3;
}
	
	main {
	padding-top:60px;
}

.home {
	font-size:30px;
}

.home i {
	font-size:26px; 
}
/* COLORS */

.bg-primary-color {
	background-color: var(--primary-color,#999) !important;
}

.bg-dark-color {
	background-color: var(--dark-color,#666) !important;
}

.bg-darker-color {
	background-color: var(--darker-color,#333) !important;
}

.primary-color {
	color: var(--primary-color,#999) !important;
}

.dark-color {
	color: var(--dark-color,#666) !important;
}

.darker-color {
	color: var(--darker-color,#333) !important;
}

.bg-menu {
	background: url('../images/grafica/bg-menu.jpg');
	background-size: cover;
	background-position: center center;
	padding-top:0;
}
.bg-carrello {
	background: url('../images/grafica/bg-carrello.jpg');
	background-size: cover;
	background-position: center center;
	padding-top:0;
}
.bg-account {
	background: url('../images/grafica/bg-account.jpg');
	background-size: cover;
	background-position: center center;
	padding-top:0;
}
.bg-asporto {
	background: url('../images/grafica/bg-asporto.jpg');
	background-size: cover;
	background-position: center center;
	padding-top:0;
}
.bg-prenotazione {
	background: url('../images/grafica/bg-prenotazione.jpg');
	background-size: cover;
	background-position: center center;
	padding-top:0;
}
.bg-info {
	background: url('../images/grafica/bg-info.jpg');
	background-size: cover;
	background-position: center center;
	padding-top:0;
}
.rgba-overlay {
background-color: var(--overlay-color,#33333399);
}
.text-white-80 {
	color: rgba(255,255,255,0.8) !important;
}

/* LINK & BUTTONS */

a {
	text-decoration: none;
	color: var(--primary-color,#999);
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.btn:hover {
    box-shadow: none;
    color: #fff;
    background-color: var(--button-over-color,#6666664B) !important;
}

.btn {
	color: #fff;
	background-color: var(--primary-color,#999) !important;
	font-weight:600 !important;
}

/* TYPOGRAPHY */

h1, h2, h3, h4 {
	font-family: 'Montserrat', 'Arial',sans-serif;
	font-weight:800 !important;
	text-transform: capitalize;
	letter-spacing:-0.025em;
}

h1 {
	font-size: 34px;
	line-height:1.1;
}

h1 i {
	font-size:0.8em;
}

.lead {
	font-size: 18px;
	text-transform: uppercase;
}

b, strong, dt {
	font-weight:600;
}


/* HEADER */

.navbar-brand img {
	height:40px;
}



.navbar, .navbar-brand {
	padding-top:5px;
	padding-bottom:5px;
}

/* FOOTER */

.easy {
	font-family: freight-text-pro, serif;
font-weight: 300;
	font-size:1.4em;
}

.make {
	font-family: 'Montserrat', sans-serif;
font-weight: 800;
	font-size:1.25em;
}

.eat {
	font-family: 'Montserrat', sans-serif;
font-weight: 800;
	color: #dd636e;
	font-size:1.25em;
}

.principale {
	padding-bottom:60px;
}

/* CART */

#vaialcarrello {
	
display:none;
	bottom:0;
	left:0;
	right:0;
}

#carticon {
	position: relative;
margin-left:auto;
font-size: 1.3rem;
	padding-right:0.5rem;
display:none;
}

#usericon {
	position: relative;
margin-left:1rem;
font-size: 1.3rem;
	padding-right:0;

}

#carticon a, #usericon a, #logouticon a {
	color: var(--primary-color,#999);
	
}
#cartitems {
	background-color:#c33;
	border-radius: 50%;
	color:#fff;
	font-size:0.75rem;
	font-weight:600;
	padding-top:0.20rem;
	width:1.2rem;
	height:1.2rem;
	line-height:1;
	display:block;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	
}

/* FILTRO */

#filtertrigger:after {
    font-family:'Font Awesome 5 Free';
    content:'\f077';
    float:right;
    font-size:1rem;
    font-weight:900;
	color: var(--primary-color,#999);
}
#filtertrigger.collapsed:after {
    font-family:"Font Awesome 5 Free";
    content:'\f078';
}

#filtertext {
		display:none;
	}

.allergeni, .allergeni-modal {
	max-width:25px;
}

#schedaprodotto .modal-dialog {
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
}

.diete {
	max-width:25px;
}

#filterinfo {
	font-size:0.875rem;
	line-height:1.2
}

#filterinfo .col-sm-2 {
	width:10%;
	margin-bottom:0.5rem;
}
#filterinfo .col-sm-4 {
	width:40%;
	margin-bottom:0.5rem;
}



.filtro {
	color: var(--primary-color,#999);
	font-size:0.875rem;
}
.info-filtro {
	
}

.overlay {
	
  position: absolute;
  top: 4px;
  right: 44px;
  height: 28px;
  width: auto;
  opacity: 1;
  background-color: #000000;
  z-index: 2;
  line-height: 1;
	font-size:14px;
	padding-top:6px;

}

.btn-close {
	box-shadow:none !important;
}

#filter {
	
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.btn-filter {
	line-height: 1;
  font-family: 'Montserrat';
  padding: 0;
  width: 28px;
  height: 28px;
	box-shadow:none !important;
	z-index:3;
	position:relative;
}




@media (min-width:576px) {
main {
	padding-top:70px;
}
	.navbar-brand img {
	height:50px;
}
	
}

@media (min-width:768px) {
	
}

@media (min-width:992px) {
	
}

@media (min-width:1200px) {
	
	
	
	.lead {
	font-size: 1.15rem;
}
	h1 {
		font-size:2.95rem;
	}
	
	

}

@media (min-width:1400px) {
	
	
	

}