body { background: #ed830a; color:#fff; font-family:Nunito, Roboto, 'Open Sans', arial, verdana !important; background: url(../img/bg-pattern.png) }

/*Adição dia 03-22-2022*/

    .preco {
        display:none !important;
    }

/*Adição dia 03-22-2022*/


#navegacao{ box-shadow: none !important; background: transparent !important; text-align: center }

nav .brand-logo{position:static;margin: 1px 125px  0 0;}

.btn-pedido{border: 2px solid #fff;border-radius: 100px;padding: 10px;top: 20px;position: relative;transition: all 190ms cubic-bezier(0.68, -0.6, 0.32, 1.6);position: absolute;height: 30px;text-decoration: none;}
.btn-pedido:hover{background: #fff;color:#ed830a;transform: scale(1.2) !important;}
.btn-pedido:hover strong{ color:#ed830a;}
.btn-pedido strong{position: relative;top: -11px;font-weight: 800;color: #fff;text-decoration: none;}
.btn-pedido span.numero{ font-family:Nunito, Roboto, 'Open Sans', arial, verdana !important; }

#daddy{padding: 1vh 0 115vh;background: url(../img/banner-slide.png) no-repeat center top;background-size: 100%;}

.box-white-rounded{ background:#fff; border-radius: 8px; }
.box-white-rounded .padding{padding:20px;margin: 0 auto;text-align: center;}
 a,
.box-white-rounded ,
.box-white-rounded div,
.box-white-rounded p,
.box-white-rounded h1,
.box-white-rounded h2,
.box-white-rounded h3,
.box-white-rounded h4,
.box-white-rounded h5,
.box-white-rounded h6{color: #332e2be8 !important;}

a:hover{ text-decoration: none !important }

.opcao-formato{float:left; transition: all 190ms cubic-bezier(0.68, -0.6, 0.32, 1.6);text-align: center !important;width: 139px;display: block;border:2px solid transparent;padding: 20px;border-radius: 10px; opacity: 0.7; }
.opcao-formato.selecionado{border-color: #ea8324; opacity:1; }
.opcao-formato:hover{ transform: scale(1.2) }
.opcao-formato strong{text-align: center !important;width: 100%;display: block; }
.opcao-formato img{ clear:both; display: block }

.box-white-rounded h2{font-size: 30px;font-weight: bold;text-align: center;width: 100%; }

.sabores{ transition: all 190ms cubic-bezier(0.68, -0.6, 0.32, 1.6); }

ul.cardapio{ list-style: none; width: 70%; display: none; margin:50px auto 0; }
ul.cardapio li{padding:15px;border-radius: 10px;border:2px solid transparent;cursor:pointer;margin:2px 0;overflow: hidden;position: relative;}
ul.cardapio li a{font-weight: bold;/* width: 100%; */display:block;height:100%;float: left;text-transform: uppercase;}
ul.cardapio li .linha{margin-top: 17px;float: left;}
ul.cardapio li .ingredientes{float: left;font-size: 12px;margin: 1px 20px 7px;float: left;max-width: 312px;display: block;padding-bottom: 10px;}
ul.cardapio li span.preco{color: #8a4200;top: 12%;position: absolute;margin-left: 0;right: 51px;height: 100px;width: 100px;/* background: #e2d0b5; */border-radius: 100px;}
ul.cardapio li span.preco .cifrao{position: relative;left: 7px;top: -9px;font-weight: 700;font-size: 0.7vw;}
ul.cardapio li span.preco .preco{font-size:2vw;font-weight:900;position: relative;top: 7px;right: -3px;}
ul.cardapio li span.preco .cents{font-size:0.5vw;font-weight: 900;position: relative;top: -13px;}
ul.cardapio li span.preco .cents .virgula{font-size: 1.5vw;font-weight: 900;position: relative;top: -5px;left: -2px;}
ul.cardapio li span.preco .cents .n{font-size: 0.7vw;font-weight: 600;position: relative;top: 3px;left: -2px;}

ul.cardapio li .status{display: block;opacity: 0;width: 20px;float: right;margin: 1px;position: absolute;right: 10px;transition: all 300ms ease;top: 28px;margin-right: 0;}
ul.cardapio li .status img{ width: 100%; }
ul.cardapio li.escolhida .status.check { opacity: 1; }
ul.cardapio li.escolhida:hover .status.check { opacity: 0; }
ul.cardapio li.escolhida:hover .status.uncheck { opacity: 1; }

ul.cardapio li:hover {border-color:#ccc;}
ul.cardapio li.escolhida {border: 2px solid #ea8324;background: #ea8324 !important;color: #fff;}
ul.cardapio li.escolhida a{ color: #fff !important; }
ul.cardapio li.escolhida *{ color: #fff !important; }
ul.cardapio li:nth-child(even) {background: #FFF; }
ul.cardapio li:nth-child(odd) {background: #EEE; }

.linha-botoes{width: 54%;margin: 5% auto 100px;position: relative;left: 4%;padding-bottom: 42px;}

#categorias {width: 74%;margin: 0 auto; display: none;}
#categorias ul{list-style: none;padding: 0;margin: 0;width: 130%;margin-left: 9%;}
#categorias ul li{float: left;text-align:center;margin: 30px 3px -23px;width: 33%;}
#categorias ul li a{font-size:22px;text-align: center;padding: 20px 0 26px;width: 100%;border: 2px solid;display: block;border-radius: 14px;color: #ff9d25 !important;background: #fff;transition: all ease 120ms;line-height: 22px;}
#categorias ul li a.ativo,
#categorias ul li a:hover{background-color: #ff9d25;color: #fff !important;box-shadow: 3px 0px 15px #ff9d256b;border-color: transparent;}

/*.item-cardapio{ display:none ; }*/

#acoes{position: fixed;bottom:0;z-index: 999;background: #fffffff2;border-top: 2px solid #cccccc42;width: 275px;padding: 0 0 0 0;text-align: center;box-shadow: 20px -4px 18px #0000000f;height: 100%;margin-left: -300px;}
#acoes ul{list-style:none;margin:0 auto;width: 100%;text-align: center;padding: 0;}
#acoes ul.listagem{list-style:none;margin:0 auto;width: 100%;text-align: center;padding: 0; transition: all ease 300ms; }

#acoes ul li{float: left;clear: both;width:100%;padding: 25px 0 0 0;}
#acoes ul li h2{text-align:center;width:100%;margin-bottom: 20px;}
#acoes ul li a.btnAc{padding: 11px 28px;border: 2px solid #ff8e23;border-radius: 8px;color: #fe8922 !important;margin: 0 15px -10px;transition:all ease 120ms;display: block;}
#acoes ul li a.btnAc:hover{color:#fff !important; background-color:  #fe8922; }

body .blured{ /* filter: blur(15px) !important;*/ opacity: 0.3 !important; }

.box-white-rounded {background: transparent;border-radius: 8px;}

#cardapio{ padding-bottom:100px; transition: all 300ms ease; }

a.item-lista-pedido{display:block;width: 100%;margin: 5px auto 4px;padding: 12px;text-align:center;border: 2px solid transparent;border-radius: 5px;position: relative;transition:all 140ms ease;background: #cccccc40;border: 1px solid #0000000f;}
a.item-lista-pedido span.xDel{color: #ff8e8e;float: right;opacity:0;font-size: 18px;position: absolute;right: 4px;top: -5px;font-weight: bold;transition: all 120ms cubic-bezier(0.25, 0.1, 0.29, 0.9);}
a.item-lista-pedido:hover{border: 1px solid #ea8324;color: #ea8324 !important;background: #fff;}
a.item-lista-pedido:hover span.xDel{ opacity:1; }

.btnAc.finalizar{position: fixed;bottom: 28px;width: 245px;margin: 0 23px;font-weight:bold;text-transform: uppercase;}

h2.pedir-bebida{font-size: 22px;position: relative;left: 32px;width: 207px !important;color: #ea8324 !important;border-radius: 8px;border: 2px solid #ea8324;padding: 20px;top: -13px;transition: all 300ms ease;cursor: pointer;}
h2.pedir-bebida:hover{ color: #fff; background-color: #ea8324; }
h2.pedir-bebida:hover a{ color: #fff !important; }
h2.pedir-bebida:hover a img{ filter: brightness(500%)  }
.pedir-bebida a{color: #ea8324 !important;}

.tipo-pizza{ display:none }

.fecharBebidas{position: fixed;right:15px;top:15px;color: #ff8e8e !important;float: right;opacity: 1;font-size: 50px;position: absolute;right: 20px;top: -18px;font-weight: bold;transition: all 120ms cubic-bezier(0.25, 0.1, 0.29, 0.9); z-index:9999999}

#dadosCliente{ position: fixed; width:100%; height:100%; background:#fff; padding:12%; z-index:99999; display:none;  top:0; text-align: center ; }
#dadosCliente .etapas{ display:none; }
#dadosCliente .etapas.e1{ display:block; }
#dadosCliente input,
#dadosCliente select{border-radius: 100px;border: 2px solid #cccccc;width: 100%;padding: 6px;float: left;margin: 5px 0 11px;text-align: center;position: relative;z-index: 99999999;}
#dadosCliente div{width: 500px;margin:0 auto;overflow-y: auto;overflow: visible;}
#dadosCliente h4{margin-bottom:15px;font-size: 17px;margin: 20px 0 0;}
#dadosCliente div div{margin: 0;font-size: 20px;margin-top: 10px;overflow: visible;position: relative;}
#dadosCliente a.wpp{background-color: #25cc62;color:#fff !important;font-size:19px;font-weight:bold;padding: 7px 0 10px;text-align:center;margin:15px 0;clear: both;border-radius: 100px;width: 100%;display: block;float: left;}
#dadosCliente a.verifica-telefone{background: #ea8324;border-radius: 100px;color: #ffffff !important;font-size: 12px;overflow: hidden;padding: 11px 12px;/* box-shadow: 3px 19px 20px #cccccc94; */position: absolute;right: 3px;top: 38px;z-index: 9999999999;}

*{ outline: none !important; }

#bebidas{
  width: 360px;
  position: fixed;
  top: 0;
  background: #ffffff;
  border-left: 2px solid #ccc;
  margin-left: -480px;
  height: 100%;
  box-shadow: 1px -2px 10px #0003;
  z-index: 999999;
  opacity: 1;
  }

  #bebidas a img{ float:left; }

  #bebidas .aviso-bebida{color: #3ea93e;display:none;margin-top: 5px;float: left;font-size: 12px;font-weight: bold;letter-spacing: 1px;}
  
  .valor-bebida{font-size: 26px;color: #45413e;}
  
  .rolagem-vertical{ overflow-y: scroll; height: 100%; }

  #bebidas .rolagem-vertical{width: 100%;background: #fff;}

  #bebidas input.qtd{width:94px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;border: 2px solid #ff9d25;color: #ff9d25;font-weight: 700;text-indent: 7px;}

  #bebidas form{float:left;margin-top: 10px;}

  .informacao-bebida {position:relative;top: 15px;padding-top: 17px !important;display: block;text-align: left;}

  .add-bebida{background: #ff9d25;border: none;color: #fff;font-weight: bold;border-bottom-right-radius: 5px;margin: 10px 0 0 -1px;padding: 3px 15px;float: left;border-top-right-radius: 5px;}

  .nome-bebida{ font-weight: 900; top: 3px; position: relative; }

  .pizzas{
    height: 315px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 7px 10px 6px 43px;
    width: 112.5%;
    margin-left: -34px;
    margin-top: 10px;
    border-top: 1px solid #cccccc52;
    border-bottom: 1px solid #cccccc42;
    margin-bottom: 0;
    box-shadow: 29px 3px 9px inset #00000024;
    }

    .cat-bebidas li img{float:left;margin-left: 20px;margin-right: 12px;}

.border {
  background: linear-gradient(90deg, #ea8324 50%, transparent 50%), linear-gradient(90deg, #ea8324 50%, transparent 50%), linear-gradient(0deg, #ea8324 50%, transparent 50%), linear-gradient(0deg, #ea8324 50%, transparent 50%) !important;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y !important;
  background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px !important;
  background-position: 0px 0px, 200px 100px, 0px 100px, 200px 0px !important;
  animation: border-dance 4s infinite linear !important;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ea8324;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ff9d25;
}

@keyframes border-dance {
  0% {
    background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px;
  }
  100% {
    background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;
  }
}

.no-mobile{ display:none; }

.btnVerPedido{ display:none}
.btnVerPedido{ height:50px; color:#fff; background: #961e1e; padding:5px; text-align: center; }

@media screen and (max-width: 992px){
  #daddy{ display:none; }
  .no-mobile{ display:block; }
  img.no-mobile{ margin:0 auto 25px; }
  ul.cardapio{ padding-left:0; }
  #categorias ul{ padding-left:0 }

  #categorias ul li a {
    font-size: 16px;
    text-align: center;
    padding: 20px 0 26px;
    width: 100%;
    border: 2px solid;
    display: block;
    border-radius: 14px;
    color: #ff9d25 !important;
    background: #fff;
    transition: all ease 120ms;
    line-height: 22px;
  }
    
  ul.cardapio{list-style: none;width: 90%;display: none;margin: 22px auto 0;}
  ul.cardapio li{padding:15px;border-radius: 10px;border:2px solid transparent;cursor:pointer;margin:2px 0;overflow: hidden;position: relative;}
  ul.cardapio li a{font-weight: bold;/* width: 100%; */display:block;height:100%;float: left;text-transform: uppercase;}
  ul.cardapio li .linha{margin-top: 0;float: left;width: 70%;}
  ul.cardapio li .ingredientes{float: left;font-size: 12px;margin: 1px 20px 7px;float: left;max-width: 312px;display: block;padding-bottom: 10px;}
  ul.cardapio li span.preco{color: #8a4200;top: 60%;position: absolute;margin-left: 0;right: 128px;height: 100px;width: 100px;/* background: #e2d0b5; */border-radius: 100px;font-size: 30px;transform: scale(0.8);right: 0;top: -10px;transform: scale(0.8);}
  ul.cardapio li span.preco .cifrao{position: relative;left: 7px;top: -9px;font-weight: 700;font-size: 2.7vw;}
  ul.cardapio li span.preco .preco{font-size: 9vw;font-weight:900;position: relative;top: 7px;right: -3px;}
  ul.cardapio li span.preco .cents{font-size: 30px;font-weight: 900;position: relative;top: -13px;}
  ul.cardapio li span.preco .cents .virgula{font-size: 9vw;font-weight: 900;position: relative;top: -5px;left: -2px;}
  ul.cardapio li span.preco .cents .n{font-size: 3.7vw;font-weight: 600;position: relative;top: 3px;left: -2px;}

  #categorias ul li {
    float: left;
    text-align: center;
    margin: 30px 20px 0;
    width: 82%;
  }

  #acoes{width: 86%;margin-left:-100%;}
  a.btnFechaCaixa{ position: absolute; right: 12px; height: 12px; font-size: 41px; top: -10px; }

  #acoes ul li h2.pedir-bebida{ width: 82% !important; margin-top: -82px !important; }

  #acoes ul li a.btnAc {
      padding: 11px 28px;
      border: 2px solid #ff8e23;
      border-radius: 8px;
      color: #fe8922 !important;
      margin: 0 30px 11px;
      transition: all ease 120ms;
      display: block;
      width: 72%;
  }

  .pizzas {
      height: 275px;
      overflow: hidden;
      overflow-y: scroll;
      padding: 7px 10px 6px 43px;
      width: 112.5%;
      margin-left: -34px;
      margin-top: 10px;
      border-top: 1px solid #cccccc52;
      border-bottom: 1px solid #cccccc42;
      margin-bottom: 55px;
      box-shadow: 29px 3px 9px inset #00000024;
  }

  #dadosCliente div {
    width: 100%;
    margin: 0 auto;
    overflow-y: auto;
    overflow: visible;
  }
  
  #logo-container{ margin-top: 3vw; float: left; width: 100%; }

  #categorias ul{ margin-left: -27px;}

  #dadosClientes{ width: 86%; }

  .nome-da-pizza{ font-size: 3vw !important; }
}