@font-face { font-family: 'BrandonGrotesque-Black'; src: url('fontes/BrandonGrotesque-Black.ttf'); }
@font-face { font-family: 'BrandonGrotesque-BlackItalic'; src: url('fontes/BrandonGrotesque-BlackItalic.ttf'); }
@font-face { font-family: 'BrandonGrotesque-Bold'; src: url('fontes/BrandonGrotesque-Bold.ttf'); }
@font-face { font-family: 'BrandonGrotesque-BoldItalic'; src: url('fontes/BrandonGrotesque-BoldItalic.ttf'); }
@font-face { font-family: 'BrandonGrotesque-Light'; src: url('fontes/BrandonGrotesque-Light.ttf'); }
@font-face { font-family: 'BrandonGrotesque-LightItalic'; src: url('fontes/BrandonGrotesque-LightItalic.ttf'); }
@font-face { font-family: 'BrandonGrotesque-Medium'; src: url('fontes/BrandonGrotesque-Medium.ttf'); }
@font-face { font-family: 'BrandonGrotesque-MediumItalic'; src: url('fontes/BrandonGrotesque-MediumItalic.ttf'); }
@font-face { font-family: 'BrandonGrotesque-Regular'; src: url('fontes/BrandonGrotesque-Regular.ttf'); }
@font-face { font-family: 'BrandonGrotesque-RegularItalic'; src: url('fontes/BrandonGrotesque-RegularItalic.ttf'); }
@font-face { font-family: 'BrandonGrotesque-Thin'; src: url('fontes/BrandonGrotesque-Thin.ttf'); }
@font-face { font-family: 'BrandonGrotesque-ThinItalic'; src: url('fontes/BrandonGrotesque-ThinItalic.ttf'); }

/* *** */

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
::-webkit-scrollbar-thumb { background-color: #49111a; }

/* *** */

body { background-image: url("../img/bg.png"); background-size: cover; background-position: center; background-attachment: fixed; }

#logo-cardapio { max-width: 300px; }

.btn-outline-cabanha { color: #88c540; border-color: #49111a; font-family: BrandonGrotesque-Regular; background: rgba(0,0,0,0.3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.btn-outline-cabanha:hover { border-color: #88c540; background-color: #88c540; color: #49111a; font-family: BrandonGrotesque-Black; }

.btn-cabanha { color: #88c540; border-color: #49111a; font-family: BrandonGrotesque-Regular; background: #49111a; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.btn-cabanha:hover { border-color: #88c540; background-color: #88c540; color: #49111a; font-family: BrandonGrotesque-Black; }

.text-link-menu { font-size: .9rem; }

#rodape { margin-bottom: 40px; }
#rodape-bg { background: rgba(0,0,0,0.6); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); padding: 30px 0; margin-top: 10px; }
#rodape-cabanha { font-family: BrandonGrotesque-Medium; font-size: 130%; }
#rodape-endereco { font-family: BrandonGrotesque-Regular; font-size: 90%; color: #AAA; }

#link-sociais a { color: #fff; }
#link-sociais a:hover { color: #88c540; }

/* *** */

.modal-content { background: rgba(0,0,0,.8); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-color: #49111a; }
.modal-header { border-bottom: 1px solid #49111a; background-color: #49111a; }
.modal-header .modal-title { font-family: BrandonGrotesque-Medium; text-transform: uppercase; font-size: 90%; }
.modal-header .modal-title i { color: #9b2727; margin-right: 10px; }
.modal-footer { border-top: 1px solid #49111a; }
.modal-footer button { text-transform: uppercase; font-size: 80% }
.modal-footer i { margin-right: 10px; }

#cardapio-item { border-bottom: 1px solid #222; padding-bottom: 10px; margin-bottom: 30px; }
#cardapio-item #cardapio-titulo { color: #88c540; font-size: 1.15rem; font-family: BrandonGrotesque-Black; margin-bottom: 0; line-height: 18px; }
#cardapio-item #cardapio-descricao { color: #FFF; font-size: .8rem; font-family: BrandonGrotesque-Medium; margin: 0; }
#cardapio-item #cardapio-peso {  }
#cardapio-item #cardapio-peso span { background-color: #222; color: #BBB; font-size: .7rem; border-radius: 5px; padding: 3px 5px; font-family: BrandonGrotesque-Regular; margin: 5px 0; }
#cardapio-item #cardapio-acompanha { color: #FFF; font-size: .7rem; font-family: BrandonGrotesque-Regular; margin: 8px 0; }
#cardapio-item #cardapio-acompanha span { background-color: #9b2727; color: #FFF; font-size: .6rem; border-radius: 5px; padding: 1px 3px; margin-right: 5px; }
#cardapio-item #cardapio-dica { color: #FFF; font-size: .7rem; font-family: BrandonGrotesque-Regular; margin: 8px 0; }
#cardapio-item #cardapio-dica span { background-color: #622727; color: #FFF; font-size: .6rem; border-radius: 5px; padding: 1px 3px; margin-right: 5px; }
#cardapio-item #cardapio-aviso { background-color: #111; color: #FFF; font-size: .7rem; font-family: BrandonGrotesque-Black; margin: 8px 0; border: 1px solid #49111a; padding: 8px 5px; border-radius: 4px; }
#cardapio-item #cardapio-aviso i { color: #9b2727; }
#cardapio-item #cardapio-valor { text-align: right; font-size: 1.35rem; font-family: BrandonGrotesque-Black; }
#cardapio-item #cardapio-valor small { font-size: .8rem; color: #888; font-family: BrandonGrotesque-Regular; }

#cardapio-adicionais { border-bottom: 1px solid #222; padding-bottom: 10px; margin-bottom: 30px; }
#cardapio-adicionais #adicionais-titulo { color: #9b2727; font-size: 120%; font-family: BrandonGrotesque-Black; margin-bottom: 0; }
#cardapio-adicionais #adicionais-descricao { color: #CCC; font-size: 65%; font-family: BrandonGrotesque-Regular; }
#cardapio-adicionais .adicionais-item { display: block; margin-bottom: 3px; }
#cardapio-adicionais .valor-adicionais { display: inline-block; background-color: #49111a; color: #fff; padding: 2px; border-radius: 4px; font-family: BrandonGrotesque-Medium; width: 50px; text-align: center; }

#cardapio-obs-peso { background-color: #AAA; color: #333; font-size: 80%; font-family: BrandonGrotesque-Black; text-align: center; padding: 5px; border-radius: 5px; }