/*
Theme Name: Understrap
Theme URI: https://understrap.com
Author: Howard Development &amp; Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.2.2
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready

Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC
Understrap is distributed under the terms of the GNU GPL.

Resource Licenses:
Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc.
Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT)
WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3)
*/

/*
Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme.
Full developer documentation: https://docs.understrap.com
*/



/******************************************************************************/
/** PAGINA PRINCIPAL **********************************************************/
/******************************************************************************/
.tpp{
    width: 100vw;
    height: 100vh;
}
.tpp #layer{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 20%;
    z-index: 2;
}
.tpp main, .tpp #slideshow, .tpp .carousel-inner, .tpp .carousel-item, .tpp .bg-img{
    width: 100%;
    height: 100%;
}
.tpp .bg-img{
    background-position: center center !important;
    background-size: cover !important;
}
.tpp #content{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tpp #content #bot-sec{
    align-items: center;
}
.tpp #top-sec, .tpp #mid-sec, .tpp #bot-sec{
    text-align: center;
}


/******************************************************************************/
/** PAGINA MENU ***************************************************************/
/******************************************************************************/
.tpm main{
    background-color: #3B312A;
}
.tpm #content{
    display: flex;
}
.tpm .top-table{
    border-bottom: 1px solid #EAE3DA;
}
.tpm .top-table h3, .tpm .top-table h4{
    text-transform: uppercase;
}
.tpm .item{
    border-bottom: 1px solid #EAE3DA;
    line-height: 1em;
}
#menu-pdd{
    margin-top: 70px;
}
#menu-cozinha, #menu-grelha{
    margin-top: 55px;
}
.tpm #bot-sec{
    margin-top: 90px;
    text-align: center;
    text-transform: uppercase;
    align-items: center;
}

#menu-pdd table{
	width: 100%;
}
#menu-pdd table:not(.tablepress){
	margin-bottom: 30px;
}
#menu-pdd table:not(.tablepress):not(:first-child){
	margin-top: 55px;
}
#menu-pdd table, #menu-pdd table td{
	color: rgb(234, 227, 218);
}
#menu-pdd table td{
	/*height: 60px;
	padding: 3px 0 9px 0;*/
}
#menu-pdd .row{
	gap: 12px;
}
#menu-pdd .tablepress .row{
	margin-top: 3px;
}
#menu-pdd table td, #menu-pdd table th{
	padding: 0;
}
#menu-pdd thead th{
	text-transform: uppercase;
}
#menu-pdd tbody td:not(:first-child):after{
	content: " €";
	font-size: 60%;
    vertical-align: super;
}
#menu-pdd tbody td.empty:not(:first-child):after{
	content: "";
}
#menu-pdd td{
	border: none;
}
#menu-pdd tr{
	border-bottom: 1px solid #EAE3DA;
}

/******************************************************************************/
/** OUTROS ********************************************************************/
/******************************************************************************/
.abtn{
    border-color: #EAE3DA;
    border-width: 2px;
    border-style: solid;
    border-radius: 45%;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.abtn p{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 65%;
    height: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}
.span-desc{
    height: 16px;
    display: block;
}
body a:hover, body a:hover p{
    color: #DD3211;
    text-decoration: none;
}
.abtn:hover{
    border-color: #DD3211;
}
body a, body a p, body a:hover, body a:hover p{
    transition: color .6s ease-in-out, -webkit-color .6s ease-in-out;
}
.abtn, .abtn:hover{
    transition: border-color .6s ease-in-out, -webkit-border-color .6s ease-in-out;
}

/******************************************************************************/
/** FONTES ********************************************************************/
/******************************************************************************/
@font-face {
    font-family: 'RieBold';
    src: url("fonts/RieBold.woff2") format("woff2");
}
@font-face {
    font-family: 'MarSemibold';
    src: url("fonts/MarcinAntiqueCondensed-Semibold.woff2") format("woff2");
}
@font-face {
    font-family: 'MarRegular';
    src: url("fonts/MarcinAntiqueCondensed-Regular.woff2") format("woff2");
}
body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body h1, body h2, body h3, body h4, body h5, body h6{
    margin-bottom: 0;
}
main h1, main h2, main h3, main h4, main h5, main h6, main p, main a, main span{
    color: #EAE3DA;
    text-decoration: none;
}
.tpp main h1, .tpp main h2, .tpp main h3, .tpp main h4, .tpp main h5, .tpp main h6, .tpp main p, .tpp main a, .tpp main span{
    text-transform: uppercase;
}
.tpp #mid-sec h2, .tpp #mid-sec span{
    display: inline;
    vertical-align: top;
}
p{
    display: inline;
}
main h1, main .ffrb{
    font-family: 'RieBold';
}
main h2, main .ffmsb, .tpp #mid-sec span{
    font-family: 'MarSemibold';
}
main .ffmr{
    font-family: 'MarRegular';
}
.euro{
    font-size: 60%;
    vertical-align: super;
}


