
@font-face {
    font-family: 'FontAwesome';
    src: url('../../assets/fontes/fontawesome-webfont.eot');
    src: url('../../assets/fontes/fontawesome-webfont-1.eot') format('embedded-opentype'), 
	url('../../assets/fontes/fontawesome-webfont.woff2') format('woff2'), 
	url('../../assets/fontes/fontawesome-webfont.woff') format('woff'), 
	url('../../assets/fontes/fontawesome-webfont.ttf') format('truetype'), url('../../assets/fontes/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.bg-color {
	background-color: /*var(--cor-bg);*/transparent;
}

/*************************header*******************/
.header{
	height: 100px;
	position: relative;
}
/*cor da header antes de rolar a tela*/
.header-corbg-depois {
	/*background-color: var(--cor-card);*/
	
}
/*cor da header depois de rolar da tela*/
.header-fixed /*.affix*/{
	/*background-color: var(--cor-icones);*/
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
	-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
	
}
.header .navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
.header .navbar {
	margin-bottom: 0;
	border-radius: 0;
	min-height: 100px;
	border: none;
	background-color: var(--cor-card)
	
}
.voltar{
    position:absolute;
    left:5%;
    top:17px;
    z-index:10;
    cursor:pointer;
    color:var(--cor-card);
    background-color:var(--cor-icones);
    border-radius:50%;
    padding:3px;
}
.img-logo{
	width: auto;
	height: 110px;
}
.container {
	width: auto !important;

}

	/**************************cards*****************************/
	
/*cor do titulo antes que abre o card*/
.accordion .cards .cards--titulo-card a.collapsed {
    font-family:var(--fonte-primaria), Helvetica, Arial, sans-serif !important;
	color: var(--cor-texto);

}

.cards--titulo-card {
	font-size: 2px;
	font-weight: 400;
	line-height: 40px;
	margin-bottom: 39px;
	
	
}

/*cor do titulo depois que abre o card*/
.accordion .cards .cards--titulo-card a {
	font-family:var(--fonte-primaria), Helvetica, Arial, sans-serif !important;
	font-size: 20px;
	color: var(--cor-icones);
	font-weight: 700;
	line-height: 1;
	text-transform: capitalize;
	position: relative;
	display: block;
    text-decoration: none;
}


/* botao "+" de abrir os cards */
.accordion .cards--titulo-card .accordion-toggle:after {
	position: absolute;
	right: 0;
	top: 0;
	content: "\f068";
	/* symbol for "opening" cardss */
	font-family: fontawesome;
	font-size: 11px;
	color: var(--cor-card);
	background-color: var(--cor-icones);
	border: 1px solid var(--cor-icones);
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	
}
/* botao "+" de abrir os cards */
.accordion .cards--titulo-card .accordion-toggle.collapsed:after {
	content: "\f067";/* symbol for "collapsed" cardss */
}
.accordion .content-card .cards .cards--titulo-card {
	padding: 0;
	border: none;
}

/* Accordion Style #3 */
.accordion.content-card {
	background-color: transparent;
	border: none;
}
/*
table{
	border: none;
    border-bottom: 0.5px dashed #643D4E;
}*/
/*cores dos cards*/
.accordion.content-card .cards {
	box-shadow: 0 1px 5px rgba(40, 40, 40, 0.1);
	border-radius: 1px;
	background-color: var(--cor-card);
	margin-bottom: 10px;
	padding: 10px;
}

.item{
	margin-bottom: 20px;
	position: relative;
	
}

.item:last-of-type {
	margin-bottom: 0;
}

.subcategoria{
    font-family:var(--fonte-primaria), Helvetica, Arial, sans-serif !important;
    color: var(--cor-icones);
    font-size: 35px;
    text-transform: uppercase;
    line-height: 1;
}
.mayco{
	color: var(--cor-card);
	padding-bottom: 10px;
	margin-top: -20px;
}
/*
.fa-camera:before {
    content: "\f030"
}
.fa-camera-retro:before {
    content: "\f083"
}*/
.cod{
     font-family: Helvetica, Arial, sans-serif;
	padding: 6px;
	background-color: var(--cor-icones);
	color: var(--cor-card);
	font-weight: 800;
	width: 40px!important;
    text-align: center!important;
	border-radius: 5px;
	font-size: 13px;
}

/*icone da foto do item*/
.icon-img {
/*	font-family: 'Fredoka One', cursive;*/
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	position: relative;
	display: block;
	text-align: center;
	padding-top: 10px;
}
.card-img {
	padding: 0px 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: none;
	overflow: hidden;
	
  }
  .item-img {
	/*min-width: 320px;*/
	width: 100%;
	height: auto;
	vertical-align: center;
  }
.item .prato-nome {
	font-family: var(--fonte-secundaria), Helvetica, Arial, sans-serif !important;
	font-size: 16px;
	font-weight: 700;
	line-height: 29px;
	color: var(--cor-texto);
	margin-bottom: 10px;
	padding-left:8px;
}

.item .prato-preco{
	font-family: var(--fonte-secundaria), Helvetica, Arial, sans-serif !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 29px;
	color: var(--cor-texto);;
	margin-bottom: 10px;
	width: 10%!important;
    text-align: right!important;
	
}
/*
.item .prato-nome::after {
	content: " - R$ "
}
*/

.item .prato-descricao {
    font-family: var(--fonte-secundaria), Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 23px;
	margin-bottom: 0;
	color: var(--cor-texto);;
	border-bottom: dotted 1px var(--cor-texto);
	
}
.btpedir{
    font-size: 10px;
    border-radius:5px;
    display: block !important;
    margin:8px;
    padding:5px;
    color:var(--cor-card);
    background-color:var(--cor-icones);
     font-family:  Helvetica, Arial, sans-serif
}
.feitopor{
    color:var(--cor-texto);
}
.feitopor a{
    color:var(--cor-icones);
}

/******************************************************/
/******************************************************/
/******************************************************/
/******************************************************/
/******************************************************/



@media only screen and (min-width: 768px) {

	.navbar-header {
		float: none !important;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		/*background-color: aqua;*/
	}
	
	.header .navbar .logo {
		float: center;
	}
	
	.navbar-fixed-top .navbar-collapse {
		overflow: scroll !important;
	}
	
	.navbar-collapse.collapse {
		display: none!important;
	}
	
	.collapse.in {
		display: block !important;
	}
	
	
	.container > .navbar-collapse {
		width: 100%;
		background-color: var(--cor-texto);
		background-color:pink;
		margin-right: 0;
	}
	
	}
	/*********************Top scroll**********************/
	.smoothscroll-top {
		position:fixed;
		opacity:0;
	/*	visibility:hidden;*/
		overflow:hidden;
		text-align:center;
		z-index:99;
		background-color:var(--cor-icones);
		color:var(--cor-card);
		width:47px;
		height:44px;
		line-height:44px;
		right:25px;
		bottom:-25px;
		padding-top:2px;
		border-radius:5px;
		transition:all .5s ease-in-out;
		transition-delay:.2s;
		}
		
		.smoothscroll-top:hover {
		background-color:var(--cor-icones);
		color:var(--cor-card);
		transition:all .2s ease-in-out;
		transition-delay:0;
		}
		
		.smoothscroll-top.show {
		visibility:visible;
		cursor:pointer;
		opacity:1;
		bottom:25px;
		}
		
		
		/*******************************/
	footer {
		width: 90%;
		padding:15px;
		margin:5px auto;
		position: relative;
		background-color: var(--cor-card);
		color:var(--cor-icones)
		
	}
	.jsa{
		color: var(--cor-texto);
		font-weight: bold;
	}