/*
Theme Name: Leggera
*/

/* Geral */

body { background: #FFFFFF; font-family: 'Courier New', Courier, monospace; font-size: 18px; color: #000000; line-height: 1.7em; }

a, a:hover, a:active, a:focus { color: #000000; }
img { max-width: 100%; height: auto; }

/* Heading */

h1 { font-family: 'Vibrocentric', Arial, sans-serif; text-transform: lowercase; font-size: 2.11em; color: #FFFFFF; text-align: center; margin-bottom: 20px; }
h2 { font-family: 'Segoe UI', Arial, sans-serif; font-size: 35px; color: #EB3E00; margin-top: 43px; margin-bottom: 15px; line-height: 26px; float: left; width: 100%; }
h2 small { font-family: 'Courier New', Courier, monospace; font-size: 14px;  display: inline-block; width: 100%; }
h3 { float: left; font-family: 'Segoe UI', Arial, sans-serif; font-size: 3.11em; color: #EB3E00; line-height: 1.5em; margin-bottom: 55px; }
h3 small { font-size: 0.43em; color: #000000; line-height: 1.5em; }
h4 { font-family: 'Segoe UI', Arial, sans-serif; font-size: 1.33em; color: #000000; line-height: 1.5em; text-align: center; border-bottom: 1px solid #EB3E00; display: inline-block; padding: 0 4px 10px 4px; margin-bottom: 54px; }
h5 { font-family: 'Segoe UI', Arial, sans-serif; font-size: 1.17em; color: #000000; line-height: 1.5em; text-align: center; }
h5 small { font-size: 0.87em; color: #000000; }

/* Backgrounds */

.bg-textura { background: url('img/bg-textura.jpg') no-repeat; background-size: cover; padding: 66px 0; }
.bg-forno { background: url('img/bg-forno.jpg') center center no-repeat; background-size: cover; height: 768px; }
.bg-cardapio { background: url('img/bg-cardapio.jpg') right 23px center no-repeat; height: 682px; }
.bg-preto { background: #000000; }
.bg-vermelho { background: #EB3E00; padding: 25px 0; color: #FFFFFF; }

/* Buttons */

.btn-default { text-transform: lowercase; font-family: 'Segoe UI', Arial, sans-serif; font-size: 0.944em; border-radius: 7px; line-height: 1.4em; }
.btn-default:hover, .btn-default:active, .btn-default:focus { background: #FFFFFF; }
.btn-primary { font-family: 'Segoe UI', Arial, sans-serif; font-size: 21px; text-transform: lowercase; width: 180px; margin: 30px auto; line-height: 1.6em; }
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus { background: #EB3E00; color: #FFFFFF; border: 0; border-radius: 7px; }

/* Header */

header { position: relative; color: #FFFFFF; }

header .logo { position: absolute; bottom: 92px; left: 0; text-align: center; width: 100%; }
header .logo img { border-bottom: 1px solid #FFFFFF; padding: 0 14px 15px 14px; margin-bottom: 15px; }
header .logo span { font-family: 'Segoe UI', Arial, sans-serif; font-size: 0.95em; display: block; line-height: 1em; }

header .navbar { background: #000000; border: 0; text-align: center; border-radius: 0; text-transform: lowercase; margin-bottom: 0; min-height: auto; line-height: 1em; position: absolute; bottom: 17px; width: 100%; }
header .navbar li > a { color: #FFFFFF; font-size: 0.95em; padding: 0 30px; line-height: 40px; }
header .navbar li a:hover, header .navbar li a:active, header .navbar li a:focus { background: none; }
header .navbar .navbar-collapse { height: 40px !important; }
header .navbar .navbar-nav { display: inline-block; float: none; }

header .navbar .delivery { font-family: 'Vibrocentric', Arial, sans-serif; font-size: 0.83em; text-transform: lowercase; line-height: 40px; padding: 0 80px 0 50px; }
header .navbar .delivery a { color: #FFFFFF; text-decoration: none !important; position: relative; }
header .navbar .delivery a.borda:after { content: ''; position: absolute; left: 0; bottom: 0; width: 57px; border-bottom: 1px solid #EB3E00; }
header .navbar .delivery small { font-family: 'Segoe UI', Arial, sans-serif; margin-left: 5px; }

header .navbar .social a { padding: 0; margin: 0 7px; }

/* Body */

.bg-textura h1 { color: #EB3E00; }
.bg-vermelho h1 { display: inline-block; position: relative; font-size: 36px; }
.bg-vermelho h1:after { content: ''; position: absolute; left: 2px; bottom: 0; width: 137px; border-bottom: 2px solid #FFFFFF; }

.fotos-destacadas { background: #FFFFFF; float: left; padding: 10px 5px; margin-top: -100px; margin-bottom: 60px; }
.fotos-destacadas div { text-align: center; }

.fotos { padding: 0 5px; }
.fotos .foto { margin-top: 10px; }

.cardapio-lista { text-align: center; margin-bottom: 100px; }
.cardapio-lista .first.column { margin-top: -630px; }
.cardapio-lista .categoria { background: #FFFFFF; float: left; }
.cardapio-lista .categoria:first-of-type { border-top-left-radius: 20px; border-top-right-radius: 20px; padding-top: 7px; }
.cardapio-lista .prato { padding: 0 40px; margin-top: 10px; float: left; width: 100%; }
.cardapio-lista .prato strong small { font-size: 0.77em; font-weight: normal; color: #777777; }
.cardapio-lista .prato strong, .cardapio-lista .prato p { line-height: 1.2em; }
.cardapio-lista .prato em { color: #EB3E00; font-style: normal; font-size: 0.84em; font-weight: bold; }

#instagram { margin-bottom: 75px; float: left; width: 100%; }
#instagram .bg-instagram { float: left; width: 100%; text-align: center; margin-bottom: 22px; position: relative; }
#instagram .bg-instagram:after { content: ''; position: absolute; top: 50%; left: 0; border-top: 1px solid #EB3E00; width: 100%; z-index: -1; }
#instagram .bg-instagram img { background: #FFFFFF; padding: 0 13px; }
#instagram ul { padding: 0; list-style: none; }
#instagram ul li { padding: 0 8px; }
#instagram ul li:first-of-type { padding-left: 0; }
#instagram ul li:last-of-type { padding-right: 0; }
#instagram ul li a { display: block; width: 100%; height: 176px; background-size: cover; background-position: center; background-repeat: no-repeat; float: left; }

.contato .redes-sociais { border-bottom: 1px solid #EB3E00; text-align: center; padding-bottom: 25px; margin-top: 15px; margin-bottom: 15px; }
.contato .redes-sociais img { margin: 0 13px; }
.contato p { font-size: 0.89em; }
.contato p strong { color: #EB3E00; }
.contato .mapa { border: 1px solid #95989A;  position: relative; padding-bottom: 65%; height: 0; overflow: hidden; margin-top: 10px; float: left; width: 100%; }
.contato .mapa iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.delivery .container { position: relative; }
.delivery .pizza-caixa { background: url('img/pizza-caixa.png') no-repeat center; width: 226px; height: 162px; position: absolute; top: -80px; right: -80px; z-index: 0; }
.delivery .horarios { border-bottom: 1px solid #FFFFFF; float: left; padding-bottom: 18px; }
.delivery .horarios span { float: left; width: 100%; margin: 10px 0; font-size: 1.11em; }
.delivery .zonas { padding: 30px 0; }
.delivery .zonas span { margin: 23px 0; }
.delivery .zonas a { margin-top: 15px; }
.delivery .formas-pagamento strong { font-size: 0.88em; width: 100%; float: left; margin-top: 10px; }
.delivery .formas-pagamento span { font-family: 'Segoe UI', Arial, sans-serif; font-size: 0.77em; }

.parceiros { padding: 16px 0; text-align: center; }
.parceiros div { display: inline-block; margin: 10px 20px; }

.fancybox-title-float-wrap .child { background: none; }

/* Footer */

footer { background: #000000; height: 40px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 0.72em; color: #FFFFFF; text-align: center; line-height: 40px; }
footer a, footer a:hover, footer a:focus { color: #FFFFFF; }