/*####################################
	
Theme Name: CJNET APP
Author URI: https://cjnet.com.br
Version: 0.3

####################################*/

/*### CONTAINERS ###*/

*{box-sizing:border-box;margin:0;padding:0;}
html, body {overflow-x:hidden;width:100%;margin:0;padding:0;}
body{background:#000;color:#FFF;font-family:Arial, sans-serif;display:flex;flex-direction:column;align-items:center;padding:0 20px;}
.content{padding:60px 20px;}
.logo {background:url(images/logo.png) no-repeat;background-size:cover;margin:0 auto -75px auto;width:150px;height:150px;}

/*### TIPOGRAPHY ###*/

h1{font-size:16px;}
h1 span{font-weight:normal;}
h2{text-align:center;margin:0;padding:30px 0;color:#FC0;font-size:21px;display:block;}

#bebidas, #cerveja-chopp, #combos, #doses, #drinks, #guarnicoes, #kids, #espetos, #petiscos, #pratos-compartilhar, #pratos-individuais, #pre-treinos, #sandubas, #sobremesas, #sucos, #toda-hora, #executivo{width:100%;height:70px;margin:0;display:block;}

/*### PRODUCT BLOCKS ###*/

.block{width:100%;max-width:420px;min-width:420px;flex-basis:100%;padding:20px;background:#111;display:flex;align-items:flex-start;margin:20px 0;border-radius:9px;min-height:100px;border:#222 1px solid;}
.thumbs{width:75px;height:75px;border-radius:5px;flex-shrink:0;overflow:hidden;margin-right:15px;display:none;}
.thumbs img{width:100%;height:100%;object-fit:cover;object-position:center;}
.text-container{display:flex;flex-direction:column;flex-grow:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;}
.produto-valor{display:flex;justify-content:space-between;width:100%;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}
.produto{font-size:15px;line-height:21px;color:#FFF;text-transform:uppercase;font-weight:bold;}
.valor{font-size:15px;color:#FC0;font-weight:normal;}
.descricao{font-size:15px;line-height:18px;color:#EEE;margin-top:5px;white-space:normal;word-wrap:break-word;min-height:18px;opacity:0.7;}

/*### MENU TOGGLE ###*/

.menu-toggle{position:fixed;top:0;left:0;width:100%;height:45px;background:#FC0;display:flex;align-items:center;justify-content:space-between;color:#000;padding:0 20px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);z-index:1000;}
.menu-toggle .toggle-btn{cursor:pointer;font-size:20px;background:transparent;color:#000;border:none;outline:none;}
.menu-items{position:fixed;top:45px;left:0;width:100%;background:#333;overflow:hidden;height:0;opacity:0;transition:height 0.5s ease, opacity 0.5s ease;z-index:999;}
.menu-items ul{list-style:none;padding:0;margin:0;text-align:center;}
.menu-items ul li{padding:0;border-bottom:#404040 1px solid;}
.menu-items ul li a{color:#FFF;text-decoration:none;font-size:15px;display:block;padding:9px 0;}
.menu-items ul li a:hover{background-color:#555;}
.menu-items.active{height:auto;opacity:1;}

/*### MISCELANEA ###*/

.cjnet-menu{background:url(images/cjnet_white.svg) no-repeat;width:60px;height:30px;display:block;margin:0 auto;padding:0;}
.cjnet a {background:url(images/cjnet_white.svg) no-repeat;width:60px;height:30px;display:block;margin:0 auto 90px auto;padding:0;}

/*### MEDIA QUERIES ###*/

@media (max-width:600px) {
	.thumbs{width:45px;height:45px;}
	.produto{margin-top:-3px;}
	.block{padding:15px;margin-bottom:15px;min-height:60px;max-width:350px;min-width:350px;}
}