/* fonts */

@import url('https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap');

/* pre-header */

.barra-inicial {
    line-height: 31px;
    padding: 4px 0;
}
.barra-inicial .lista-redes * {
    color: #B701FF !important;
    font-size: 24px;
}
.barra-inicial .canais-contato * {
    font-size: 13px;
}
@media (max-width: 1170px) {
    .barra-inicial .lista-redes {
        width: 100%;
    }
    .barra-inicial .lista-redes ul {
        text-align: center;
    }
    .barra-inicial .lista-redes ul li {
        display: inline-block;
        float: none;
    }
    .barra-inicial .canais-contato {
        display: none;
    }
}

/* header */

#cabecalho:not(.fixed) > .conteiner > .row-fluid .logo a {
    height: auto;
}
#cabecalho:not(.fixed) > .conteiner > .row-fluid .logo a img {
    max-width: none;
    max-height: none;
}
@media (max-width: 768px) {
    #cabecalho:not(.fixed) > .conteiner > .row-fluid .logo a img{
    	width: calc(100% - 30px);
    	float: left;
    }
}
#cabecalho > .conteiner > .row-fluid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#cabecalho > .conteiner > .row-fluid .logo .menu-open {
    top: calc(50% - 12px);
}
#cabecalho > .conteiner > .row-fluid .conteudo-topo .busca-mobile input {
    border: 2px solid #000;
}
#cabecalho > .conteiner > .row-fluid .minha-conta-box * {
    color: #B701FF;
    font-size: 14px;
}
@media (max-width: 1030px) {
    #cabecalho > .conteiner > .row-fluid .minha-conta-box *{
        font-size: 10px;
        font-weight: 600;
    }
}
#cabecalho > .conteiner .menu ul li a * {
    color: #B701FF;
    font-size: 16px;
}

/* footer */

#rodape {
    border: 0;
}
#rodape > .institucional {
    padding: 0 0 34px;
    margin: 0;
}
#rodape > .institucional .conteiner:nth-child(1) .news {
    width: 100%;
    float: left;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media(max-width: 992px){
    #rodape > .institucional .conteiner:nth-child(1) .news{
    	padding: 30px 0;
    }
}
#rodape > .institucional .conteiner:nth-child(1) .news .msg {
    margin: 0;
    padding: 0;
}
@media(max-width: 992px){
    #rodape > .institucional .conteiner:nth-child(1) .news .msg{
    	width: 100%;
    }
}
#rodape > .institucional .conteiner:nth-child(1) .news .msg .icon svg {
    width: 125px;
    height: 125px;
    left: -60px;
    top: -55px;
}
@media(max-width: 992px){
    #rodape > .institucional .conteiner:nth-child(1) .news .msg .icon svg{
    	display: none;
    }
}
#rodape > .institucional .conteiner:nth-child(1) .news .msg span {
    color: #B701FF;
}
#rodape > .institucional .conteiner:nth-child(1) .news #formNews {
    margin: 0;
    padding: 0;
}
@media(max-width: 992px){
    #rodape > .institucional .conteiner:nth-child(1) .news #formNews{
    	width: 100%;
    }
}
#rodape > .institucional .conteiner:nth-child(1) .news #formNews .interno-conteudo .newsletter-cadastro {
    margin: 30px 0;
}
@media(max-width: 992px){
	#rodape > .institucional .conteiner:nth-child(1) .news #formNews .interno-conteudo .newsletter-cadastro{
    	margin: 30px 0 0 0;
    }
}
#rodape > .institucional .conteiner:nth-child(1) .news #formNews .interno-conteudo .newsletter-cadastro label {
    margin: 0;
}
#rodape > .institucional .conteiner:nth-child(1) .news #formNews .interno-conteudo .newsletter-cadastro label input {
    border: 2px solid #000;
    margin: 0 !important;
}
#rodape > .institucional .conteiner:nth-child(1) .news #formNews .interno-conteudo .newsletter-cadastro button {
    color: #B701FF;
}
#rodape > .institucional .conteiner:nth-child(1) .news #formNews .interno-conteudo .newsletter-cadastro button svg {
    fill: #B701FF;
}
#rodape > .institucional .conteiner:nth-child(1) .news #formNews .interno-conteudo .newsletter-confirmacao i {
    padding: 0 10px 10px;
}
#rodape > .institucional .conteiner:nth-child(1) .news ul {
    margin: 0;
    padding: 0;
}
#rodape > .institucional .conteiner:nth-child(1) .news ul li a {
    background: #B701FF;
    box-shadow: 0 0 0 0 #B701FF inset;
}
#rodape > .institucional .conteiner:nth-child(1) .news ul li a:hover {
    box-shadow: 0 0 0 21px #8100b3 inset;
}
#rodape > .institucional .conteiner:nth-child(1) .news::after {
    display: none;
}
#rodape > .institucional .conteiner:nth-child(2) {
    clear: both;
}
#rodape > .institucional .conteiner:nth-child(2) > .row-fluid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
#rodape > .institucional .conteiner:nth-child(2) > .row-fluid .span9 ul li {
    list-style: disc;
    padding: 0;
    margin: 0 0 0 16px;
}
#rodape > .institucional .conteiner:nth-child(2) > .row-fluid .span9 ul li::before {
    display: none;
}
#rodape > .institucional .conteiner:nth-child(2) > .row-fluid .span3 {
    display: none;
}
#rodape > .institucional .conteiner:nth-child(2) > .row-fluid .sobre-loja-rodape p{
    color: #B701FF;
}
#rodape > .pagamento-selos .conteiner > .row-fluid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.pagamento-selos + div p{
    color: #B701FF;
}

