@charset "UTF-8";
 html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: 'Poppins';
color: #797979;
background: #fff;
}
h1,h2,h3,h4,h5,h6{
color: #4B2D3E;
font-weight: 600;
}
pre {
font-size: 1em;
}
a {
color: var(--first-color);
background-color: transparent;
text-decoration: none;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-size: 1em;
}
small {
font-size: 80%;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
img {
border-style: none;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
outline: -webkit-focus-ring-color auto 1px;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} progress {
vertical-align: baseline;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto;
} .alignwide {
margin-left  : -80px;
margin-right : -80px;
}
.alignfull {
margin-left  : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width    : 100vw;
}
.alignfull img {
width: 100vw;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} [hidden] {
display: none;
}
.wish-btn a:hover,.cart-text:hover,.account-btn:hover,.wish-btn i:hover,.cart_no i:hover,.user-btn i:hover{
color: #4B2D3E;
} .custom-header *,
.featured-header-image * {
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
} img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
.entry-content a,
.textwidget a,.comment-content a, .woocommerce-product-details__short-description a,#page-content p a{
text-decoration: underline;
}
#masthead {
margin-bottom: 2em;
}
.page-template-home-template #masthead {
margin-bottom: 0;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
} #button {
display: inline-block;
background-color: var(--first-color);
text-align: center;
position: fixed;
bottom: 60px;
right: 30px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 999;
padding: 15px 12px;
font-weight: bold;
}
a#button{
color: #fff !important;
}
#button:hover,#button:active {
cursor: pointer;
background-color: #4B2D3E;
}
#button.show {
opacity: 1;
visibility: visible;
} .post-password-form input[type="password"] {
margin-top: 0.4375em;
} @media screen and (min-width:1700px) and (max-width:1900px){
.container{
max-width: 1520px;
}
}
@media screen and (min-width:1920px) {
.container{
max-width: 1620px;
}
} #masthead .top-info {
background: #4B2D3E;
}
.top-info span a:hover, .home_product_cat h4 a:hover, h4.hidedesktop a:hover, .meta-info-box a:hover{
color: var(--first-color);
}
.btn-box span a{
color: #fff;
font-size: 16px;
font-weight: 600;
padding-right: 10px;
}
.center-text h4 {
font-size: 15px;
color: #fff;
text-align: center;
}
.top-info .gtranslate_wrapper .gt_selector {
color: #fff;
font-weight: 600;
font-size: 15px;
background: transparent;
border: none;
padding: 0;
}
.right-box {
display: flex;
justify-content: end;
}
.right-box .gtranslate_wrapper {
width: 100%;
}
.translate-btn {
width: 20%;
}
.translate-btn select {
width: 100%;
}
hr{ 
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.product-search input{ 
background-color: transparent;
border-bottom: 2px solid #ffffff !important;
width: 60%;
border: none;
color: #ffffff;
font-style: italic;
font-size: 14px;
font-weight: 600;
position: relative;
padding-right: 25px;
padding-bottom: 5px;
}
.product-search input::placeholder {
color: #ffffff;
}
.product-search button {
padding: 10px 15px;
background: url(//saborlivre.com.br/wp-content/themes/grocery-supermarket/assets/image/search.png) no-repeat scroll 0 3px;
float: right;
text-indent: -9999px;
border: none;
position: absolute;
right: 5px;
}
.cart-text{
color: #fff;
font-weight: 600;
font-size: 16px;
}
.cart_no i {
margin-right: 15px;
}
.cart_no a {
color: #fff;
font-size: 20px;
position: relative;
}
.cart-value {
background: #4B2D3E;
font-size: 8px;
padding: 1px 3px;
border-radius: 30px;
display: inline-flex;
justify-content: right;
position: absolute;
margin-right: 10px;
left: 17px;
}
.user-btn i{
font-size: 20px;
color: #fff;
margin-left: 20px;
margin-right: 10px;
}
.wish-btn a{
color: #fff;
font-weight: 600;
font-size: 17px;
margin-right: 20px;
}
.wish-btn i{
font-size: 20px;
color: #fff;
margin-left: 20px;
margin-right: 10px;
}
form.woocommerce-product-search {
position: relative;
} .socialmedia {
background: var(--first-color);
}
.header-phone i {
font-size: 25px;
color: #fff;
margin-right: 10px;
font-weight: 600;
}
.header-phone a {
font-size: 16px;
font-weight: 500;
color: #fff;
}
.all-categories button {
border: none;
padding: 15px 20px;
color: #000;
font-weight: 400;
font-size: 13px;
border-radius: 6px;
}
.all-categories button i{
margin-left: 10px;
}
.home_product_cat {
position: absolute;
background: #fff;
display: none;
z-index: 999;
width: 70%;
box-shadow: 4px 4px 34px 0px rgba(0, 0, 0, 0.08);
}
.home_product_cat h4 a{
color: #4B2D3E;
}
.home_product_cat h4 {
font-size: 16px;
border-bottom: solid 1px #efefef;
padding: 10px 15px;
margin-bottom: 0;
}
.deals-btn i{
font-size: 25px;
margin-right: 10px;
}
a.deals-btn {
color: #fff;
font-size: 16px;
font-weight: 600;
} .navbar-brand {
margin: 0;
padding: 0;
}
.navbar-brand a {
color: #fff;
}
.navbar-brand a:hover, a.deals-btn:hover, .header-phone a:hover, #best-sell .woo-cat a:hover, #best-sell .sale_cart a:hover{
color: #4B2D3E;
}
.navbar-brand p {
color: #fff;
font-size: 15px;
margin-bottom: 0;
}
.navbar-brand h1.site-title,
p.site-title{
margin-bottom: 0;
font-size: 28px;
font-weight: bold;
} #top-slider{
background: #ffffff;
}
.slider-box img {
opacity: 0.5;
object-fit: cover;
height: 600px;
}
.slider-inner-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 66%;
left: 4%;
text-align: left;
}
.slider-inner-box h2 {
color: #4B2D3E;
font-size: 35px;
margin-bottom: 25px;
font-weight: 500;
}
.slider-inner-box p {
color: #4B2D3E;
font-size: 16px;
font-weight: 300;
}
.slide-btn a {
background: var(--first-color);
color: #fff;
padding: 10px 25px;
font-weight: 500;
font-size: 15px;
border-radius: 4px;
}
.slide-btn a:hover {
background: #4B2D3E;
} #best-sell {
background: #fff;
}
.heading .main_heading {
font-size: 22px;
font-family: 'dancing script';
color: #9bb935;
}
.heading h4:before {
content: "";
width: 63px;
height: 1px;
background: var(--first-color);
position: absolute;
left: -90px;
top: 14px;
}
.heading h4:after {
content: "";
width: 63px;
height: 1px;
background: var(--first-color);
position: absolute;
right: -90px;
top: 14px;
}
.heading h4 {
font-size: 24px;
font-weight: 400;
display: inline-block;
color: #4B2D3E;
position: relative;
}
.sells-product:hover span.prices{
color: #1264e3 !important;
} 
#best-sell span.prices {
font-size: 16px;
letter-spacing: 0px;
line-height: 22px;
color: #0a0a0a;
font-weight: 500;
}
.mask1 {
border: 1px solid #C2C2C2;
margin: 1px;
background: #fff;
}
#best-sell a.nav-link.active{
background: var(--first-color) !important;
color: #ffffff;
font-weight: 600;
}
#best-sell .sale_cart a {
color: var(--first-color);
font-size: 18px;
font-weight: 500;
}
#best-sell a.nav-link {
font-size: 14px;
line-height: 27px;
color: #4B2D3E;
padding: 6px 25px;
border: none;
font-weight: 400;
background: transparent !important;
text-align: center;
border-radius: 0px;
}
#best-sell .nav-link:hover{
border: none;
}
#best-sell .nav-tabs{
border-bottom: 0px;
}
#best-sell li.nav-item {
position: relative;
}
#best-sell .prodimg_box img {
width: auto;
margin: 0 auto;
}
#best-sell .text_box {
padding: 10px 16px;
background: #fff;
}
#best-sell p.sec_main_heading {
line-height: 45px;
color: #f6f6f6;
}
h4.hidedesktop a {
font-size: 20px;
line-height: 16px;
color: #4B2D3E;
font-weight: 400;
text-align: left;
}
.price span ,del {
color: #FF0000;
font-size: 17px;
font-weight: 500;
}
.woocommerce ul.products li.product .price del{
color: #F00;
}
#best-sell .star-rating{
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star;
color: #FDCE38;
}
#best-sell .star-rating:before{
content: "\73\73\73\73\73";
color: #FDCE38;
float: right;
top: 0;
left: 0;
position: absolute;
}
#best-sell .star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
#best-sell .woo-cat a {
font-size: 13px;
font-weight: 600;
color: var(--first-color);
}
#best-sell .star-rating span{
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
#best-sell a.added_to_cart.wc-forward {
margin-left: 15px;
} .stick_header {
position: fixed;
width: 100%;
z-index: 999;
top: 0;
background: #ebebeb;
}
.admin-bar .navigation_header.stick_header {
margin-top: 32px;
} .dot {
height: 20px;
width: 20px;
border-radius: 50%;
display: inline-block;
margin: 6px;
animation: loading 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}
.loading {
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: fixed;
z-index: 99999;
}
@keyframes loading {
0%,
100% {
transform: translatey(-2.5rem);
background-color: var(--first-color);
}
50% {
transform: translatey(2.5rem);
background-color: var(--first-color);
}
} .loading2 {
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: fixed;
z-index: 99999;
}
.load {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); width: 100px;
height: 100px;
}
.load hr {
border: 0;
margin: 0;
width: 40%;
height: 40%;
position: absolute;
border-radius: 50%;
animation: spin 2s ease infinite;
background: var(--first-color);
opacity: 1;
}
.load :first-child {
animation-delay: -1.5s;
}
.load :nth-child(2) {
animation-delay: -1s;
}
.load :nth-child(3) {
animation-delay: -0.5s;
}
@keyframes spin {
0%,
100% {
transform: translate(0);
}
25% {
transform: translate(160%);
}
50% {
transform: translate(160%, 160%);
}
75% {
transform: translate(0, 160%);
}
} #latest_post h2 {
font-size: 30px;
}
.postcat-name {
font-size: 14px;
color: var(--first-color) !important;
font-weight: bold;
}
.article-box {
background: #E1EEB242;
padding: 15px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0 0 10px 4px #eee;
}
.article-box img {
border-radius: 10px;
}
.article-box h3.entry-title {
font-size: 25px;
margin-bottom: 0;
}
.sidebar .search-from,.sidebar form.woocommerce-product-search {
padding: 10px;
}
.sidebar input[type="submit"],.sidebar button[type="submit"] {
width: 100%;
background: var(--first-color);
border: none;
font-weight: bold;
font-size: 14px;
}
h2.entry-title,
h1.entry-title,
h2.page-title {
font-size: 40px;
}
.article-box a{
color: var(--first-color);
}
.author-date a {
font-weight: 600;
text-transform: capitalize;
}
a.btn-text {
color: var(--first-color);
font-weight: bold;
}
.meta-info-box span,.meta-info-box a {
color: #4B2D3E;
text-transform: uppercase;
font-size: 13px;
}
.entry-summary p {
line-height: 1.7;
font-size: 15px;
}
.article-box a.btn-text:hover, .article-box h3 a:hover{
color: #4B2D3E;
} .woocommerce ul.products li span.price {
margin: 0 5px;
}
.woocommerce ul.products li.product a img{
margin: 0;
}
p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--first-color);
font-weight: bold;
font-size: 14px;
}
span.onsale {
position: absolute;
top: 0;
left: 0;
background: var(--first-color);
color: #fff;
padding: 2px 5px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
.pro-button a,
.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 {
padding: 12px 15px;
color: #fff;
font-size: 15px;
background: var(--first-color);
}
.pro-button a:hover,
.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: #4B2D3E;
color: #fff;
}
ins {
text-decoration: none;
}
.woocommerce ul.products li {
text-align: center;
box-shadow: 0 0 20px 2px #d7d7d7;
padding: 15px !important;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
position: absolute;
top: 15px;
color: #ffffff;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
left: 15px;
right: auto;
background: var(--first-color);
padding: 2px 5px;
border-radius: 0px;
margin: 0px;
min-height: 20px;
line-height: 1.5;
}
.woocommerce ul.products li.product .star-rating,.woocommerce .star-rating {
margin: 0px auto 10px;
color: #ffc53f;
}
.woocommerce .woocommerce-ordering select {
background: var(--first-color);
color: #fff;
padding: 2px;
border: 1px solid #e3e3e3;
}
.woocommerce .entry-summary {
margin: 0;
}
.woocommerce .quantity .qty {
padding: 8px;
border: solid 2px #4B2D3E;
}
.woocommerce-message,
.woocommerce-info{
border-top-color: var(--first-color);
}
.woocommerce-message::before,
.woocommerce-info::before{
color: var(--first-color);
}
input[type="text"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea {
border: 1px solid #bcbcbc;
width: 100%;
font-size: 16px;
padding: 10px 10px;
margin: 0 0 23px 0;
height: auto;
}
span.woocommerce-input-wrapper,
.checkout label,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,.woocommerce form .form-row label,span.password-input,header.page-header {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
display: initial;
background: var(--first-color);
padding: 10px;
margin-right: 5px;
font-size: 15px;
font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover{
background: #4B2D3E;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
color: #fff;
text-decoration: none;
}
h2.woocommerce-loop-product__title {
font-size: 18px !important;
padding: 10px 0 !important;
}
.woocommerce #customer_login .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce #customer_login .col2-set .col-2, .woocommerce-page .col2-set .col-2{
display: table-cell;
max-width: 100%;
float: none;
}
.woocommerce ul.products li.product .button{
margin-top: 0;
border-radius: 0;
}
.page-template-default.theme-grocery-supermarket.woocommerce-cart{
overflow-x: hidden;
} .main-navigation .menu ul {
margin-bottom: 0px;
padding: 0px;
display: inline-block;
}
.main-navigation .menu li {
display: inline;
position: relative;
list-style: none;
}
#site-navigation .menu ul li a {
color: #ffffff;
padding: 15px 10px;
font-size: 14px;
font-weight: 600;
}
#site-navigation .menu ul li a:hover{
color: #4B2D3E;
}
.navigation_header .nav,.navbar-expand-xl {
justify-content: flex-start;
}
nav#site-navigation{
padding: 0;
}
.main-navigation ul.sub-menu li a{
color: #ffffff;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus{
background: var(--first-color);
color: #fff !important;
}
.main-navigation .menu {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .menu > li {
display: inline;
position: relative;
font-size: 14px;
}
.main-navigation .menu > li > a {
padding: 15px;
display: inline-block;
font-size: 14px;
color: #ffffff;
font-weight: 600;
}
.main-navigation .menu > li > a:hover{
color: #4B2D3E;
}
.main-navigation .sub-menu {
background-color: #333333;
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
width: 200px !important;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus {
background: #4B2D3E;
color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu {
left: 200px !important;
top: 0px;
}
.main-navigation .sub-menu > li {
display: block;
float: none;
position: relative;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + 1rem);
right: 0;
top: calc( .125 * 1rem);
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
padding: 15px;
font-weight: 600;
}
.main-navigation .sub-menu > li > .menu-item-link-return {
width: 100%;
font-size: 22px;
font-weight: normal;
text-align: left;
}
.main-navigation .sub-menu > li > a:empty {
display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
display: none;
font-size: 0.88889em;
font-weight: normal;
}
.main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
}
.main-navigation .menu li.page_item_has_children:not(.off-canvas):hover > ul.children,
.main-navigation .menu li.page_item_has_children:not(.off-canvas):focus > ul.children,
.main-navigation .menu li.page_item_has_children.is-focused:not(.off-canvas) > ul.children,
.main-navigation .menu li.page_item_has_children:not(.off-canvas)[focus-within] > ul.children,
.main-navigation .menu li.page_item_has_children:not(.off-canvas):focus-within > ul.children  {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
}
.main-navigation .menu li.page_item_has_children ul.children {
background-color: #4B2D3E;
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
width: 200px !important;
}
.main-navigation .menu li {
display: inline;
position: relative;
font-size: 14px;
}
.main-navigation .menu li a {
color: #222222;
padding: 15px;
font-size: 14px;
font-weight: 400;
display: inline-block;
}
.main-navigation .menu li ul.children li a{
display: block;
}
.main-navigation .menu li ul.children li a{
color: #ffffff !important;
}
.main-navigation .menu li.page_item_has_children ul.children li ul.children {
left: 200px !important;
top: 0px;
}  .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
width: 100%;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-content.card-block {
padding: 20px;
}
.navigation.post-navigation {
padding-top: 1.875rem;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
border: 1px solid #ddd;
-webkit-border-radius: 0.98rem;
-moz-border-radius: 0.98rem;
border-radius: 0.98rem;
display: inline-block;
padding: 0.313rem 0.875rem;
background: white;
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover {
background: var(--first-color);
color: white;
border: 1px solid var(--first-color);
}
.post-navigation .nav-next a::after,
.posts-navigation .nav-next a::after {
content: " \2192  ";
}
.post-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before {
content: "\2190  ";
}
.navigation.pagination {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
border: 1px solid #ddd;
-webkit-border-radius: 0.98rem;
-moz-border-radius: 0.98rem;
border-radius: 0.98rem;
display: inline-block;
padding: 0.13rem 0.875rem;
background: white;
}
.navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links span.current,
.navigation.pagination .nav-links span:hover {
background: var(--first-color);
color: white;
border: 1px solid var(--first-color);
}
@media screen and (max-width: 560px) {
.navigation.post-navigation .nav-links {
display: flex;
flex-flow: column wrap;
}
.navigation.post-navigation .nav-links .nav-previous,
.navigation.post-navigation .nav-links .nav-next {
margin-bottom: 14px;
width: 100%;
float: none;
text-align: start;
}
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
a img .alignright {
float: right;
margin: 0.313rem 0 1.25rem 1.25rem;
}
a img .alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img .alignleft {
float: left;
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption .alignleft {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption .alignright {
margin: 0.313rem 0 1.25rem 1.25rem;
} .module-border-wrap {
-moz-border-image: -moz-linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%);
-webkit-border-image: -webkit-linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%);
border-image: linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%) 1;
} .comment-form-url input{
width: 100%;
}
.comment-respond input#submit {
background: var(--first-color);
border: none;
color: #fff;
padding: 10px 20px;
font-weight: 600;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-title {
font-size: 1.125rem;
}
.comment-body .pull-left {
padding-right: 0.625rem;
}
.comment-list {
padding-left: 0;
}
.comment-list .comment {
display: block;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback a {
margin-left: 5px;
margin-right: 5px;
} .error-404 input.search-field.form-control {
width: 30%;
}
.error-404 input.search-submit.btn.btn-primary {
width: 30%;
margin-top: 5px;
}
.page-content form.search-from {
display: flex;
justify-content: center;
}
.theme-area-headlines h2 {
font-size: 60px;
font-weight: 900;
}
.not-found-pagetext input.search-submit.btn.btn-primary {
background:var(--first-color);
}
.sticky .entry-title a {
margin-left: 15px;
}
.sticky .entry-title::before {
content: '\f08d';
font-family: "Font Awesome\ 5 Free";
font-size: 20px;
font-weight: 900;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.posted-on,
.byline,
.comments-link {
color: #9a9a9a;
} :root {
--first-color: #9BB935;
} #colophon {
background:var(--first-color);
color: #fff;
}
.widget #wp-calendar caption,#colophon a,#colophon h5 {
color: #fff;
}
#colophon a{
display: flex;
justify-content: center;
padding: 20px 30px;
}
#colophon a:hover, #colophon a:focus {
color: #2b93ff;
}
#colophon ul {
list-style: none;
padding-left: 0;
}
#colophon h5 {
font-weight: 700;
font-size: 30px;
margin-bottom: 28px;
}
#colophon a:hover, #colophon a:focus {
color: #4B2D3E;
}
#colophon .footer-menu ul {
list-style: none;
display: flex;
padding-left: 0;
margin-bottom: 0;
}
#colophon .footer-menu li {
margin-right: 10px;
}
.site-info {
padding: 15px 0;
}
.footer-menu-left {
text-align: right;
}
.footer-column {
border-bottom: 1px solid #fff;
}
.footer-column {
padding: 30px 0;
}
.widget select{
width: 100%;
padding: 8px 4px;
border-radius: 10px;
}
a.rsswidget {
text-decoration-line: underline;
}
#colophon .tagcloud a {
font-size: 15px !important;
display: block;
} .content-area .site-main article header.entry-header img{
margin-top: 30px;
}
.sidebar a{
color: #000000;
font-weight: 400;
font-size: 14px;
}
.sidebar .wp-block-latest-comments li{
margin-bottom: 0px !important;
}
.navigation.pagination{
margin-bottom: 20px !important;
}
.article-box img {
border-radius: 10px;
width: 100%;
height: 400px !important;
object-fit: cover;
}
.single-post .type-post img{
height: 400px;
object-fit: cover;
}
.search-no-results .page-title,.search-no-results .page-content{
text-align: center;
}
.widget a:hover, .widget a:focus {
color: var(--first-color);
}
.widget ul li.recentcomments {
display: block;
padding: 5px 15px;
}
.widget .gallery-item,
.textwidget {
padding: 10px;
}
.widget #wp-calendar caption {
caption-side: top !important;
padding-top: 0;
}
.widget #wp-calendar tbody tr td {
padding: .5rem;
}
.widget #wp-calendar tfoot {
text-align: center;
}
.half-rule {
margin: 2.5rem 0;
width: 6rem;
}
.sidebar section {
border: 1px solid #e3e3e3;
margin-bottom: 30px;
padding: 10px;
color: #4B2D3E;
}
.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading {
font-size: 20px;
color: #fff;
background: var(--first-color);
padding: 15px 10px;
margin-bottom: 0;
text-align: center;
}
.sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading {
margin-bottom: 20px;
}
.sidebar ul li a:before {
content: '\f30b';
font-family: "Font Awesome\ 5 Free";
font-size: 15px;
margin-right: 10px;
font-weight: 900;
}
.sidebar ul {
list-style: none;
padding: 0;
}
.sidebar li {
color: #4B2D3E;
padding: 15px;
font-size: 15px;
font-weight: 500;
}
.sidebar ul li a:before {
content: '\f30b';
font-family: "Font Awesome\ 5 Free";
font-size: 15px;
margin-right: 10px;
font-weight: 900;
}
.sidebar ul li a:hover {
color: var(--first-color);
}
.sidebar ul li a {
color: #4B2D3E;
}
.sidebar .textwidget img,
.sidebar .form-group {
width: 100%;
height: auto;
}
.sidebar select {
padding: 10px;
border: solid 1px #e3e3e3;
background: transparent;
font-size: 14px;
width: 100%;
color: #4B2D3E;
}
.sidebar .tagcloud a {
border: 1px solid #e3e3e3;
color: #4B2D3E;
line-height: 20px;
padding: 5px 10px;
font-size: 12px !important;
display: inline-block;
margin-bottom: 5px;
}
.sidebar .tagcloud a:hover{
background: var(--first-color);
color: #fff;
}
.sidebar .tagcloud {
margin-top: 15px;
}
.sidebar input[type="search"]{
padding: 10px;
width: 100%;
border: solid 1px #e7ebf1;
font-size: 15px;
}
.wp-block-latest-comments article{
margin-bottom: 0px;
}
.sidebar button[type="submit"] {
padding: 8px;
width: 100%;
color: #fff;
}
.sidebar table#wp-calendar {
border: solid 1px #e3e3e3;
text-align: center;
margin-top: 15px;
width: 100%;
}
.sidebar th,#theme-sidebar td {
border-right: solid 1px #e3e3e3;
padding: 10px 0;
}
.sidebar tr {
border-bottom: solid 1px #e3e3e3;
} .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
.infinity-end.neverending .site-footer {
display: block;
} #footer label, iframe, .entry-audio audio, .sidebar input[type="submit"],span.woocommerce-input-wrapper,.checkout label,.woocommerce-page form .password-input,.woocommerce label {
width: 100%;
}
iframe{
height: auto;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
background-color: #fff;
border: 1px solid #dee2e6;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
height: auto;
max-width: 100%;
padding: 0.25rem;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
ul.comment-list .comment .media-body {overflow: auto;}
.toggle-nav.mobile-menu,
a.closebtn.mobile-menu {
display: none;
}
@media screen and (max-width: 320px){
.woocommerce ul.products li{
width: 100% !important;
}
}
@media screen and (max-width: 575px){
.site-logo {
margin-bottom: 20px;
}
#masthead .top-info{
padding-left: 20px !important;
padding-right: 20px !important;
}
.btn-box{
text-align: center !important;
justify-content: space-evenly;
display: flex;
}
.right-box{
text-align: center !important;
}
.translate-btn {
margin: 0 auto;
}
.top-header{
padding-left: 0px !important;
padding-right: 0px !important;
text-align: center;
}
.product-search input {
width: 100%;
}
.btn-box{
text-align: center !important;
}
.wish-btn i{
margin-left: 0px;
}
.main-header{
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 20px;
}
.product-search{
margin-bottom: 20px;
}
.translate-btn {
width: 30%;
}
.btn-box span a{
padding-right: 9px;
}
.slider-inner-box h2{
font-size: 18px;
}
#best-sell {
padding-left: 0px !important;
padding-right: 0px !important;
}
h4.hidedesktop a {
font-size: 18px;
}
.heading h4:before,.heading h4:after{
display: none;
}
}
@media screen and (max-width: 720px){
.toggle-nav,.footer-menu-left,#colophon ul,.slider-box{
text-align: center;
}
.slider-inner-box
.navbar-brand,.admin-bar .navigation_header.stick_header {
margin: 0 auto;
width: 100%;
}
#top-slider button.owl-prev{
left: 0;
}
#top-slider button.owl-next{
right: 0;
}
.slider-inner-box h1 a {
font-size: 18px;
}
.slider-inner-box h1 {
line-height: 18px;
}
.slider-inner-box p {
display: none;
}
}
@media screen and (max-width: 767px){
.translate-btn {
width: 53%;
} 
.btn-box{
text-align: center !important;
}
.product-search input{
width: 100%;
}
.main-header{
padding-top: 20px;
}
.slider-inner-box h2{
font-size: 28px;
}
.hidedesktop {
line-height: 22px;
}
.slider-box img{
height: 300px;
}
}
@media screen and (max-width: 1000px){
#slider-product p.product-title a{
color: #15161a;
}
.slider-box-btn {
margin: 17px 0;
}
.slider-inner-box {
right: 15%;
left: 15%;
}
#site-navigation .menu ul li a{
color: #fff;
}
.nav-box {
outline: none;
background: transparent;
}
.main-navigation .sub-menu > li{
border: none;
}
.alignfull {
max-width: 1000%;
margin-right: ~"calc(50% - 50vw)";
margin-left: ~"calc(50% - 50vw)";
width: auto;
}
.alignwide {
max-width: 1000%;
margin-right: ~"calc(25% - 25vw)";
margin-left: ~"calc(25% - 25vw)";
width: auto;
}
.toggle-nav {
display: none;
cursor: pointer;
z-index: 999999;
}
.toggle-nav i {
font-size: 30px;
color: #ffffff;
padding: 8px;
background: #4B2D3E;
border-radius: 3px;
}
.toggle-nav button {
border: none;
background: transparent;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 99999999;
left: 0;
top: 0;
overflow-x: hidden;
transition: 0.5s ;
overflow-y: scroll;
background: #000;
visibility: hidden;
}
.sidenav.show {
visibility: visible;
width: 300px;
}
.sidenav .closebtn {
position: absolute;
top: 20px;
margin-left: 10px;
display: block;
font-size: 22px;
background: var(--first-color);
border-radius: 5px;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
right: 10px;
}
.sidenav #site-navigation {
width: 100%;
}
.toggle-nav,
.toggle-nav.mobile-menu,
a.closebtn.mobile-menu,
.main-navigation ul ul li,
.nav ul li a{
display: block;
}
.main-navigation .menu {
margin-top: 50px;
padding: 0px 10px;
}
.nav ul li ul,
.nav ul li ul ul{
display:block !important;
}
.nav ul li ul li a:before{
content:"\00BB \00a0";
}
.nav ul li ul li a{
padding-left:20px !important;
}
.nav ul li ul li ul li a{
padding-left:30px !important;
}
.nav ul li ul,
.nav ul li ul ul {
display: block !important;
opacity: 1 !important;
}
.main-navigation ul ul{
position: static;
width: 100%;
}
.main-navigation li{
padding: 0;
}
.main-navigation .sub-menu{
position: static;
background: transparent;
}
.main-navigation .menu > li > a,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
border: none;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
background: transparent;
color: var(--first-color) !important;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
color: var(--first-color);
}
.main-navigation .menu{
text-align: left;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
.slider-inner-box{
top: 60%;
}
}
@media screen and (min-width:1700px) and (max-width:1900px){
.container{
max-width: 1520px;
}
}
@media screen and (min-width:1920px) {
.container{
max-width: 1620px;
}
}