/******************************************************************************/
/** RESPONSIVE ****************************************************************/
/******************************************************************************/
/** FONTES **/
body h1{
    font-size: 36px;
    line-height: 32px;
}
body h2, .tpp #mid-sec span{
    font-size: 26px;
    line-height: 32px;
}
body .ffs19{
    font-size: 16px;
}
body .ffs16{
    font-size: 16px;
}
body .ffs12{
    font-size: 12px;
}
body .ffs10{
    font-size: 8px;
}
body .flh30{
    line-height: 22px;
}
body .flh23{
    line-height: 19px;
}
body .flh21{
    line-height: 21px;
}
body .flh16{
    line-height: 16px;
}
body .flh15{
    line-height: 15px;
}
/** CONTENT **/
#content{
    padding: 50px 35px;
    flex-direction: row;
    align-content: stretch;
}
#menu-pdd .tablepress .row{
	padding-bottom: 22px;
}
/** PAG PRINCIPAL **/
.tpp #bot-sec div:nth-child(1){
    order: 3;
}
.tpp #bot-sec div:nth-child(2){
    order: 1;
}
.tpp #bot-sec div:nth-child(3){
    order: 2;
}
.tpp #bot-sec div:nth-child(4){
    order: 4;
}
/** PAG MENU **/
.tpm #content{
    flex-direction: column;
}
.tpm #bot-sec div:nth-child(1){
    order: 2;
    margin-bottom: 20px;
}
.tpm #bot-sec div:nth-child(2){
    order: 1;
    margin-bottom: 20px;
}
.tpm #bot-sec div:nth-child(3){
    order: 3;
}
.tpm .top-table {
    margin-bottom: 20px;
}
.tpm .item .row:first-child {
    align-content: center;
    align-items: center;
}
.tpm .item:first-child .row:first-child {
    margin-top: 0;
}
.tpm .item .row:first-child {
    margin-top: 3px;
}
.tpm .item .row:last-child {
    margin-bottom: 9px;
}
.abtn{
    height: 100px;
    width: 100px;
}
@media (min-width: 576px) {

}

@media (min-width: 768px) {
    /** PAG PRINCIPAL **/
    .tpp #content{
        flex-direction: column;
        align-content: center;
    }
    .tpp #bot-sec div:nth-child(1), .tpp #bot-sec div:nth-child(2), .tpp #bot-sec div:nth-child(3), .tpp #bot-sec div:nth-child(4){
        order: inherit;
    }
    /** PAG MENU **/
    .tpm #bot-sec div:nth-child(1), .tpm #bot-sec div:nth-child(2), .tpm #bot-sec div:nth-child(3){
        order: inherit;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    /** FONTES **/
    body h1{
        font-size: 60px;
        line-height: 58px;
    }
    body h2, .tpp #mid-sec span{
        font-size: 37px;
        line-height: 58px;
    }
    body .ffs19{
        font-size: 22px;
    }
    body .ffs12{
        font-size: 14px;
    }
    body .ffs10{
        font-size: 12px;
    }
    body .flh30{
        line-height: 30px;
    }
    body .flh23{
        line-height: 23px;
    }
    body .flh21{
        line-height: 21px;
    }
    body .flh16{
        line-height: 16px;
    }
    body .flh15{
        line-height: 15px;
    }
    /** CONTENT **/
	#menu-pdd .tablepress .row{
		padding-bottom: 30px;
	}
    /** PAG PRINCIPAL **/
    .tpp #content{
        padding: 100px 50px 50px;
    }
    /** PAG MENU **/
    .tpm #content{
        padding: 100px 50px;
        flex-direction: column;
        align-content: center;
    }
    .tpm .top-table {
        margin-bottom: 30px;
    }
    .tpm .item:first-child .row:first-child {
        margin-top: 0;
    }
    .tpm .item .row:first-child {
        margin-top: 3px;
    }
    .tpm .item .row:last-child {
        margin-bottom: 9px;
    }
    .abtn{
        height: 128px;
        width: 128px;
    }
}

@media (min-width: 1200px) {
    
}
@media (min-width: 1700px) {
    .col-xxl-2{
        flex: 0 0 auto !important;
        width: 8.33333333% !important;
    }
    .tpm .col-xxl-4{
        flex: 0 0 auto;
        width: 16.66666667%;
    }
}