/* Modificacoes no template */
:root {
    --cor-principal: #ff8b00 !important;
    --cor-botao: #ff8b00 !important;
}

/* header */
#cabecalho {
    border-bottom: none;
}

body.fixed #cabecalho {
    border-bottom: none;
    box-shadow: 0 2px 50px 0 rgb(0 0 0 / 13%);
}

.menu-desktop .submenu .level2 {
    min-height: auto;
}

/* Home */
.banners-vantagens {
    border: none;
}

.banners-vantagens .banner-tarja-content {
    padding: 1rem 0;
}

.vitrine-video .video-produto-titulo span {
    padding: 10px 8px;
    font-size: 16px;
    line-height: 1;
}

.item-home .conteiner {
    padding: 2rem 1.25rem !important;
}

body .titulo-categoria {
    margin-bottom: 30px !important;
}

/* listagem de produtos */
.categoria-titulo h1 {
    font-size: 30px;
}

.categoria-descricao {
    font-size: 16px;
    line-height: 1.5;
}

.titulo-categoria.vitrine-destaque {
    margin: 12%;
}

body .titulo-categoria {
    margin-bottom: 40px !important;
}

body .titulo-categoria svg {
    display: none;
}

body .titulo-categoria strong {
    display: block;
    text-align: center;
    font-size: 34px;
    line-height: 1;
}

body .titulo-categoria strong p {
    font-weight: normal;
    margin-top: 1.5rem;
    font-size: 18px;
    line-height: 27px;
    padding: 0% 10%;
}

.posts-blog .blog-imagem {
    height: 220px;
}

.posts-blog .blog-content-titulo {
    margin-bottom: 1rem;
}

.posts-blog .blog-content-resumo p {
    font-size: 14px;
    line-height: 16px;
}

.posts-blog .blog-content-titulo span {
    font-size: 20px;
    line-height: 20px;
}

.posts-blog .blog-content-resumo span {
    margin-top: 16px;
    font-size: 16px;
    background: var(--cVBlogD);
    color: #fff;
    padding: 1rem 0;
    border-radius: 4px;
}

.posts-imagem {
    max-width: 900px;
}

.post-post {
    padding: 0;
    max-width: 900px;
}

.principal-destaques .blog_l1,
.principal-destaques .blog_l1 .blog-imagem {
    height: 400px
}

.principal-destaques .blog_l2 .blog-imagem {
    height: 197px;
}

.listagem .listagem-item .imagem-produto img {
    padding: 0px;
}

.listagem .imagem-produto img {
    margin-top: 0;
}

.principal-destaques .blog_l2>span {
    height: auto;
}

