@font-face {
font-family: 'Neulis Cursive';
src: url('../fonts/neulis/NeulisCursive-Light.woff2') format('woff2'),
url('../fonts/neulis/NeulisCursive-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Neulis Cursive';
src: url('../fonts/neulis/NeulisCursive-Regular.woff2') format('woff2'),
url('../fonts/neulis/NeulisCursive-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Neulis Cursive';
src: url('../fonts/neulis/NeulisCursive-Medium.woff2') format('woff2'),
url('../fonts/neulis/NeulisCursive-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
body {
position: relative;
padding-top: 0;
padding-bottom:0;
color: #232323;
font-family: "Bricolage Grotesque", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
"wdth" 100;
}
.svg-icon-next,
.svg-icon-prev{
display: inline-block;
width: 13px;height: 24px;
background-position: center center;
background-repeat: no-repeat;
}
.svg-icon-prev{
background-image:url('data:image/svg+xml,')
}
.svg-icon-next{
background-image: url('data:image/svg+xml,');
}
/*---------------------------- pop-up idade --------- */
.white-popup-idade {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.white-popup-idade .btn{
width: 150px;
max-width: 100%;
}
/*---------------------------- Frase de Cabeçalho --------- */
/*---------------------------- redux panel outros-recursos- */
section.faixa-topo{
background-color: #fff;
}
section.faixa-topo > .container{
padding-top: 0px;
padding-bottom:0px;
}
section.faixa-topo p {
color: #fff;
text-transform: uppercase;
font-family: "Bricolage Grotesque", serif;
font-size: 14px;
}
section.faixa-topo .nav .nav-item .nav-link{
padding-left: 8px;
padding-right:8px;
}
section.faixa-topo .nav .nav-item .nav-link,
section.faixa-topo .nav .nav-item .nav-link i:before{
color:#fff;
}
section.faixa-topo .nav .nav-item .nav-link:hover,
section.faixa-topo .nav .nav-item .nav-link:hover i:before{
color:#fff;
}
@media (max-width: 768px) {
section.faixa-topo > .container{
padding-top: 5px;
padding-bottom:0px;
}
section.faixa-topo p{
font-size: 12px;
}
}
/*---------------------------- Header ------------------- */
.header .wrap-logo{
width: 280px;
max-width: 100%;
}
.header .wrap-logo a{
display: block;
width: 100%;
}
.header .herder-top > .container{
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 2px solid #fafafa;
}
.header .herder-top .wrap-busca{
width: 500px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.header .herder-top .wrap-busca form{
padding: 0;
width: 100%;
}
/* mega menu */
.header .header-bottom{
background-color: transparent;
}
.header .header-bottom > .container{}
.header-input-group{
width:200px;
}
.header-input-group .form-control{
border:1px solid #3D3C79;
border-right: 0px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.header-input-group .input-group-text{
border:1px solid #3D3C79;
background-color: #fff;
border-left: 0px;
cursor: pointer;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.header-input-group .form-control::placeholder{
color:#bdbfc1;
font-weight: 300;
font-family: "Bricolage Grotesque", serif;
}
.header-input-group .form-control::-moz-placeholder {
color:#bdbfc1;
font-weight: 300;
font-family: "Bricolage Grotesque", serif;
}
.header .list-wc{
text-align: center;
margin-top: 15px;
}
.header .list-wc > li {
padding-left: 15px;
padding-right: 15px;
}
.header .list-wc > li > .cart-link{
position: relative;
dispay: inline-block;
width: 25px;height: 25px;
}
.header .list-wc > li > .cart-link,
.header .list-wc > li > .cart-link:hover,
.header .list-wc > li > .cart-link:active{
text-decoration: none;
}
.header .list-wc > li > .cart-link > svg {
fill:#3D3C79;
}
.header .list-wc > li > .cart-link > div.cart-count{
position: absolute;
top:-5px;right: -5px;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 18px;height:18px;
border-radius: 50%;
overflow: hidden;
background-color:#3D3C79;
}
.header .list-wc > li > .cart-link > div.cart-count > span{
color:#fff;
display: inline-block;
line-height:100%;
font-size: 10px;
}
.header .dropdown-toggle{
text-decoration: none;
}
.header .dropdown-toggle:after{
margin-top: 8px;
border-top-color:#3D3C79;
}
.header .dropdown-toggle span.text-user{
color: #7e7e7e;
font-size: 14px;
line-height: 120%;
text-decoration: none;
}
.header .dropdown-toggle span.text-user{
text-decoration: none;
}
@media (max-width: 768px) {
.header{
display: none;
}
}
#mega-menu-wrap-wr_theme_main_menu #mega-menu-wr_theme_main_menu > li.mega-menu-item > a.mega-menu-link {
font-size: 18px;
font-family: 'Neulis Cursive', sans-serif;
font-weight: 500;
color: #515eaa;
}
#mega-menu-wrap-wr_theme_main_menu #mega-menu-wr_theme_main_menu > li.mega-menu-item > a.mega-menu-link:active,
#mega-menu-wrap-wr_theme_main_menu #mega-menu-wr_theme_main_menu > li.mega-menu-item > a.mega-menu-link:hover{
font-weight: 500;
color: rgb(76, 90, 168);
}
/*---------------------------- Header/Mini --------------- */
.header-mini .wrap-logo{
width: 270px;
max-width: 100%;
}
.header-mini .wrap-logo a{
display: block;
width: 100%;
}
.header-mini > .container{
padding-top: 5px;
padding-bottom:5px;
}
.header-mini .wrap-busca{
width: 500px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.header-mini .wrap-busca form{
padding: 0;
width: 100%;
}
.header-mini .header-input-group{
width:200px;
}
.header-mini .header-input-group .form-control{
border:1px solid #3D3C79;
border-right: 0px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.header-mini .header-input-group .input-group-text{
border:1px solid #3D3C79;
background-color: #fff;
border-left: 0px;
cursor: pointer;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.header-mini .header-input-group .form-control::placeholder{
color:#bdbfc1;
font-weight: 300;
font-family: "Bricolage Grotesque", serif;
}
.header-mini .header-input-group .form-control::-moz-placeholder {
color:#bdbfc1;
font-weight: 300;
font-family: "Bricolage Grotesque", serif;
}
.header-mini .list-wc{
text-align: center;
margin-top: 15px;
}
.header-mini .list-wc > li {
padding-left: 15px;
padding-right: 15px;
}
.header-mini .list-wc > li > .cart-link{
position: relative;
dispay: inline-block;
width: 25px;height: 25px;
}
.header-mini .list-wc > li > .cart-link,
.header-mini .list-wc > li > .cart-link:hover,
.header-mini .list-wc > li > .cart-link:active{
text-decoration: none;
}
.header-mini .list-wc > li > .cart-link > svg {
fill:#3D3C79;
}
.header-mini .list-wc > li > .cart-link > div.cart-count{
position: absolute;
top:-5px;right: -5px;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 18px;
height:18px;
border-radius: 50%;
overflow: hidden;
background-color:#3D3C79;
}
.header-mini .list-wc > li > .cart-link > div.cart-count > span{
color:#fff;
display: inline-block;
line-height:100%;
font-size: 10px;
}
.header-fixed{
display: block;
position: fixed;
width: 100%;
height: auto;
top: -100%;
left: 0;
z-index: 1100;
background-color: #fff;
transition: all 0.250s ease-in-out;
}
.header-fixed.visiable-header{
top: 0px;
}
.header-mini .dropdown-toggle{
text-decoration: none;
}
.header-mini .dropdown-toggle:after{
margin-top: 8px;
border-top-color:#3D3C79;
}
.header-mini .dropdown-toggle span.text-user{
color: #7e7e7e;
font-size: 14px;
line-height: 120%;
text-decoration: none;
}
.header-mini .dropdown-toggle span.text-user{
text-decoration: none;
}
#mega-menu-wrap-wr_theme_mobile_menu #mega-menu-wr_theme_mobile_menu > li.mega-menu-item > a.mega-menu-link{
font-size: 18px;
font-family: 'Neulis Cursive', sans-serif;
font-weight: 500;
color: #515eaa;
}
#mega-menu-wrap-wr_theme_mobile_menu #mega-menu-wr_theme_mobile_menu > li.mega-menu-item > a.mega-menu-link:active,
#mega-menu-wrap-wr_theme_mobile_menu #mega-menu-wr_theme_mobile_menu > li.mega-menu-item > a.mega-menu-link:hover{
color: #515eaa;
}
@media (max-width: 768px) {
.header-fixed.visiable-header{
top:-100%;
}
}
/*---------------------------- Header-Mobile ------------ */
.header-mobile{
display: none;
position:fixed;
width :100%;
height :60px;
left: 0;
top: 0;
background-color: #fff;
z-index: 1029;
}
.header-mobile .mb-navbar{
position: relative;
width :500px;
height :60px;
max-width: 100%;
margin: 0 auto;
}
.header-mobile a.hmb-toogle-menu{
height: 100%;
width: 60px;
background-color: #636db2;
}
.header-mobile a.hmb-logo{
width: 150px;
height: 60px;
}
.header-mobile .hmb-search{
width: 48px;
cursor: pointer;
}
.header-mobile .hmb-account{
width: 48px;
cursor: pointer;
}
.header-mobile .hmb-cart{
width: 48px;
cursor: pointer;
}
/* container de busca mobile */
.hmb-search-content{
position: fixed;
display: none;
padding-top:60px;
height : 100vh;
width: 100%;
z-index: 1000;
background-color: rgba(240,240,240,.95);
top: 0;left: 0;
}
.hmb-search-content.collapsing{
transition: none !important;
}
.hmb-search-content.show,
.hmb-search-content.collapse.show{
display: block;
}
.hmb-search-content .wrap-busca{
width: 400px;
max-width: 90%;
}
.hmb-search-content .header-input-group{
width:200px;
}
.hmb-search-content .header-input-group .form-control{
border:1px solid #3D3C79;
border-right: 0px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.hmb-search-content .header-input-group .input-group-text{
border:1px solid #3D3C79;
background-color: #fff;
border-left: 0px;
cursor: pointer;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.hmb-search-content .header-input-group .form-control::placeholder{
color:#bdbfc1;
font-weight: 300;
font-family: "Bricolage Grotesque", serif;
}
.hmb-search-content .header-input-group .form-control::-moz-placeholder {
color:#bdbfc1;
font-weight: 300;
font-family: "Bricolage Grotesque", serif;
}
/* container para o menu mobile */
.hmb-menu-content{
display: none;
position: fixed;
padding-top:20px;
height : 100vh;
width: 100%;
z-index: 1000;
background-color: rgba(240,240,240,.95);
top: 0;left: 0;
}
.hmb-menu-content.collapsing{
transition: none !important;
}
.hmb-menu-content.show,
.hmb-menu-content.collapse.show{
display: block;
}
#mega-menu-wr_theme_mobile_menu li:first-child{
padding-top: 25px !important;
}
#mega-menu-wrap-wr_theme_mobile_menu #mega-menu-wr_theme_mobile_menu > li.mega-menu-item > a.mega-menu-link{
font-size: 18px;
font-family: 'Neulis Cursive', sans-serif;
font-weight: 500;
color: #515eaa;
}
#mega-menu-wrap-wr_theme_mobile_menu #mega-menu-wr_theme_mobile_menu > li.mega-menu-item > a.mega-menu-link:active,
#mega-menu-wrap-wr_theme_mobile_menu #mega-menu-wr_theme_mobile_menu > li.mega-menu-item > a.mega-menu-link:hover{
color: #515eaa;
}
@media(max-width: 768px){
.header-mobile{
display: block !important;
}
}
@media (min-width: 769px) {
.hmb-search-content.show,
.hmb-search-content.collapse.show{
display: none;
}
}
/*---------------------------- Header/Cart ---------------*/
.header-cart{
border-bottom:2px solid #3D3C79;
}
.header-cart > .container{
padding-top: 5px;
padding-bottom:5px;
}
.header-cart .site-logo{
width: 170px;
max-width: 100%;
}
.header-cart .img-ssl{
width: 120px;
display: inline-block;
}
.header-cart .label{
color: #232323;
font-size: 16px;
font-weight: 600;
font-family: "Open Sans", sans-serif;
}
@media (max-width: 768px){
.header-cart .label{
font-size: 14px;
}
.header-cart .img-ssl{
width: 100px;
}
.header-cart .site-logo{
width: 150px;
max-width: 100%;
}
}
/*---------------------------- Banner -------------------- */
.shop-banner > .container-fluid{
padding-left:0px;
padding-right:0px;
}
/*---------------------------- Mega Menu ----------------- */
/*---------------------------- Navbar-Topo --------------- */
/*
.navbar-wr{
background-color: #fff;
}
.navbar-wr > .container{
width: 1300px;
max-width: 100%;
}
.shop-nav .navbar-brand,
.navbar-wr .navbar-brand {
width: 250px;
height: 130px;
display: flex;
max-width: 100%;
flex-direction: column;
justify-content: center;
}
.navbar-wr .navbar-brand span{
text-transform: uppercase;
}
.navbar-wr .navbar-brand span:first-letter{
font-weight: bold;
font-size: 140%;
}
.navbar-wr .navbar-nav .nav-item .nav-link{
color:#606062;
font-size: 16px;
letter-spacing: 1px;
font-weight: 400;
text-transform: none;
}
.navbar-wr .navbar-nav .nav-item .nav-link > span{
padding: 4px 10px 2px 10px;
display: inline-block;
}
.navbar-wr .navbar-nav .nav-item .nav-link > span,
.navbar-wr .navbar-nav .nav-item .nav-link:hover > span,
.navbar-wr .navbar-nav .nav-item .nav-link:focus > span{
color: #562551;
}
.navbar-wr .navbar-nav .nav-item.active .nav-link > span,
.navbar-wr .navbar-nav .nav-item.active .nav-link:hover > span,
.navbar-wr .navbar-nav .nav-item.active .nav-link:focus > span{
color: #fff;
background-color: #562551;
}
*/
.list-social{
width:auto;
}
.list-social > li{
display: inline-flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.list-social > li:last-child{
margin-right: 0px;
}
.list-social > li > a svg{
fill:#3D3C79;
}
.list-social > li > a{
display: inline-flex;
width: auto;
height: 30px;
}
.list-social > li > a.link-whats{
width: 30px;
}
.list-social li > .navbar-account-button a svg path{
stroke:#3D3C79;
}
a.hmb-account svg path{
stroke:#3D3C79;
}
.navbar-account-button .txt-cadastro{
color: #595959;
font-size: 14px;
line-height: 120%;
}
.navbar-account-button .txt-cadastro a{
color: #595959FF;
font-weight: 500;
display: inline-block;
text-decoration: none;
}
/*
.list-social li > .navbar-account-button {
display: block;
}
.list-social li > .navbar-account-button .dropdown-toggle::after {
content: none;
}
.list-social li > .navbar-account-button a,
.list-social li > .navbar-account-button a:hover,
.list-social li > .navbar-account-button a:focus{
text-decoration: none;
}
.list-social li > .navbar-account-button a span{
color:#3D3C79;
}
.list-social li > .navbar-account-button a svg{
fill:#3D3C79;
}*/
/*
.list-social li > .navbar-account-button{
padding-left: 5px;
padding-right: 5px;
}
.list-social li > a.navbar-account-button > span{
color:#562551;
font-weight: 400;
line-height: 100%;
text-decoration: none;
}
.list-social li > .navbar-account-button > a{
color:#562551;
font-weight: 400;
text-decoration: none;
}
.list-social li > .navbar-account-button > a > svg{
fill:#562551;
}
.list-social li .navbar-account-button{
min-height: 30px;
}*/
/*
.navbar-sm > .container{
position: relative;
}
.wrap-list-social{
display: inline-block;
position: absolute;
height: 30px;
width: auto;
top: 10px;right: 120px;
}
.navbar-wr .list-wc{
text-align: center;
margin-top: 15px;
}
.navbar-wr .list-wc > li {
padding-left: 15px;
padding-right: 15px;
}
.navbar-wr .list-wc > li > .cart-link{
position: relative;
dispay: inline-block;
width: 25px;height: 25px;
}
.navbar-wr .list-wc > li > .cart-link,
.navbar-wr .list-wc > li > .cart-link:hover,
.navbar-wr .list-wc > li > .cart-link:active{
text-decoration: none;
}
.navbar-wr .list-wc > li > .cart-link > svg {
fill:#562551;
}
.navbar-wr .list-wc > li > .cart-link > div.cart-count{
position: absolute;
top:-5px;right: -5px;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 18px;height:18px;
border-radius: 50%;
overflow: hidden;
background-color:rgba(0,0,0,.5);
}
.navbar-wr .list-wc > li > .cart-link > div.cart-count > span{
color:#fff;
display: inline-block;
line-height:100%;
font-size: 10px;
}
*/
/*
.navbar-wr .navbar-toggler {
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition);
}
@media(max-width: 768px){
.navbar .navbar-nav{
border-top: 1px solid #ccc;
}
.navbar .navbar-nav .nav-item .nav-link{
text-transform: uppercase;
text-align: center;
}
.shop-nav .navbar-brand,
.navbar-wr .navbar-brand {
max-width: 100%;
width: 180px;
display: flex;
flex-direction: column;
justify-content: center;
}
}*/
/*----------------------------- Mobile-Navbar/Busca ------------------*/
/*
.navbar-sm,.busca-sm{
display:none;
}
.busca-sm > .container{
width: 400px;
max-width: 100%;
}
.form-busca-sm{
display: block;
width: 100%;
}
.form-busca-sm .navbar-input-group{
width:100%;
}
.navbar-sm .navbar-brand{
width: 100px;
}
.navbar-sm .navbar-toggler {
border-color:#000;
}
.navbar-sm .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-sm .navbar-toggler:active,
.navbar-sm .navbar-toggler:focus,
.navbar-sm .navbar-toggler-icon:focus,
.navbar-sm .navbar-toggler:active{
outline: none;
box-shadow: none;
border-color: #000;
}
*/
/*.navbar-sm .navbar-account-button, */
/*
.navbar-sm .navbar-cart-button{
display: inline-block;
width: 1.5em;
height: 1.5em;
position: relative;
}
.navbar-sm .navbar-cart-button > .cart-count{
position: absolute;
top:-5px;right: -5px;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20px;height: 20px;
border-radius: 50%;
overflow: hidden;
background-color:rgba(0,0,0,.5);
}
.navbar-sm .navbar-cart-button > .cart-count > .qtd-items-cart{
color:#fff;
display: inline-block;
line-height: 100%;
font-size: 10px;
}*/
/*
.menu-area-lg .navbar-account-button a,
.navbar-sm .navbar-account-button a{
color: rgb(77, 77, 77);
text-decoration: none;
}
.menu-area-lg .navbar-account-button a svg,
.navbar-sm .navbar-account-button a svg,
.navbar-sm .navbar-cart-button > svg{
fill: rgb(77, 77, 77);
}*/
@media(max-width: 992px){
body {
padding-top: 0px;
}
.busca-sm,
.navbar-sm {
display: block;
}
.faixa-top,.menu-area-lg{
display: none;
}
}
@media(max-width: 768px) {
body {
padding-top: 65px;
}
}
/*----------------------------- LOJA --------------------------------*/
.nav-categorias{
background-color: #232323;
}
.nav-categorias > li.nav-item > a.nav-link{
color:#fff;
border-radius: 0;
font-size: 16px;
text-transform: uppercase;
background-color: transparent;
}
.nav-categorias > li.nav-item > a.nav-link:hover,
.nav-categorias > li.nav-item > a.nav-link:focus,
.nav-categorias > li.nav-item.active > a.nav-link{
background-color: #3D3C79;
}
.loja-wc {
display: inline-block;
width:100%;
}
.loja-wc > .container,
.loja-wc > .site-main .container{
padding-top: 25px;
}
@media(max-width: 768px){
.nav-categorias{
display:flex;
flex-direction: column;
}
.nav-categorias > li.nav-item{
width:100%;
display: block;
}
}
/*-------------------------------------------------------------*/
.faixa-top{
background-color: #3D3C79;
}
.faixa-top .nav-user > .nav-item > a{
display:flex;
justify-content: flex-start;
align-items: center;
text-decoration: none;
}
.faixa-top .nav-user > .nav-item > a > .icon-svg{
margin-right: 5px;
}
.faixa-top .nav-user > .nav-item > a > .icon-svg svg{
fill:#fff;
width: 20px;
height: 20px;
}
.faixa-top .nav-user > .nav-item > a > span:last-child{
color:#fff;
font-size: 14px;
font-family: "Bricolage Grotesque", serif;
margin-top: 3px;
}
.read-more-wrap{
display: block;
text-align: center;
width: 100%;
padding-top: 25px;
}
a.read-more-btn{
color:#181818;
font-size: 17px;
padding: 5px 10px;
border-radius: 4px;
display: inline-block;
text-decoration: none;
background-color: #f0f0f0;
}
a.read-more-btn > span{
display: inline-block;
width: 20px;
height: 20px;
margin-left: 5px;
}
a.read-more-btn > span > svg{
fill: #808080;
}
a.read-more-btn:hover{
text-decoration: underline;
}
/*---------------------------- Banner principal --------------- */
.wr-main-slider{
position: relative;
background: rgba(236,243,241,1);
background: -moz-linear-gradient(top, rgba(236,243,241,1) 0%, rgba(236,243,241,1) 35%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,243,241,1)), color-stop(35%, rgba(236,243,241,1)), color-stop(35%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(236,243,241,1) 0%, rgba(236,243,241,1) 35%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(236,243,241,1) 0%, rgba(236,243,241,1) 35%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(236,243,241,1) 0%, rgba(236,243,241,1) 35%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(236,243,241,1) 0%, rgba(236,243,241,1) 35%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
}
.wr-main-slider > .container{
width: 1500px;
max-width: 100%;
padding-top:40px;
}
@media(max-width: 768px){
.wr-main-slider{
padding: 0;
}
.wr-main-slider > .container{
padding-left: 10px;
padding-right: 10px;
}
}
/*---------------------------- Página home ----------------------- */
.home-last-posts{
background-color: #fff;
}
.home-last-posts > .container{
width: 1300px;
max-width: 100% !important;
padding-top: 50px;
padding-bottom: 50px;
}
.home-last-posts .s-header{
min-height: 50px;
margin-bottom: 1.8em;
}
.home-last-posts .s-header h3{
color: #262626;
text-align: center;
/*font-weight: bold;
font-family: 'Syne';*/
text-transform: uppercase;
font-weight: 600;
font-family: "Bricolage Grotesque", serif;
}
.home-last-posts .s-header p{
color: #797979;
font-size: 1em;
font-weight: normal;
}
.row-prods .prod-card{
padding: 0px;
width: 100%;
max-width: 460px;
margin: 0 auto;
}
.row-prods .prod-card a,
.row-prods .prod-card a:hover,
.row-prods .prod-card a:active{
text-decoration: none;
}
.row-prods .prod-card .prod-img > img{
width: 100%;
}
.row-prods .prod-card .prod-title{
width: 100%;
min-height: 80px;
}
.row-prods .prod-card .prod-title > p{
padding: 15px 15px 15px 25px;
color: #262626;
font-size: 18px;
font-weight: 500;
font-family: "Bricolage Grotesque", serif;
}
@media (max-width: 768px) {
.row-prods .prod-card{
padding: 0px;
width: 100%;
max-width:320px;
margin: 0 auto;
}
}
/*---------------------------- Clientes - Pág. Home ---------------------------- */
.home-clientes{
margin-bottom: 25px;
background-color: #fff;
}
.home-clientes > .container{
width: 1300px;
max-width: 100%;
padding-bottom: 25px;
}
.home-clientes .section-header{
padding-top: 50px;
padding-bottom: 25px;
}
.home-clientes .section-header h3{
color: #1a1e21;
font-family: "Bricolage Grotesque", serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.home-clientes .grid-clientes{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
}
.home-clientes .grid-clientes > div{
width: 180px;
padding: 15px;
}
.home-clientes .grid-clientes > div > img{
display: block;
max-width: 100%;
}
@media(max-width: 768px){
.home-clientes .grid-clientes > div{
width: 33.3332%;
}
}
@media(max-width: 450px){
.home-clientes .grid-clientes > div{
width: 50%;
}
}
/*---------------------------- Faixa- Rodpé/Whats ---------------------------- */
.call-whats{
background-color:#ecf3f1;
margin-bottom: 20px;
}
.call-whats > .container{
width: 800px;
max-width: 100%;
padding-top:45px;
padding-bottom:40px;
}
.call-whats .whats-grid{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
}
.call-whats .whats-grid a.icon{
display: inline-block;
position: relative;
width: 45px;height:45px;
margin-left:15px;
}
.call-whats .whats-grid a.icon svg{
fill:#3D3C79;
position: absolute;
top:-5px;left: 0;
}
.call-whats .whats-grid a.btn{
color:#3D3C79;
font-size: 1.2em;
border-radius: 1.2rem;
/*font-family: 'Syne';
font-weight: bold; */
border: 3px solid #3D3C79;
padding-left: 25px;
padding-right: 25px;
font-family: "Bricolage Grotesque", serif;
}
.whats-grid .label{
padding: 10px 10px 10px 10px;
color:#262626;
font-size: 1.4em;
font-family: "Bricolage Grotesque", serif;
font-weight: bold;
font-style: italic;
margin-right: 25px;
display: inline-block;
text-align: center;
}
.whats-grid .content-button{
display: flex;
flex-direction: row;
justify-content: center;
}
@media(max-width: 768px){
.call-whats .whats-grid{
flex-direction: column;
}
.call-whats .whats-grid > .label{
width: 100%;
}
.call-whats .whats-grid .content-button{
width: 100%;
justify-content: center;
align-items: center;
}
}
/*--------------------------- Páginas -------------------------- */
.generic-page > .container{
width: 1150px;
max-width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.generic-page{
/* font-family: "Bricolage Grotesque", serif; */
}
.generic-page h1{
color: #3D3C79;
text-align: center;
font-size: 1.9em;
margin-bottom: 25px;
text-transform: uppercase;
font-family: 'Neulis Cursive', sans-serif;
}
.generic-page h2{
color: #3D3C79;
font-size: 1.5em;
margin-top: 15px;
margin-bottom: 20px;
font-family: "Bricolage Grotesque", serif;
}
.generic-page h3{
color: #3D3C79;
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 15px;
font-family: "Bricolage Grotesque", serif;
}
.generic-page h4{
color: #3D3C79;
font-size: 17px;
margin-top: 10px;
margin-bottom: 15px;
font-family: "Bricolage Grotesque", serif;
}
.generic-page table tr td{
color: #606062;
font-size: 17px;
font-weight: 400;
}
.generic-page p a,
.generic-page p a:hover,
.generic-page p a:focus,
.generic-page ul li,
.generic-page ol li,
.generic-page p{
color: #606062;
font-weight: 400;
font-size: 17px;
font-family: "Bricolage Grotesque", serif;
}
.generic-page p strong{
font-weight: 600;
}
@media (max-width: 768px) {
.generic-page > .container{
padding-top: 50px;
padding-bottom: 50px;
}
}
/*--------------------------- Pág. Internas -------------------------- */
.pg-interna > .container{
width: 1150px;
max-width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.pg-interna h1{
color: #3D3C79;
text-align: center;
font-size: 1.9em;
margin-bottom: 25px;
text-transform: uppercase;
font-family: 'Neulis Cursive', sans-serif;
}
.pg-interna h2{
color: #3D3C79;
font-size: 1.5em;
margin-top: 15px;
margin-bottom: 20px;
font-family: 'Neulis Cursive', sans-serif;
}
.pg-interna h3{
color: #3D3C79;
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 15px;
font-family: 'Neulis Cursive', sans-serif;
}
.pg-interna h4{
color: #3D3C79;
font-size: 17px;
margin-top: 10px;
margin-bottom: 15px;
font-family: 'Neulis Cursive', sans-serif;
}
.pg-interna table tr td{
color: #606062;
font-size: 17px;
font-weight: 400;
}
.pg-interna p a,
.pg-interna p a:hover,
.pg-interna p a:focus,
.pg-interna ul li,
.pg-interna ol li,
.pg-interna p {
color: #4b4b4d;
font-weight: 400;
font-size: 15px;
font-family: "Bricolage Grotesque", serif;
line-height: 170%;
}
.pg-interna table thead td{
background-color: #fafafa;
}
.pg-interna table thead td,
.pg-interna table tbody td{
padding: 10px;
font-size: 15px;
border: 1px solid #f0f0f0;
}
.pg-interna table td strong{
font-weight: 500;
}
.pg-interna p strong{
font-weight: 500;
}
/*--------------------------- Pág.Sobre nós -------------------------- */
.sobre-nos{
background-image: url('../img/owla-sobre-left.png');
background-repeat: no-repeat;
background-position: left center;
background-size: auto,1000px;
}
.sobre-nos > .container{
padding-top: 150px;
min-height: 1000px;
}
.sobre-nos h1.title{
color: #3D3C79;
font-size: 1.8em;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 50px;
font-family: "Bricolage Grotesque", serif;
}
.sobre-nos h2,
.sobre-nos h3{
color: #3D3C79;
font-family: "Bricolage Grotesque", serif;
font-weight: bold;
font-style: italic;
margin-bottom: 25px;
}
.sobre-nos p{
margin-bottom: 20px;
}
.sobre-nos p a,
.sobre-nos ul li,
.sobre-nos ol li,
.sobre-nos p{
color: #3D3C79;
font-size: 24px;
line-height:135%;
font-weight: 400;
font-style: normal;
font-family: "Bricolage Grotesque", serif;
}
@media(max-width: 1060px){
.sobre-nos{
background-image: none;
}
.sobre-nos > .container{
padding-top:100px;
min-height: 600px;
}
}
/*-----------------------Header. Pág. Artigos e Pag. Posts ------- */
.wrap-header{
position: relative;
display: block;
}
/*-------------------------- Pág. Post ------------------------------ */
.single-post .post-content{
width: 860px;
max-width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.post-content p,
.post-content h1,
.post-content h2,
.post-content h4,
.post-content h5,
.post-content h3{
color: #111111;
}
.post-content p{
font-size: 18.5px;
line-height: 30px;
}
.post-content .wp-block-image{
display: block;
padding:15px 0px 15px 0px;
}
.post-content .wp-block-image .size-full{
width: 100%;
}
.post-content .wp-block-image .aligncenter{
text-align: center;
}
.post-content .figcaption{
padding: 5px;
font-size: 13.5px;
}
.posts-relacionados h4{
color: #fff;
font-size: 16px;
font-weight: 400;
border-radius: 10px;
display: inline-block;
background-color:#545f6c;
margin-bottom: 25px;
padding: 10px 20px 10px 20px;
}
.posts-relacionados > .container{
padding-bottom: 25px;
padding-bottom: 25px;
}
/*--------------------------- Pág. Search -------------------------- */
.search-posts .container{
padding-top: 30px;
padding-bottom: 30px;
min-height: 600px;
}
.search-posts h4{
color: #0f0f0f;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 15px;
}
.search-posts h2{
color: #7a7a7a;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 15px;
}
.search-posts h2 > span{
color: #ababab;
}
/*--------------------------- Pág. Contato-------------------------- */
.contato{
min-height: 700px;
}
.contato .container{
width: 900px;
max-width: 100%;
padding-bottom: 50px;
}
.contato .content-top{
padding-top:50px;
padding-bottom: 30px;
}
.contato .content-top h1{
color: #3D3C79;
margin-bottom: 30px;
text-transform: uppercase;
text-align: center;
font-weight: 600;
font-family: "Bricolage Grotesque", serif;
}
.contato label.error{
color: #b02a37;
font-size: 13px;
}
.contato .form-control {
font-size: 1rem;
color: #3D3C79;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #3D3C79;
border-radius:0px;
transition: border-color 0.15s ease-in-out;
}
.contato .form-control:focus {
color: #3D3C79;
background-color: #fff;
border-color: #3D3C79;
outline: 0;
box-shadow: none;
}
.contato .texto,
.contato .texto p{
font-size: 20px;
color: #3D3C79;
font-weight: 400;
font-family: "Bricolage Grotesque", serif;
}
.contato .texto p{
text-align: right;
margin-bottom: 20px;
}
.contato .texto{
padding-right: 20px;
}
.contato .form-control::-moz-placeholder {
color: #444444;
opacity: 1;
}
.contato .form-control::placeholder {
color: #444;
opacity: 1;
}
@media(max-width: 768px){
.contato .texto{
padding-right:0px;
}
.contato{
min-height: 300px;
}
.contato .texto p{
text-align: left;
margin-bottom: 15px;
}
}
/*--------------------------- Produtos --------------------------------- */
#product-grid {
background: #f7f7f7;
border-radius: 5px;
padding: 15px;
margin-bottom: 25px;
}
.produtos .section-header{
display: block;
}
.produtos .section-header > .container{
padding-top: 100px;
padding-bottom:50px;
}
.produto .section-header h2{
color: #3D3C79;
margin-bottom: 30px;
text-transform: uppercase;
text-align: center;
}
.produtos .section-header h1{
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.produtos .section-header .texto,
.produtos .section-header .texto p{
font-size: 22px;
line-height: 140%;
font-family: "Bricolage Grotesque", serif;
}
.produtos .section-header .texto p{
color:#606062;
}
.produtos .section-header > .container,
.produtos .item-produto > .container{
width: 1300px;
max-width: 100%;
}
.produtos .item-produto{
margin-bottom:30px;
}
.produtos .item-produto > .container{
padding-bottom: 25px;
padding-top: 25px;
}
.produtos .item-produto .col-inner{
min-height: auto;
}
.produtos .item-produto h3{
color: #3D3C79;
font-weight: 500;
font-style: normal;
margin-bottom: 25px;
text-transform: uppercase;
font-family: "Bricolage Grotesque", serif;
}
.produtos .item-produto .texto p{
font-size: 17px;
color: #606062;
font-style: normal;
font-weight: 400;
font-family: "Bricolage Grotesque", serif;
}
.produtos .item-produto .container{
position: relative;
}
.produtos .item-produto .container:before{
position: absolute;
content: " ";
bottom: 0;
left: 1%;
width: 98%;
border-bottom: 2px solid transparent;
}
.produtos .item-produto > .container{
border-bottom: 2px solid #f0f0f0;
}
.produtos .item-produto:last-child > .container{
border-bottom: 0px solid transparent;
}
.produtos .item-produto .product-thumb{
display: block;
width: 380px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1199px){
.produtos .item-produto .product-thumb,
.produtos .item-produto .texto{
display: block;
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 768px){
.produtos .item-produto .product-thumb{
display: block;
width: 350px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.produtos .item-produto .col-inner{
min-height: 50px;
}
}
/*--------------------------- Produto --------------------------------- */
.produto .section-header{
display: block;
}
.produto .section-header > .container{
padding-top: 100px;
padding-bottom:30px;
width: 1200px;
max-width: 100%;
}
.produto .section-header h2
.produto .section-header .texto,
.produto .section-header .texto p{
font-family: "Bricolage Grotesque", serif;
font-weight: bold;
font-style: normal;
}
.produto .section-header h2{
color: #3D3C79;
text-align: center;
text-transform: uppercase;
margin-bottom: 25px;
font-weight: 600;
}
.produto .section-header .texto p{
font-size: 18px;
color: #3D3C79;
font-weight: 500;
}
.produto .section-images > .container{
position: relative;
padding-top: 25px;
padding-bottom: 50px;
}
.produto .section-images > .container:before{
content: " ";
position: absolute;
top: 0;left: 1%;
width: 98%;
}
.produto .section-images > .container.border-teal:before{
border-top: 2px solid #c3dbd5;
}
.produto .section-images > .container.border-pink-light:before{
border-bottom: 2px solid #fde8e7;
}
.produto .section-images > .container.border-pink:before{
border-top: 2px solid #3D3C79;
}
.single-product .texto {
margin: 30px 0;
}
.single-product .texto table {
text-align: center;
width: 100%;
}
.single-product .texto table thead {
border-bottom: 1px solid #ececec;
}
.single-product .texto table th {
padding-bottom: 10px;
font-size: 16px;
}
.single-product .texto table td {
padding: 6px 0;
font-size: 15px;
}
/*--------------------------- Slider-products -------------------------------*/
.header-slider-products a {
color: #4275B9;
display: inline-block;
min-width: 270px;
padding: 10px 20px 10px 20px;
background-color: #fafafa;
font-size: 35px;
text-decoration: none;
font-weight: 600;
width: 100%;
text-align: center;
border-radius: 30px;
margin-bottom: 20px;
font-family: "Bricolage Grotesque", serif;
}
.header-slider-products a:hover,
.header-slider-products a:active,
.header-slider-products a:focus{
color: #4275B9;
text-decoration: none;
}
/*--------------------------- Owl-products --------------------------------- */
.wrap-slider-products{
position: relative;
display: none;
}
.owl-products .owl-prev,
.owl-products .owl-next
{
position: absolute;
}
.owl-products .owl-prev{
left: -30px;
top: 50%;
transform: translateY(-50%);
background-color: transparent !important;
outline: none !important;
}
.owl-products .owl-next{
right: -30px;
top: 50%;
transform: translateY(-50%);
background-color: transparent !important;
outline: none !important;
}
.woocommerce ul.products.columns-1.owl-carousel li.product,
.woocommerce-page ul.products.columns-1.owl-carousel li.product{
width: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 480px;
margin-right: 0% !important;
margin-left:0% !important;
}
.woocommerce ul.products[class*=columns-].owl-products li.product,
.woocommerce-page ul.products[class*=columns-].owl-products li.product{
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 480px;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
@media(max-width: 768px){
.owl-products{
padding-right:0px;
padding-left: 0px;
}
}
@media(max-width: 570px){
.owl-products .owl-dots{
position: relative;
left:auto;right:auto;bottom:auto;
text-align: center;
}
}
/*--------------------------- Footer--------------------------------- */
.footer{
background-color: #ededee;
}
.footer > .container{
padding-top: 70px;
padding-bottom:30px;
}
.footer .logo{
display: block;
width: 180px;
max-width: 100%;
}
.footer h4.widget-title,
.footer .nav-content h4{
color: #4b4b4d;
position: relative;
padding-bottom:15px;
font-size: 17px;
text-transform: none;
font-family: 'Neulis Cursive', sans-serif;
font-weight: 600;
}
.footer .nav-content h4:before{
content:" ";
width:30px;
position: absolute;
left: 0;bottom:0;
border-bottom: 2px solid #dcdbdb;
}
.footer .menu{
width: 100%;
padding-left: 0px;
list-style: none;
}
.footer .menu > li {
display: block;
list-style: none;
}
.footer .menu > li > a{
display: block;
color: #4b4b4d;
font-size: 14px;
font-weight: 300;
padding-top:5px;
padding-bottom:4px;
text-decoration: none;
font-family: "Bricolage Grotesque", serif;
}
.footer .widget-last p{
color: #3D3C79;
line-height: 130%;
font-size: 17px;
font-weight: 300;
text-decoration: none;
font-family: "Bricolage Grotesque", serif;
}
.footer .widget-last p > a{
color:#4b4b4d;
font-weight: 300;
text-decoration: none;
}
.footer .widget-last p > a:hover{
color:#4b4b4d;
text-decoration: none;
}
.footer .widget-last p > b{
font-family: "Bricolage Grotesque", serif;
}
.footer .texto {
color: #4b4b4d;
margin-bottom: 25px;
font-size: 14px;
}
.footer .texto a {
font-size: 14px;
color: #4b4b4d;
text-decoration: none;
}
.footer .nav-social li{
margin-right: 6px;
}
.footer .nav-social li:last-child{
margin-right: 0px;
}
.footer .nav-social li a.nav-link {
position: relative;
border-radius:50%;
height: 38px;
width: 38px;
border: 1px solid transparent;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.footer .nav-social li a.nav-link i{
}
.footer .nav-social li a.nav-link i:before {
color: #3D3C79;
}
.footer .nav-social li a.nav-link:hover {
border: 1px solid #3D3C79;
}
.footer .nav-social li a.nav-link:hover i:before {
color: #3D3C79;
}
.footer-ecopy{
background-color: #ededee;
}
.footer-ecopy > .container{
padding-top: 15px;
padding-bottom: 5px;
}
.footer-ecopy p,
.footer-ecopy p a{
color: #606062;
}
.footer-ecopy p a{
text-decoration: none;
}
.footer-ecopy p{
font-size: 13px;
color: #575757;
font-weight: 500;
font-family: "Open Sans", sans-serif;
}
.footer-ecopy p > b{
font-size: 13px;
color: #575757;
font-weight: 700;
font-family: "Open Sans", sans-serif;
}
.footer .logo-wr{
display:block;
width:80px;
}
.footer .logo-wr:hover,
.footer .logo-wr:focus{
text-decoration: none;
}
.footer .widget_nav_menu b a{
color: #3D3C79;
text-decoration: none;
font-family: "Bricolage Grotesque", serif;
}
.footer .widget_nav_menu b a:hover{
color: #3D3C79;
text-decoration: none;
}
@media(max-width: 768px){
.footer .logo{
width: 150px;
margin-left: auto;
margin-right: auto;
}
.footer > .container{
padding-top: 30px;
}
.footer .nav{
padding-top: 25px;
padding-bottom: 0px;
justify-content: center;
align-items: center;
}
.footer .nav-social{
text-align: center;
}
.footer-ecopy p{
font-size: 14px;
text-align: center;
}
.nav .nav-item > a{
font-size: 0.9em;
}
}
.footer .row-divider hr{
opacity: 1;
border-top: 2px solid #dcdbdb;
}
/* Fixed - privacidade */
.footer-cookies{
position: fixed;
background-color: #252525;
z-index: 990;
width: 100%;
max-width: 100%;
height: auto;
min-height: 50px;
bottom: 0;left: 0;
}
.footer-cookies > .container{
padding-top: 20px;
padding-bottom:20px;
width: 1100px;
max-width: 100%;
}
.footer-cookies.visible{
display: block;
visibility: visible;
}
.footer-cookies.hidden{
display: none;
visibility: hidden;
}
.footer-cookies p{
color: #fff;
font-size: 13px;
line-height: 130%;
font-weight: 400;
font-family: "Open Sans", sans-serif;
}
.footer-cookies a {
color: #fff;
}
.footer-cookies .btn{
width: 190px;
max-width: 90%;
font-family: "Open Sans", sans-serif;
}
/* footer chekcout - minimal */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-cart{
padding-top: 0 !important;
}
.wrap-footer-checkout{
display: block;
width: 100%;
background-color: #fff;
}
.wrap-footer-checkout > .footer{
width: 100%;
}
@media (max-width: 992px) {
.wrap-footer-checkout > .footer{
width: 100%;
}
}
/* -- */