/* geral */

@media (min-width: 720px) {
    .mobile-only {
        display: none !important;
    }
}
@media (max-width: 720px) {
    .desktop-only {
        display: none !important;
    }
}
body:not(.pagina-inicial) #corpo {
    margin-top: 120px !important;
}
body .listagem-item .info-produto * {
    color: #B701FF !important;
}
body .listagem-item .info-produto .avise-me-list *{
    color: #fff !important;
}
body .listagem-item .info-produto .nome-produto {
    height: 50px !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
    text-transform: uppercase !important;
    margin: 0 0 30px;
}
@media(max-width: 992px){
    body .listagem-item .info-produto .nome-produto{
        font-size: 16px !important;
    	margin: 0 0 15px !important;
    }
}
body .listagem-item .info-produto .preco-produto .preco-venda {
    font-size: 20px !important;
}
@media(max-width: 992px){
    body .listagem-item .info-produto .preco-produto .preco-venda{
    	font-size: 16px !important;
    }	
}
body .listagem-item .info-produto .preco-produto .preco-venda::before {
    height: 2px;
}
body .listagem-item .info-produto .preco-produto .preco-promocional {
    font-size: 38px !important;
    margin: 10px 0 0;
}
@media(max-width: 992px){
    body .listagem-item .info-produto .preco-produto .preco-promocional{
    	font-size: 28px !important;
    }	
}
body .listagem-item .bandeira-promocao {
    width: 80px;
    height: 80px;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px !important;
    background: #B701FF !important;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
body.pagina-pagina #corpo .secao-principal .conteudo h1.titulo {
    color: #B701FF;
    font-size: 46px;
    margin: 0 0 80px -3px;
}
body.pagina-pagina #corpo .caixa-sombreada {
    box-shadow: none;
    padding: 0;
}
body #corpo .botao {
    background: #B701FF !important;
}
body #corpo .botao:hover {
    background: #8100b3 !important;
}
#modalContato .modal-header {
    color: #B701FF;
    margin: 30px 0 0;
}
#modalContato .modal-header .titulo {
    color: #B701FF;
    font-size: 32px;
    font-weight: 500;
}
.carrinho > a strong{
    background: #B701FF;
}

.fundo-principal, .botao.principal, .menu li:hover>a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu>li>a:hover, .filtro.lista ul li label:hover, .menu-simples li a:hover, .menu-simples li.active a{
    background: #B701FF;
}

ul li.categoria-paginas .nivel-dois{
	left: unset !important;
    right: 0 !important;
}

