/* (iggy_naturalsabor/build_r3_f384) - todos os direitos reservados */
/* Gerado em 16/05/2018 14:29:33 - css */

:root {
    --main: #c62e34;
    --main-contrast: #FFF;
    --orcamento: #e1e1e1;
    --miolo: #f4f4f4;
    --miolo-borda: #EBEBEB;
    --barra: #f1f2f3;
}

html,body{
    font-family: 'Poppins', sans-serif !important;
}

body{

}

header{
    background-color: #FFF;
}

.topo{
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 1000;
}

.x{
    height: 600px;
    background: black;
}

.logo{
    margin-top: 20px;
}

.produto-item a{
    display: block;
}

.produto-item .produto-show{
    padding-top: 43.75%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    -webkit-print-color-adjust: exact;
}

.produto-item .produto-show-sm{
    padding-top: 75%;
}

.navbar-custom{
    background-color: #FFF !important;
    font-weight: 300;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #333;
}

.navbar-custom .navbar-nav .nav-link{
    color: #333;
}

.navbar-custom .navbar-nav .nav-link-active{
    font-weight: bold;
}

.navbar-custom .nav-item:last-child{
    border: none;
}

.busca{
    display: block;
    height: 80px;
    background-color: #1a7a39;
    color: #FFF;
    padding-top: 35px;
}

.miolo{
    padding-top: 100px;
    padding-bottom: 100px;
    background: top right no-repeat;
}

.btn-danger{
    background-color: var(--main);
    border-color: var(--main);
}

.miolo h1, .miolo h2{
    font-weight: 300;
    margin-bottom: 20px;
}

.miolo h1.produto-titulo{
    font-size: 1.5em;
}

p.ingredientes{
    border-bottom: 1px solid #EAEAEA;
}

.tabela-ingredientes{
    font-size: 0.8em;
}

p.produto-obs{
    font-size: 0.6em;
}

.barra{
    background-color: var(--barra);
    color: var(--main);
    font-size: 0.6em;
    line-height: 40px;
}

.barra a{
    text-decoration: none;
}

.logo_rodape{
    position: absolute;
    margin-top: 10px;
}

.rodape{
    background-color: var(--main);
    padding: 30px 0 30px 0;
    color: var(--main-contrast);
    font-size: 10px;
}

.icones{
    font-size: 0.7em;
}

.icones img{
    max-width: 50%;
}

.icones p{
    text-transform: uppercase;
}

.icones span{
    display: block;
}

.marcas a img{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.5;
}

.marcas a:hover img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.pattern{
    height: 70px;
    background: url("../../img/site/pattern.jpg") top center;
    background-size: cover;
}

h5.card-title{
    font-size: 1.1em;
}

.card-text{
    font-size: 0.8em;
}

p.pagination strong{
    background-color: var(--main) !important;
    color: var(--main-contrast) !important;
}

#map{
    width: 100%;
    height: 400px;
}

.produto-link{
    color: #666;
}
.produto-link:hover{
    text-decoration: none;
    color: #000;
}

/* XS */
@media (max-width : 575px) {
    .topo{
        position: static;
        top: auto;
        width: auto;
        z-index: 1000;
    }

    .logo_rodape{
        position: static;
        margin-top: 10px;
    }
    .miolo{
        background-image: url("../../img/site/palmeira-sm.jpg");
    }

    .icones{
        font-size: 0.9em;
    }
}

/* SM */
@media (min-width : 576px) and (max-width: 767px) {
    .topo{
        position: static;
        top: auto;
        width: auto;
        z-index: 1000;
    }
    .miolo{
        background-image: url("../../img/site/palmeira-sm.jpg");
    }
}

/* MD */
@media (min-width : 768px) and (max-width: 991px) {
    .topo_margem{
        margin-top:10px;
    }

    .navbar-custom .nav-item{
        margin-right: 20px;
    }

    .navbar-custom .nav-item:last-child{
        margin-right: 0;
    }
    .miolo{
        background-image: url("../../img/site/palmeira-md.jpg");
    }
}

/* LG */
@media (min-width : 992px) and (max-width: 1199px) {
    .topo_margem{
        margin-top:17px;
    }

    .navbar-custom .nav-item{
        margin-right: 30px;
    }

    .navbar-custom .nav-item:last-child{
        margin-right: 0;
    }

    .miolo{
        background-image: url("../../img/site/palmeira-lg.jpg");
    }
}

/* XL */
@media (min-width : 1200px) {
    .topo_margem{
        margin-top:20px;
    }

    .navbar-custom .nav-item{
        margin-right: 30px;
    }

    .navbar-custom .nav-item:last-child{
        margin-right: 0;
    }

    .miolo{
        background-image: url("../../img/site/palmeira-lg.jpg");
    }
}