/* PROJECT STYLE */

@import "../bootstrap/less/variables.less";
@import "variables.less";
@import "../bootstrap/less/mixins.less";

// Qui il CSS/LESS personalizzato

.order-menu-wrapper {
	.close-order {
		height: 100px;
		width: 100px;
		left: -100px;
		text-align: center;
		padding-top: 15px;
		&.online-order {
			top: 120px;
		}
	}
}

.site-footer .copyright {
	.row > * + * {
		text-align: left;
	}
	.xmenu-order, .powered-by {
		color: darken(white, 20%);
		a {
			color: #FF9C00;
			&:hover, &:focus {
				text-decoration: underline;
			}
		}
	}
}

@media (max-width: 768px) {
  .site-logo {
    width: 200px;
  }
}

.download-app-badges {
	padding-top: 0;
	margin-top: -10px;
}
.download-app-badge {
	display: inline-block;
	height: 50px;
	margin-top: 10px !important;
}

/* Fix Font-Awesome Rendering issue: icon-spin fa-spin shake/wobble (chrome firefox) #671 */
// Discussion: https://github.com/FortAwesome/Font-Awesome/issues/671
// Issue: http://jsfiddle.net/tagliala/g0ngLhyr/
// Solution: http://jsfiddle.net/5z9om45L/
// Original CSS: http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css
.fa-spin {
	-webkit-animation: spin 2s infinite linear;
		animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: perspective(1px) rotate(0deg);
				transform: perspective(1px) rotate(0deg);
	}
	100% {
		-webkit-transform: perspective(1px) rotate(359deg);
				transform: perspective(1px) rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: perspective(1px) rotate(0deg);
				transform: perspective(1px) rotate(0deg);
	}
	100% {
		-webkit-transform: perspective(1px) rotate(359deg);
				transform: perspective(1px) rotate(359deg);
	}
}