/* Pagina de produto */
.pagina-produto .atributo-comum a span {
    text-align: inherit;
    cursor: pointer;
    margin: 0;
    background: #fdfdfd;
    font-weight: bold;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 2px 0 rgb(205 205 205 / 35%);
    border-radius: 4px;
    color: #231013;
    min-width: 45px;
    font-size: 13px;
    height: 40px;
    padding: 0px 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.atributo-comum ul li.active a span {
    border-color: #ff8b00;
    background: #ff8b00;
    color: #fff !important;
}

.gallery-video button {
    box-shadow: 0 3px 7px 0 rgb(205 205 205 / 40%);
    border-radius: 4px;
    padding: 6px 16px;
}

.info-principal-produto .descricao-curta {
    font-size: 15px;
    line-height: 1.4;
    color: #231013;
    margin-top: 16px;
}


/* Area logada e carrinho */
.abas-conteudo {
    box-shadow: none !important
}

ul.caixa-info {
    font-size: 14px;
}

.caixa-dados {
    font-size: 16px;
}

.caixa-sombreada {
    border: 1px solid #e2e2e2;
    box-shadow: none;
}

.caixa-sombreada h1 {
    text-align: center;
}

.pagina-carrinho .caixa-sombreada,
.pagina-login .caixa-sombreada,
.tabela-carrinho .cupom-sucesso .cupom-codigo,
.caixa-info,
.abas-conta li a {
    box-shadow: none;
}

.alert.alert-danger.alert-geral,
.alert.alert-success.alert-geral {
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    padding: 1rem 1rem;
}

.cadastro legend {
    font-size: 20px;
}

.alert .close {
    right: 0;
}

.control-group.erro .control-label,
.control-group.erro .help-block,
.control-group.erro .help-inline {
    color: #dc3545;
}

.help-block {
    margin-top: 5px;
}

.pagina-pagina .caixa-sombreada {
    border: none;
}


/* https://www.hjcafe.com.br/pagina/do-nosso-negocio-para-o-seu-negocio.html */
.pagina-pagina .caixa-sombreada h1 {
    font-size: 36px !important;
    line-height: 42px !important;
    font-weight: 700;
    margin: 3rem 0 1rem 0;
}

.nosso-negocio .row {
    display: flex;
    flex-wrap: wrap;
}

.nosso-negocio .mt-3 {
    margin-top: 1rem;
}

.nosso-negocio .align-items-center {
    align-items: center !important;
}

.nosso-negocio .d-flex {
    display: flex !important;
}

.nosso-negocio ul li span {
    line-height: 28px;
    font-size: 18px;
}

@media (min-width: 768px) {
    .nosso-negocio .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
        padding: 0 15px;
    }

    .nosso-negocio .mt-md-5 {
        margin-top: 3rem;
    }

    .nosso-negocio .order-md-first {
        order: -1;
    }
}

@media (max-width: 768px) {
    .nosso-negocio ul li span {
        font-size: 1rem;
    }
}

.cta-container {
    text-align: center;
    margin: 3rem 0;
}

.cta-btn {
    display: inline-block;
    padding: 16px 37px !important;
    line-height: 1;
    height: auto;
}


/* newsletter */
.newsletter-titulo{
    text-align: left !important;
}

#modalNewsletter .newsletter .titulo {
    font-size: 40px !important;
    line-height: 1.4 !important;
    text-align: left;
}

#modalNewsletter .newsletter .texto-newsletter{
    margin-top: 16px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    margin-bottom: 20px !important;
}

#modalNewsletter .newsletter .input-conteiner{
    width: 100%;
}

.newsletter input{
    font-size: 1rem;
    height: auto;
}

#modalNewsletter .newsletter .input-conteiner input{
    padding: 12px 16px;
    border-radius: 2rem !important;
}

.newsletter .botao{
    height: 100%;
}

.newsletter .newsletter-confirmacao{
    margin-top: 16px;
}

.newsletter .newsletter-confirmacao > span {
    margin-left: 0px !important;
    font-size: 18px !important;

/* Fotter */
#rodape {
    box-shadow: none !important;
    border-top: none;
}

html #rodape .rodape-inferior div:nth-of-type(2) {
    display: none !important;
    visibility: none !important;
    opacity: 0 !important;
}


.cores-personalizadas #barraNewsletter {
    border-bottom: 1px solid #c1c1c142;
}

#rodape .rodape-inferior,
html #rodape .rodape-inferior * {
    border-top: none !important;
    background: #000 !important;
    color: #fff !important;
}



/*responsivo */
@media (max-width: 1024px) {
    .newsletter .titulo{
        justify-content: center;
    }
}

@media (max-width: 767.98px) {

    /* home */
    .titulo-categoria.vitrine-destaque {
        margin: 0%;
    }

    body .titulo-categoria strong {
        font-size: 20px;
        line-height: 26px;
    }

    body .titulo-categoria strong p {
        margin-top: 1rem;
        font-size: 15px;
        line-height: 25px;
        padding: 0% 0%;
    }

    /* area loaga e carrinho */
    .tabela-carrinho .cupom-sucesso {
        padding-left: 0;
    }

    /* newsletter */
    #modalNewsletter .newsletter .titulo{
        font-size: 32px;
    }
    #modalNewsletter .newsletter .texto-newsletter{
        text-align: center;
    }
}