@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Lato:wght@300;400;700&display=swap"); *{
outline: none !important;
}
a{
cursor: pointer;
}
a:hover, a:focus{
text-decoration: none;
}
body{
font: 18px 'Lato', sans-serif;
line-height: 1.8em;
color: #3c231f;
font-weight: 400;
}
b,
strong{
font-weight: 700;
}
ul,ol{ padding: 0;
margin: 0;
}
ul.listagem-receitas, body.home ul {
list-style-type: none;
}
ol.number{
list-style: decimal;
padding-left: 20px;
}
ul.disc{
list-style-type: disc;
padding-left: 20px;
}
.cta{
font-size: 18px;
cursor: pointer;
transition: all 350ms ease-in-out;
display: inline-block;
text-decoration: none;
color: #3c231f;
border-radius: 30px;
padding: 15px 30px;
position: relative;
border: 1px solid #85674d;
font-style: italic;
}
.cta:hover,
.cta:focus{
background:#fb7500 ;
color: #fff;
border-color: #fb7500;
}
section{
padding: 40px 0;
}
section#apresentacao {
padding: 0;
}
section#apresentacao .section {
padding: 40px;
}
.cor-laranja{
color: #fb7500;
}
.cor-marrom{
color: #3c231f;
}
.cor-marrom-claro{
color: #5e3e22;
}
.cor-branca{
color: #fff;
}
.bg-cover{
background-size: cover;
background-position: center;
}
.bg-marrom{
background: #3c231f;
}
.bg-marrom-claro{
background: #5e3e22;
}
.bg-laranja{
background: #fb7500;
}
.bg-branco{
background: #fff;
}
.bg-preto{
background: #2a2a2a;
}
.bg-cinza{
background: #505050;
}
.font-amatic{
font-family: 'Amatic SC', cursive;
}
.font-weight-700{
font-weight: 700;
}
.font-weight-400{
font-weight: 400;
}
.font-weight-300{
font-weight: 300;
}
.font-size-10{
font-size: 10px;
}
.font-size-12{
font-size: 12px;
}
.font-size-14{
font-size: 14px;
}
.font-size-16{
font-size: 16px;
}
.font-size-15{
font-size: 15px;
}
.font-size-18{
font-size: 18px;
}
.font-size-20{
font-size: 20px;
}
.font-size-22{
font-size: 22px;
}
.font-size-24{
font-size: 24px;
}
.font-size-25{
font-size: 25px;
}
.font-size-28{
font-size: 28px;
}
.font-size-30{
font-size: 30px;
}
.font-size-35{
font-size: 35px;
}
.font-size-40{
font-size: 40px;
}
.font-size-45{
font-size: 45px;
}
.font-size-50{
font-size: 50px;
}
.font-size-55{
font-size: 55px;
}
.font-size-60{
font-size: 60px;
}
.font-size-70{
font-size: 70px;
}
.font-size-80{
font-size: 80px;
}
.letter-spacing-2{
letter-spacing: 2px;
}
.letter-spacing-5{
letter-spacing: 5px;
}
.letter-spacing-8{
letter-spacing: 8px;
}
.form-group {
margin-bottom: 1rem;
}
.form-control{
transition: border 350ms ease-in-out;
font-size: 16px;
border-radius: 0px;
height: 50px;
border: 1px solid #b3acab;
color: #3c231f;
border-radius: 30px;
padding: 10px 25px;
}
.form-control::placeholder { color: #3c231f;
}
.form-control:hover,
.form-control:focus{
border-color: #fb7500;
box-shadow: none;
}
.owl-nav {
width: 100%;
display: flex;
justify-content: space-between;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
display: inline-block;
text-align: center;
color: #3c231f;
border: 0px;
transition: all 350ms ease-in-out;
width: 50px;
height: 115px;
top: calc(50% - 57px);
position: absolute;
right: 0px;
font:115px 'Amatic SC', cursive;
line-height: 115px;
font-weight: 700;
}
.owl-carousel .owl-nav button.owl-prev{
right: auto;
left: 0px;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:focus{
color: #fb7500;
}
.owl-carousel .owl-dots {
text-align: center;
margin-top: 20px;
}
.owl-carousel button.owl-dot {
width: 8px;
height: 8px;
background: #A0A0A0;
display: inline-block;
border-radius: 100%;
margin: 0 5px;
}
.owl-carousel button.owl-dot.active {
background: #3A3A45;
}
.mt-110{
margin-top: 110px;
} header{
position: fixed;
width: 100%;
top: 0;
left: 0;
padding: 10px 0;
z-index: 999;
transition: all 350ms ease-in-out;
padding-bottom: 10px; background: rgba(255,255,255,0.9);
}
header.fixed{
background: rgba(255,255,255,0.9);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
header .topbar #telefones select{
color: #fff;
font-size: 14px;
}
#telefones select option{
direction: rtl;
}
header .top{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
header .logo{
display: flex;
align-items: center;
justify-content:center;
transition: all 350ms ease-in-out;
position: relative;
z-index: 9;
}
header .logo a img{
width: 118px;
transition: width 350ms ease-in-out;
}
header .main-menu{
align-items: center;
}
.main-menu > ul{
list-style: none;
padding: 0;
margin: 0 ;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 15px;
margin-bottom: -1px;
}
header .main-menu  > ul > li{
position: relative;
cursor: pointer;
}
header .maintop .main-menu  > ul > li{
margin-right: 0;
}
header .main-menu > ul > li:first-child{
margin-left: 0;
}
header .main-menu > ul > li > a {
color: #51312a;
display: inline-block;
transition: color 350ms ease-in-out;
font: 28px 'Amatic SC';
font-weight:  700;
padding: 5px 20px;
position: relative;
}
header .main-menu ul > li > a:hover,
header .main-menu ul > li > a:focus,
header .main-menu ul > li.current-menu-item > a{
color: #fb7500;
} section#banner{
padding: 0;
position: relative;
margin-top: 0px;
height: 100vh;
}
section#banner .owl-dots{
display: none;
}
.banner-principal{
list-style: none;
position: relative;
}
.banner-principal li,
.banner-principal li .row{
height: auto;
}
.banner-principal li {
position: relative;
background-size: cover;
background-position: center;
height: 100%;
background-color: #7171715A;
padding-top: 100px;
}
.banner-principal li .row{
height: 100%;
}
section#banner .owl-dots {
position: absolute;
text-align: center;
width: 100%;
bottom: 20px;
left: 0;
} .destaque{
position: relative;
padding: 50px 0;
}
.destaque:before{
content: '';
width: 93px;
height: 63px;
position: absolute;
top: 31px;
right: -93px;
background: url(//sattvaorganicos.com.br/wp-content/themes/sattva/img/coracoes.png) no-repeat;
background-size: 100%;
}
section#apresentacao .produtos{
padding: 30px 10px;
background: url(//sattvaorganicos.com.br/wp-content/themes/sattva/img/fundo-pao.png) no-repeat center;
background-size: 100%;
}
section#apresentacao ul li{
margin-bottom: 25px;
position: relative;
padding-left: 41px;
}
section#apresentacao ul li:before{
width: 31px;
height: 29px;
position: absolute;
background: url(//sattvaorganicos.com.br/wp-content/themes/sattva/img/check.png) no-repeat;
background-size: 100%;
content: '';
top: 0;
left: 0;
}  .galeria-fotos{
padding: 0 70px;
}
.galeria-fotos li a{
height: 500px;
display: block;
}
section#para-quem{
background: url(//sattvaorganicos.com.br/wp-content/themes/sattva/img/fundo-para-quem.jpg);
padding: 70px 0;
}
section#para-quem .col-md-3{
position: relative;
padding: 0 30px;
}
section#para-quem .col-md-3:before{
content: '}';
position: absolute;
top: calc(50% - 40px);
right: 0;
color: #d58520;
font-size: 40px;
width: 20px;
height: 80px;
font-size: 40px;
font: 80px 'Amatic SC', cursive;
line-height: 80px;
}
section#para-quem .col-md-3:last-child::before{
content: '';
}
footer{
padding: 40px 0;
}
footer a{
color: #533128;
transition: color 350ms ease-in-out;
}
footer a:focus,
footer a:hover{
color: #fb7500;
}
footer .redes-sociais{
display: flex;
justify-content: center;
margin-bottom: 20px;
}
footer .redes-sociais a{
width: 36px;
height: 36px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #533128;
margin: 0 7px;
transition: all 350ms ease-in-out;
font-size: 20px;
}
footer .redes-sociais a:hover,
footer .redes-sociais a:focus{
background: #fb7500;
color: #fff;
}
footer .newsletter{
border-bottom: 1px solid #9e766c;
}
footer .newsletter label{
display: none;
}
footer p{
margin-bottom: 0;
}
footer form.sml_subscribe {
margin-bottom: 0;
position: relative;
}
footer input[type="text"]{
height: 40px;
border: 0px;
border-radius: 0;
color: #9e766c;
width: 100%;
}
footer .sml_email{
display: inline-block;
width: calc(100% - 50px);
}
footer input[type="text"]:focus{
background: #ffebe6;
}
footer input[type="text"]::placeholder { color: #9e766c;
opacity: 1; }
footer input[type="text"]:-ms-input-placeholder { color: #9e766c;
}
footer input[type="text"]::-ms-input-placeholder { color: #9e766c;
}
footer .sml_submit{
display: inline-block;
width: 40px;
}
footer input[type="submit"]{
display: inline-block;
width: 40px;
height: 40px;
background: none;
border: 0px;
outline: 0px;
cursor: pointer;
color: #9e766c;
transition: color 350ms ease-in-out;
}
footer input[type="submit"]:hover,
footer input[type="submit"]:focus{
color: #fb7500;
} .titulo-principal{
font-size: 70px;
position: relative;
padding-bottom: 30px;
}
.titulo-principal:before{
content: '';
width: 85px;
height: 29px;
background: url(//sattvaorganicos.com.br/wp-content/themes/sattva/img/folha-titulo.png);
background-size: contain;
position: absolute;
bottom: -0;
left: calc(50% - 42px);
}
.leia-mais{
color: #d58520;
font-weight: 700;
transition: color 350ms ease-in-out;
}
.leia-mais:hover,
.leia-mais:focus{
color: #3c231f;
}
.listagem-sattva li{
margin-bottom: 50px;
}
.listagem-sattva li a{
color: #fb7500;
transition: color 350ms ease-in-out;
}
.listagem-sattva li a:hover,
.listagem-sattva li a:focus{
color: #51312a;
}
section#onde-estamos .col-md-6{
position: relative;
}
section#onde-estamos .col-md-6:before{
width: 1px;
height: 200px;
background: #ccc;
position: absolute;
top: calc(50% - 100px);
right: 0;
content: '';
}
section#onde-estamos .col-md-6:nth-of-type(2):before{
width: 0;
}
section#onde-estamos .link-parceiros{
color: #3c231f;
display: inline-block;
position: relative;
border-bottom: 2px solid #d58520;
transition: all 350ms ease-in-out;
}
section#onde-estamos .link-parceiros:hover,
section#onde-estamos .link-parceiros:focus{
border-bottom: 2px solid #3c231f;
}
.listagem-receitas{
margin: 60px 0 30px 0;
}
.listagem-receitas li{
margin-bottom: 30px;
}
.listagem-receitas li a{
width: 100%;
height: 250px;
display: block;
position: relative;
background-color: transparent;
background-blend-mode: overlay;
transition: background-color 350ms ease-in-out;
}
.listagem-receitas li a:hover,
.listagem-receitas li a:focus{
background-color: #d6d6d6;
}
.listagem-receitas li a span{
position: absolute;
padding: 20px;
text-align: center;
bottom: 0;
left: 0;
width: 100%;
color: #fb7500;
transition: opacity 350ms ease-in-out;
opacity: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
}
.listagem-receitas li a:hover span,
.listagem-receitas li a:focus span{
opacity: 0;
}
section#a-sattva a:hover,
section#a-sattva a:focus{
color: #533128;
transition: color .35s ease-in-out;
}
section#contato{
background: url(//sattvaorganicos.com.br/wp-content/themes/sattva/img/bg-contato.png) no-repeat top center;
}
section#contato input[type="submit"]{
border: 0;
background: none;
font: 50px 'Amatic SC', cursive;
color: #3c231f;
transition: color 350ms ease-in-out;
cursor: pointer;
}
section#contato input[type="submit"]:hover,
section#contato input[type="submit"]:focus{
color: #fb7500;
}
section#contato .aviso{
line-height: 1.2em;
} .listagem-produtos li {
text-align: center;
margin-bottom: 30px;
}
.listagem-produtos li a .foto{
height: 230px;
background-color: transparent;
background-blend-mode: soft-light;
transition: background-color 350ms ease-in-out;
}
.listagem-produtos li a:hover .foto,
.listagem-produtos li a:focus .foto{
background-color: #3c231f;
}
.listagem-produtos li a h2{
font-size: 20px;
color: #51312a;
font-weight: 700;
margin: 10px 0 5px 0 ;
transition: color 350ms ease-in-out;
}
.listagem-produtos li a:hover h2,
.listagem-produtos li a:focus h2{
color: #fb7500;
}
.listagem-produtos li a .quantidade{
color: #9b8883;
font-style: italic;
font-size: 18px;
}
.listagem-produtos li a .preco{
font-size: 20px;
color: #d58520;
font-weight: 700;
}
section#nossos-produtos{
background: url(//sattvaorganicos.com.br/wp-content/themes/sattva/img/fundo-produtos.jpg) no-repeat top center;
}
section#nossos-produtos .destaque:before{
width: 43px;
}
.destino{
display: none;
}
section#feiras h3{
font-size: 34px;
font: 50px 'Amatic SC', cursive;
color: #fb7500;
text-decoration: underline;
} .wopgld-main-product-wrapper.wopgld-mobile-col-1 .wopgld-inner-wrap+.wopgld-inner-wrap{
margin-top: 80px !important;
} .menu-mobile{
display: none;
}
.abrir-menu{
background: #d58520;
padding: 10px 12px;
margin-right: 20px;
color: #51312a;
border-radius: 2px;
display: none;
cursor: pointer;
}
.abrir-menu:hover,
.abrir-menu:focus{
color: #fff;
}
.menu-responsivo {
display: none;
background: #fff;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
margin-right:20px;
}
.fechar-menu {
position: absolute;
top: 10px;
right: 10px;
background: #fff;
display: none;
align-items: center;
justify-content: center;
color: #505050;
width: 30px;
height: 30px;
z-index: 999;
}
.menu-responsivo:hover,
.menu-responsivo:focus{
color: #fff;
}
@media only screen and (max-width: 1200px) {
header .main-menu > ul > li > a {
font-size: 25px;
padding: 5px 10px;
}
}
@media only screen and (max-width: 991px) {
header .main-menu > ul > li > a {
font-size: 23px;
padding: 5px;
}
section#apresentacao .destaque:before {
top: -20px;
right: 0;
}
}
@media only screen and (max-width: 767px) {
.responsive-menu, .fechar-menu, .abrir-menu{
display: flex;
}
.main-menu{
width: 100%;
position: fixed;
top: 0;
right: 0;
background: rgba(81,49,42,0.85);
height: 100vh;
z-index: 99;
display: none;
}
header .main-menu > ul{
display: block;
width: 350px;
background: #fff;
height: 100vh;
margin-top: 0;
position: absolute;
right: 0;
transform: translateX(+350px);
transition: all 350ms ease-in-out;
overflow: auto;
padding: 20px;
}
header .main-menu > ul > li{
margin-left: 0;
}
header .main-menu > ul > li > a,
header .main-menu > ul > li > a:hover,
header .main-menu > ul > li > a:focus{
display: block;
text-align: left;
font-size: 28px;
padding: 10px;
}
header .main-menu > ul.transform{
transform: translateX(0px);
}
section#banner{
height: auto;
}
.banner-principal li {
padding-top: 160px;
padding-bottom: 70px;
height: auto;
}
.banner-principal li .row {
height: auto;
padding: 0 40px;
}
section#apresentacao .destaque{
line-height: 1.2em;
}
section#apresentacao ul{
padding-left: 40px;
}
section#apresentacao .produtos {
background-size: auto 100%;
}
.galeria-fotos li a {
height: 350px;
}
section#para-quem .col-md-3:before {
content: '';
}
section#para-quem .col-md-3{
margin-bottom: 20px;
}
footer {
text-align: center;
} section#onde-estamos .col-md-6:before {
width: 0px;
height: 0px;
}
section#contato,
section#nossos-produtos {
background-size: 100%;
}
}
@media only screen and (max-width: 576px) {
.cta {
padding: 15px 20px;
}
.font-size-40 {
font-size: 30px;
}
.font-size-30 {
font-size: 25px;
}
.font-size-20 {
font-size: 18px;
}
.titulo-principal {
font-size: 70px;
}
header .logo {
padding: 0 20px;
}
header .main-menu > ul{
width: 230px;
transform: translateX(+230px);
}
section#apresentacao ul {
padding-left: 30px;
}
section#video iframe {
width: 100%;
border: 0;
height: 300px;
}
.galeria-fotos {
padding: 0;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
color: #d58520;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:focus {
color: #fff;
} .listagem-receitas li a {
height: 200px;
}
} .pagination{
width: 100%;
margin-top: 50px;
text-align: center;
}
.pagination h2{
display: none;
}
.nav-links {
width: 100%;
text-align: center;
}
.pagination .nav-links span,
.pagination .nav-links a{
font:30px 'Amatic SC', cursive;
padding: 3px 15px;
display: inline-block;
margin-right: 15px;
color: #3c231f;
font-weight: bold;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
border-bottom: 0;
}
.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links .current{
color: #fb7500 ;
}
.pagination .nav-links .next,
.pagination .nav-links .prev{
color: #3c231f;
border:0px;
}
.pagination .nav-links .next:hover,
.pagination .nav-links .next:focus,
.pagination .nav-links .prev:hover,
.pagination .nav-links .prev:focus{
color: #fb7500 ;
}
span.wpcf7-not-valid-tip{
font-size: 13px;
color: #fb7500;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{
border: 1px solid #f7b7b7;
color: #c35959;
background: #ffe4e4;
font-size: 12px;
padding: 5px 20px;
}
.wpcf7 form.sent .wpcf7-response-output {
border: 1px solid #a3e4b4;
color: #59c375;
background: #dbffe4;
font-size: 12px;
padding: 5px 20px;
}
body.login{
padding-top: 0;
}
.login h1 a {
background-image: url(//sattvaorganicos.com.br/wp-content/themes/sattva/img/logo.png);
background-size: 118px 78px;
width: 118px;
height: 78px;
}
p.sml_thankyou {
color: #3c231f;
position: absolute;
top: 40px;
font-size: 10px;
left: 24px;
}
.wopgld-top-hover-wrap {
display: none;
}
.wopgld-image-hover-wrap, .wopgld-image-second-container{
overflow: inherit !important;
}
.wopgld-details-wrap {
margin-top: 50px;
}
.wopgld-image-hover-wrap:before{
display: none;
}
.wopgld-title{
margin-top: -45px;
}
@media (min-width: 1200px) {
.woocommerce-checkout-payment{
margin-top: -750px;
}
}
a.more-link {
display:none !important;
}
.listagem-receitas p{
font-size: .8em;
line-height: 25px;
}
.listagem-receitas h3{
font-family: 'Amatic SC',cursive;
color: #fb7500;
margin: 15px 0;
font-size: 2em;
}
.wopgld-main-product-wrapper.wopgld-grid-template-14 .wopgld-inner-wrap-contain .wopgld-button a.wopgld-button-design:before, .wopgld-main-product-wrapper.wopgld-frame-template-3 .wopgld-inner-wrap-contain .wopgld-button a.wopgld-button-design:before{
content: '\f291';
}
.wopgld-main-product-wrapper.wopgld-grid-template-13 .wopgld-inner-wrap-contain .wopgld-button a:hover, .wopgld-main-product-wrapper.wopgld-grid-template-14 .wopgld-inner-wrap-contain .wopgld-button a:hover, .wopgld-main-product-wrapper.wopgld-frame-template-3 .wopgld-inner-wrap-contain .wopgld-button a:hover, .wopgld-main-product-wrapper.wopgld-car-template-6 .wopgld-inner-wrap-contain .wopgld-button a:hover{
background-color: #533128!important;
}
header {
margin-top: 40px;
}
.overlay {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
display: none;
z-index: 100;
background-color: rgba(132,123,123,0.5);
}
.shop_online {
position: relative;
z-index: 1001;
}
.shop_online ul {
display: none;
background-color: white;
position: absolute;
border: 1px solid #ccc;
font: 28px 'Amatic SC';
z-index: 1002;
left: 0;
}
.shop_online ul li {
width: 100%;
padding: 10px 12px;
border-bottom: 1px inset #444;
background-color: #f9f9f9;
}
.shop_online ul li a {
font-weight: 600;
color: black;
z-index: 1002;
}
.shop_online ul li:hover a {
color: #fb7500;
}
.shop_online ul li:hover {
background-color: #fff;
}
.woocommerce .product a h2{
color: #51312a;
}
.btn-default, input[type="submit"], input#submit, button, a.comment-reply-link, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
box-shadow: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border: 1px solid;
border-radius: 3px;
padding: 10px 20px;
color: #d58623;
background-color: transparent;
font-weight: 400;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: transparent;
color: #fdb907;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
background: #fafafa;
padding: 7px 12px;
color: #444;
border: 2px solid #e5e5e5;
border-radius: 3px;
}
button#place_order {
float: none;
margin: 0 auto;
display: inline-block;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
padding: 15px;
font-size: 19px;
border-radius: 5px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
font-weight: 400;
}
.woocommerce ul.products li {
border-bottom: 0;
}
.woocommerce ul.products li.product.product-category {
padding-bottom: 0;
}
.woocommerce ul.products li.product.product-category a img {
margin: 0;
}
.woocommerce ul.products li.product.product-category {
padding: 0;
}
.woocommerce-cart-form .coupon #coupon_code {
width: 50%;
max-width: 50%;
}
.inner-wrapper {
display: block;
margin-bottom: 15px;
}
.content-date-comments {
display: inline-block;
}
.cat-links, .tags-links {
display: inline-block;
margin-bottom: 5px;
width: 100%;
}
.posted-date, .comments-meta {
margin-right: 15px;
}
.posted-date,
.cat-links a,
.cat-links span,
.tags-links span {
position: relative;
color: #404040;
font-size: 14px;
font-weight: 300;
font-style: italic;
}
.comments-meta {
position: relative;
z-index: 5;
color: #404040;
padding: 0 8px;
font-size: 12px;
font-weight: 300;
font-style: italic;
display: inline-block;
}
.comments-meta a {
color: #404040;
}
span.comments-meta i {
margin-left: 5px;
}
.tags-links a {
position: relative;
color: #404040;
font-style: italic;
opacity: 0.8;
font-size: 14px;
margin-right: 8px;
}
.news-item {
margin-bottom: 10px;
}
.news-item h2 {
font-size: 26px;
margin-top: 0;
margin-bottom: 5px;
font-weight: 700;
}
.news-item.layout-two h2 {
font-size: 18px;
}
.one-news-section .news-item h2 {
margin-top: 10px;
font-size: 28px;
}
.news-item h2 a {
color: #404040;
font-weight: 300;
font-size: 40px;
}
.news-thumb {
margin-bottom: 10px;
}
.news-thumb img {
width: 100%;
}
.post-excerpt {
font-style: italic;
font-weight: 300;
display: block;
clear: both;
}
.author-meta-by {
font-style: italic;
opacity: 0.7;
position: relative;
font-size: 14px;
font-weight: 300;
}
.author-meta a {
color: #000;
text-transform: uppercase;
font-size: 14px;
margin-left: 4px;
margin-right: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align: center;
border: 1px solid;
padding: 8px;
border-radius: 5px;
border-color: #d9d9d9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-top: 15px !important;
}
.woocommerce ul.products li.product a img {
-webkit-box-shadow: 0px 11px 23px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 20px -15px rgba(0,0,0,0.75);
box-shadow: 0px 10px 20px -15px rgba(0,0,0,0.75);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid;
border-radius: 5px;
border-color: #d9d9d9;
margin-top: -20px;
margin-bottom: 15px;
}
.woocommerce ul.products li.product:hover a img {
-webkit-box-shadow: 0px 11px 23px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 25px -10px rgba(0,0,0,0.75);
box-shadow: 0px 10px 25px -10px rgba(0,0,0,0.75);
border: 1px solid;
border-radius: 5px;
border-color: #d9d9d9;
margin-top: -25px;
margin-bottom: 20px;
}
.woocommerce ul.products li.product .star-rating {
margin: 0 auto;
}
.woocommerce mark, .woocommerce .mark {
background-color: transparent;
color: inherit;
}
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce-MyAccount-navigation li {
list-style-type: none;
border: 1px solid #e4e4e4;
margin-bottom: -1px;
padding: 5px 15px;
}
.woocommerce-MyAccount-navigation ul {
padding: 0;
}
.woocommerce-MyAccount-navigation li.is-active {
background-color: rgba(0, 0, 0, 0.1);
font-weight: bold;
}
.woocommerce .select2-container--default .select2-selection--single {
border: 2px solid #e5e5e5;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
.woocommerce .select2-container .select2-selection--single,
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px;
}
.heading-row {
display: flex;
float: none;
align-items: center;
justify-content: space-between;
position: relative;
}
.header-right {
min-width: 150px;
padding-left: 0;
}
.header-right .fa, .mobile-cart .fa, .mobile-account .fa {
font-family: "fontawesome" !important;
font-weight: initial !important;
}
.header-cart, .header-my-account {
float: right;
display: block;
}
.header-my-account {
padding-right: 15px;
}
a.cart-contents i, .header-my-account a {
color: #000000;
font-size: 22px;
line-height: 22px;
position: relative;
}
.amount-cart {
color: #000;
background: #fdb907;
position: relative;
font-size: 12px;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
bottom: 3px;
font-weight: 700;
display: inline-block;
line-height: 1.5;
}
.amount-cart:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 7px solid #fdb907;
top: calc(50% - 5px);
right: 100%;
}
.cart-contents span.count {
font-size: 10px;
padding: 0px;
color: #000;
font-weight: 700;
background-color: #fdb907;
border-radius: 15px;
line-height: 18px;
margin: 0;
position: absolute;
top: -10px;
right: -11px;
font-style: initial;
height: 20px;
min-width: 20px;
text-align: center;
font-family: 'Open Sans Condensed', "Helvetica Neue", helvetica, arial, sans-serif;
border: 1px solid transparent;
}
ul.site-header-cart {
opacity: 0;
display: none;
position: absolute;
z-index: 50;
}
.woocommerce-cart ul.site-header-cart,
.woocommerce-checkout ul.site-header-cart {
display: none !important;
}
.header-cart-block:hover ul.site-header-cart, .product-added-to-cart .header-cart-block ul.site-header-cart {
display: block;
opacity: 1;
right: -10px;
min-width: 320px;
background-color: #fff;
border: 1px solid #e2e2e2;
border-radius: 5px;
padding: 10px;
z-index: 9999;
animation: showup 0.5s;
-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18);
box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.18);
}
.added_to_cart {
display: block;
}
.woocommerce ul.products li {
border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: transparent;
padding: 0 30px 0 0;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
border-bottom: 2px solid #fdb907;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 10px 20px;
font-weight: 300;
min-width: 100px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: center;
color: #fdb907;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
border-bottom: 2px solid #fdb907;
color: #fdb907;
}
.single-product div.product form.cart .plus,
.single-product div.product form.cart .minus {
float: left;
margin: 0;
display: inline-block;
padding: 5px 10px;
color: #e2e2e2;
border-radius: 0;
height: 40px;
line-height: 1.6;
font-size: 18px;
z-index: 1;
position: relative;
}
.single-product div.product form.cart .plus {
margin-right: 10px;
}
.woocommerce div.product form.cart table div.quantity {
float: left;
margin: 0 -1px;
}
.woocommerce div.product form.cart div.quantity {
margin: 0 -1px;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 135px;
}
.woocommerce .quantity .qty {
border: 1px solid #e2e2e2;
padding: 5px;
height: 40px;
line-height: 1.6;
font-size: 18px;
border-radius: 0;
width: 2.7em;
}
.woocommerce div.product .woocommerce-tabs h2:first-child {
display: none;
}
.product_meta {
clear: both;
font-size: 14px;
border-bottom: 1px solid #eaeaea;
margin-top: -1px;
padding: 20px 0;
margin-top: 0;
}
.woocommerce div.product form.cart {
padding: 20px 0;
border-top: 1px solid;
border-bottom: 1px solid;
margin-top: 20px;
border-color: #eaeaea;
margin-bottom: 0;
}
.woocommerce div.product .product_title {
clear: none;
padding: 0 0 20px;
margin: 0 0 15px;
border-bottom: 1px solid #eaeaea;
}
section.related.products, .up-sells.upsells.products {
clear: both;
}
section.related.products ul.products, .up-sells.upsells.products ul.products {
margin-top: 30px;
}
.woocommerce span.onsale {
background-color: #fdb907;
color: #000;
line-height: 1.7;
min-height: 1.7em;
border-radius: 3px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
color: #777;
}
.woocommerce ul.products li.product .button {
margin-top: 5px;
margin-bottom: 15px;
}
p.woocommerce-mini-cart__buttons.buttons {
text-align: center;
}
.woocommerce div.product form.cart .variations select {
min-width: 70%;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title {
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.77);
margin: 0 0 1em;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
width: 60px;
border: 1px solid #d9d9d9;
border-radius: 5px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #fdb907;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 2px;
height: 4px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: transparent;
border: 1px solid;
height: 10px;
}
.woocommerce .widget ul.woocommerce-widget-layered-nav-list li,
.woocommerce .widget_layered_nav_filters ul li {
border: 0;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: rgba(235, 233, 235, 0.46);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background-color: rgba(247, 246, 247, 0.1);
color: inherit;
}
.woocommerce .page-title { display: none; }
a.cart-contents {
position: relative;
display: flex !important;
flex-flow: column nowrap;
justify-content: center;
}
.cart-contents:hover {
text-decoration: none;
}
.cart-contents-count {
position: absolute;
top: 10px;
right: 10px;
transform: translateY(-105%) translateX(25%);
font-family: Lato, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 18px;
height: 20px;
width: 20px;
vertical-align: middle;
text-align: center;
color: #fff;
background: #c33;
border-radius: 50%;
padding: 1px;
}
#billing_address_1_field {
width: 100%!important;
}
.woocommerce .woocommerce-form-login-toggle .woocommerce-info {
font-size: 20px;
font-weight: bold;
margin-bottom: 1em;
}
.woocommerce .woocommerce-form-login-toggle .woocommerce-info a {
font-size: 20px;
font-weight: bold;
}