@import "typography.css";

html,
body {
	overflow-x:  hidden;
	font-family: "BwModelica";
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Times New Roman";
	font-weight: 700;
}

.iubenda-cs-preferences-link {
	position: fixed;
	left: 0;
	bottom: 60px;
	background-color: #F39323;
	z-index: 9;
	padding: 8px;
}

.iubenda-cs-preferences-link i {
	color: #FFFFFF;
	font-size: 20px;
}

/* CSS MENU */
.logo-container {
	position: fixed;
	width:    50%;
	left:     0;
	top:      0;
	z-index:  10;
	padding:  10px;
}

.logo-container .bollino {
	background-color: rgba(255, 255, 255, .9);
	border-radius:    100px;
	width:            120px;
}

.logo-container .logo-img {
	width:      120px;
	display:    block;
	text-align: center;
	margin:     0 auto;
}

.logo-container .voci-menu a {
	text-transform:  uppercase;
	color:           #FFFFFF;
	text-decoration: none;
	padding:         10px 20px;
	font-size:       14px;
}

.dish-container {
	position: relative;
}

.left-block-menu .main-image {
	background-attachment: fixed;
	background-position:   left center;
	background-repeat:     no-repeat;
	background-size:       65%;
	max-height:            unset;
	height:                140vh;
}

.left-block-menu .main-image:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .1);
	z-index: 1;
}

.right-block-menu h2 {
	text-align:    center;
	padding-top:   100px;
	margin-bottom: 25px;
}

.right-block-menu .subtitle {
	text-align:    center;
	margin-bottom: 10px;
	font-weight:   bold;
}

.right-block-menu .tab-menu-content nav {
	text-align: center;
}

.right-block-menu .tab-menu-content nav:focus {
	outline: none;
}

.right-block-menu .tab-menu-content nav .nav-tabs {
	display:    -webkit-inline-box;
	display:    -ms-inline-flexbox;
	display:    inline-flex;
	text-align: center;
	margin:     0 auto;
	border:     none;
}

.right-block-menu .tab-menu-content nav .nav-tabs:focus {
	outline: none;
}

.right-block-menu .tab-menu-content nav .nav-tabs .nav-link {
	position: relative;
	border:   none;
	color:    #1B1B1B;
}

.right-block-menu .tab-menu-content nav .nav-tabs .nav-link.active {
	color: #F39323;
}

.right-block-menu .tab-menu-content nav .nav-tabs .nav-link.active::after {
	content:       "";
	width:         calc(100% - 30px);
	height:        2px;
	border-bottom: 2px solid #F39323;
	position:      absolute;
	left:          15px;
	bottom:        0;
}

.right-block-menu .tab-menu-content nav .nav-tabs .nav-link:focus {
	outline: none;
}

.right-block-menu .tab-menu-content .tab-content {
	padding-top:    25px;
	padding-bottom: 5px;
}

.right-block-menu .tab-menu-content .tab-content .dish-row {
	padding-top:    10px;
	padding-bottom: 10px;
}

.right-block-menu .tab-menu-content .tab-content .custom-info {
	padding-left:  0;
	padding-right: 0;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-font-icon {
	display: inline;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-font-icon i {
	display:       inline-block;
	font-size:     15px;
	padding-left:  2px;
	padding-right: 2px;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-font-icon i.vegan {
	color: #43bd2b;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-font-icon i.gluten {
	color: #ef835f;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-name,
.right-block-menu .tab-menu-content .tab-content .dish-row .dish-price {
	background-image:    -webkit-gradient(linear, left top, right top, color-stop(10%, #757575), color-stop(0%, rgba(255, 255, 255, 0)));
	background-image:    -webkit-linear-gradient(left, #757575 10%, rgba(255, 255, 255, 0) 0%);
	background-image:    -o-linear-gradient(left, #757575 10%, rgba(255, 255, 255, 0) 0%);
	background-image:    linear-gradient(to right, #757575 10%, rgba(255, 255, 255, 0) 0%);
	background-position: bottom left;
	background-size:     8px 1px;
	background-repeat:   repeat-x;
	padding-bottom:      5px;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-price {
	text-align: right;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-name h3 {
	font-size:     1rem;
	margin-bottom: 0;
	display:       inline;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-price p {
	color:         #F39323;
	margin-bottom: 0;
	display:       inline;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-ingredient {
	margin-top: 5px;
}

.right-block-menu .tab-menu-content .tab-content .dish-row .dish-ingredient p {
	font-size:     .75rem;
	margin-bottom: 0;
	color:         #757575;
}

.pre-footer-menu {
	padding-top:    40px;
	padding-bottom: 40px;
}

.pre-footer-menu h4 {
	color:          #F39323;
	text-transform: uppercase;
	text-align:     center;
	font-size:      30px;
	margin-bottom:  20px;
}

.footer-menu {
	padding-top:      15px;
	padding-bottom:   15px;
	font-size:        12px;
	text-align:       center;
	background-color: #F39323;
	color:            #ffffff;
}

.footer-menu p {
	font-size:     12px;
	text-align:    center;
	color:         #ffffff;
	margin-bottom: 0;
}

.footer-menu p a {
	font-size:       12px;
	text-align:      center;
	color:           #ffffff;
	text-decoration: underline;
	margin-bottom:   0;
}

@media screen and (max-width: 1479px) {
	.left-block-menu .main-image {
		height:          160vh;
		background-size: 60%;
	}

	.right-block-menu h2 {
		text-align:  center;
		padding-top: 50px;
	}
}

@media screen and (max-width: 1199px) {
	.logo-container {
		position: absolute;
		width:    50%;
		left:     0;
		top:      0;
		z-index:  10;
		padding:  10px;
	}

	.left-block-menu .main-image {
		background-attachment: initial;
		background-position:   center;
		background-repeat:     no-repeat;
		background-size:       cover;
		max-height:            250px;
		height:                auto;
	}

	.right-block-menu h2 {
		text-align:  center;
		padding-top: 50px;
	}

	.right-block-menu .tab-menu-content {
		margin-bottom: 40px;
	}

	.right-block-menu .tab-menu-content .tab-content .custom-info {
		padding-left:  15px;
		padding-right: 15px;
	}
}