ul li.categoria-paginas{
	-webkit-order: 999;
    -ms-flex-order: 999;
    order: 999;
}
ul li.categoria-paginas a strong {
    font-size: 0 !important;
}
ul li.categoria-paginas a strong:after {
    content: 'EXTRAX';
    font-size: 16px !important;
    display: inline !important;
    line-height: 48px !important;
    vertical-align: middle !important;
}
.listagem-item.indisponivel .imagem-produto img{
    filter: none;
}

/* página - inicial/home */

body.pagina-inicial .secao-banners .banner.cheio{
	margin-top: 48px;
}
body.pagina-inicial .secao-banners .banner.cheio .slides li {
    padding: 0;
}
body.pagina-inicial .secao-banners .banner.cheio .slides li img {
    width: 100%;
    height: auto;    
    position: unset;
    transform: none;
}
body.pagina-inicial .secao-banners .banner.hidden-phone {
    margin: 0;
}
body.pagina-inicial .secao-banners .banner.hidden-phone .tarja {
    padding: 0;
}

/* categorias */

body.pagina-categoria #corpo .secao-principal > .coluna * {
    color: #B701FF;
}
body.pagina-categoria #corpo .secao-principal > .conteudo h1.titulo {
    color: #B701FF;
}
body.pagina-categoria .listagem-item .info-produto .nome-produto {
    font-size: 16px !important;
    margin: 0 0 15px !important;
}
body.pagina-categoria .listagem-item .info-produto .preco-produto .preco-venda {
    font-size: 16px !important;
}
body.pagina-categoria .listagem-item .info-produto .preco-produto .preco-promocional {
    font-size: 28px !important;
}
body.pagina-categoria .listagem-item .bandeira-promocao {
    width: 60px !important;
    height: 60px !important;
    font-size: 18px !important;
    line-height: 20px !important;
    margin: 0 !important;
}

/* produtos */

body.pagina-produto #corpo .produto > .row-fluid .span6:nth-child(1) .produto-compartilhar .lista-redes ul li a {
    background: #B701FF;
}
body.pagina-produto #corpo .produto > .row-fluid .span6:nth-child(2) .info-principal-produto h1.nome-produto {
    color: #B701FF;
    text-transform: uppercase;
}
body.pagina-produto #corpo .listagem-item .info-produto .nome-produto {
    font-size: 16px !important;
    margin: 0 0 15px !important;
}
body.pagina-produto #corpo .listagem-item .info-produto .preco-produto .preco-venda {
    font-size: 16px !important;
}
body.pagina-produto #corpo .listagem-item .info-produto .preco-produto .preco-promocional {
    font-size: 28px !important;
}
body.pagina-produto #corpo .listagem-item .bandeira-promocao {
    width: 60px !important;
    height: 60px !important;
    font-size: 18px !important;
    line-height: 20px !important;
    margin: 0 !important;
}
body.pagina-produto #corpo #descricao{
    margin: 0 0 30px 0;    
}
body.pagina-produto #corpo #descricao p{
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
}

/* carrinho */

body.pagina-carrinho #corpo h1.titulo {
    color: #B701FF;
    font-size: 42px;
    font-weight: 500;
    margin: 0 0 30px -3px;
}
body.pagina-carrinho #corpo h1.titulo small {
    color: #B701FF;
}

/* login */

body.pagina-login #corpo h1.titulo {
    color: #B701FF;
    font-size: 32px;
    font-weight: 500;
    margin: 0 0 30px -3px;
}
body.pagina-login #corpo h1.titulo small {
    color: #B701FF;
}

/* page-cuidadox */

body.page-cuidadox #corpo img {
    width: 100% !important;
    height: auto !important;
    margin: 15px 0;
}
body.page-cuidadox #corpo p {
    letter-spacing: 0.5px;
    line-height: 32px;
    margin: 30px 0;
}

/* page-baphobrasil */

@media (min-width: 1220px) {
    /*body.page-baphobrasil #corpo .conteudo > div > div {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 -30px;
    }*/
}
body.page-baphobrasil #corpo .conteudo > div > div p {
    /*font-family: 'Coming Soon', cursive !important;
    text-align: left !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 30px;*/
}
@media (min-width: 1220px) {
    /*body.page-baphobrasil #corpo .conteudo > div > div p {
        width: calc(100% / 5);
        margin: 30px 0 !important;
        padding: 0 30px !important;
    }*/
}