* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: poppins, sans-serif;
background-color: #f7f4f1;
}
.hamburger-box {
margin-bottom: 10px !important;
}
#wprmenu_bar .bar_logo {
height: 65px !important;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 60px;
position: absolute;
top: 0px;
z-index: 1;
width: 100%;
}
.header .logo {
font-size: 24px;
font-weight: bold;
width: 160px;
height: 140px;
}
.header-icons img {
width: 40px;
}
.header .logo img {
width: 100%;
}
.header .right {
display: flex;
align-items: center;
gap: 40px;
}
.header nav ul {
list-style: none;
display: flex;
}
.header nav ul li {
margin: 0 10px;
}
.header nav ul a {
color: #992611;
font-weight: 600;
text-decoration: none;
}
.header .header-icons {
display: flex;
gap: 40px;
}
.header .header-icons a {
margin-left: 10px;
font-size: 18px;
color: #333;
}
.header .header-icons .cart {
position: relative;
display: flex;
}
.header .header-icons .cart .count {
border-radius: 15px;
background-color: #992611;
position: absolute;
top: -9px;
right: -4px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
color: white;
border: 1.5px solid white;
padding: 3px;
width: 26px;
height: 26px;
}
.hero {
text-align: center;
color: #333;
position: relative;
}
.hero img {
width: 100%;
}
.hero h1 {
position: absolute;
margin-bottom: 20px;
bottom: 240px;
left: 23%;
width: 52%;
font-size: 48px;
font-weight: 600;
line-height: 56px;
text-align: center;
color:#fff;
}
.hero h1 span{
color:#E68035;
}
.page-template-index .hero h1 span{color:#E68035;}
.hero .hero-icons {
display: flex;
justify-content: center;
gap: 20px;
background: #992611;
position: absolute;
bottom: -64px;
width: 100%;
padding: 15px;
overflow: auto;
}
.hero .hero-icons img {
width: 28px;
height: 28px;
}
.hero .hero-icons span {
color: #ffffff;
padding: 10px;
border-radius: 5px;
display: flex;
align-items: center;
gap: 10px;
min-width: fit-content;
}
.top-selling {
padding: 40px 20px;
background: #fff;
text-align: center;
margin-top: 65px;
}
.top-selling .top a {
text-decoration: none;
color: #333;
display: flex;
align-items: center;
gap: 10px;
}
.top-selling .product-grid {
display: flex;
gap: 40px;
margin-top: 20px;
flex-flow: row wrap;
justify-content: center;
}
.top-selling .product-grid .product-card {
text-align: center;
}
.top-selling .product-grid .product-card .row {
display: flex;
justify-content: space-between;
align-items: center;
}
.productmeta {
display: flex;
justify-content: space-between;
}
.top-selling .product-grid .product-card .bottom {
color: #25272c;
border-top: 1px solid #25272c;
padding-top: 15px;
}
.top-selling .product-grid .product-card img {
width: 100%;
height: auto;
max-width: 262px;
}
.top-selling .product-grid .product-card h3 { margin: 10px 0;
font-size: 16px;
font-weight: 600;
line-height: 28px;
text-align: left;
}
.top-selling .product-grid .product-card .row p {
font-size: 14px;
}
.top-selling .product-grid .product-card h3 a {
font-size: 16px;
font-weight: 600;
text-decoration: none;
color: #25272C;
}
.top-selling .product-grid .product-card span {
color: #25272c;
font-size: 14px;
font-weight: 600;
line-height: 18px;
text-align: right;
}
.top-selling .product-grid .product-card button {
background: none;
padding: 10px;
color: #992611;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: center;
}
.top-selling .product-grid .product-card a.add_to_cart_button {
background: none;
padding: 0 !important;
color: #992611;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: right;
text-decoration: none;
text-transform: uppercase;
}
.pure-spices,
.pure-seeds {
background-image: url(https://www.rootsnspices.com/wp-content/themes/spices/assets/banner_2.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 580px; display: flex;
align-items: center;
color: #fff;
text-align: center;
}
.pure-spices .content,
.pure-seeds .content {
width: 300px;
margin-left: 20%;
display: flex;
flex-flow: column;
}
.pure-spices h2 .left,
.pure-seeds h2 .left {
position: relative;
left: -22px;
}
.pure-spices h2 span,
.pure-seeds h2 span {
color: #992611;
font-size: 64px;
font-weight: 500;
line-height: 56px;
text-align: left;
}
.pure-spices p,
.pure-seeds p {
color: #25272c;
font-size: 16px;
font-weight: 400;
line-height: 22px;
text-align: left;
padding: 20px 0;
}
a.button-red {
}
.pure-seeds {
background-image: url(https://www.rootsnspices.com/wp-content/themes/spices/assets/banner_3.png); justify-content: end;
}
.pure-seeds .content {
margin-right: 6%;
}
.customer-reflections .testimonials {
max-width: 600px;
padding: 80px 0px;
margin-left: 10%;
}
.recipes {
padding: 40px 60px;
background: #fff;
text-align: center;
}
.recipes h2 {
font-size: 32px;
font-weight: 600;
line-height: 48px;
text-align: left;
color: #992611;
margin-bottom: 25px;
}
.recipes .recipe-cards {
display: flex;
gap: 20px;
}
.recipes .recipe-cards .recipe-card {
text-align: left;
width: calc(100% / 3);
}
.recipes .recipe-cards .recipe-card:first-child {
min-width: 50%;
}
.recipes .recipe-cards .recipe-card img {
width: 100%;
height: auto;
}
.recipes .recipe-cards .recipe-card h3 {
font-size: 18px;
margin: 10px 0;
text-align: left;
}
.recipes .recipe-cards .recipe-card a {
color: #992611;
text-decoration: none;
text-align: left;
font-weight: 600;
}
.footer {
background: #3d0f07;
color: #fff;
padding: 40px 60px 25px 60px;
}
.footer .section {
gap: 30px;
display: flex;
justify-content: space-between;
}
.footer .footerSection {
width: calc(33.3333333333% - 30px);
}
.footer .footerSection:first-child {
min-width: 50%;
}
.footer .footerSection h3 {
margin-bottom: 30px;
font-size: 24px;
opacity: 90%;
}
.footer .footerSection p {
color: white;
opacity: 80%;
margin-bottom: 25px;
}
.footer .footerSection h4 {
opacity: 90%;
margin-bottom: 20px;
font-size: 16px;
}
.footer .footerSection h4 a {
color: white;
text-decoration: none;
}
.footer .footerSection ul {
list-style: none;
padding: 0px;
}
.footer .footerSection ul li {
margin-bottom: 20px;
}
.footer .footerSection ul a {
text-decoration: none;
color: white;
opacity: 80%;
}
.footer .footerSection .social {
display: flex;
width: 100%;
gap: 40px;
}
.footer .copyright {
display: flex;
justify-content: end;
opacity: 80%;
}
.owl-carousel-center .item {
text-align: right;
background: #23abcc;
opacity: 0.4;
}
.owl-carousel-center .item .center {
opacity: 1;
}
.owl-carousel-single .item {
background: #a37c5a;
text-align: center;
}
.product .header,
.recipe .header,
.aboutus .header,
.productDetail .header,
.defaults .header {
position: relative;
background-color: #f7f4f1;
}
.product .top-selling .top h2,
.recipe .top-selling .top h2,
.aboutus .top-selling .top h2,
.productDetail .top-selling .top h2 {
font-size: 42px;
position: relative;
margin-bottom: 80px;
font-weight: 500;
}
.product .top-selling .top h2 span,
.recipe .top-selling .top h2 span,
.aboutus .top-selling .top h2 span,
.productDetail .top-selling .top h2 span {
color: #992611;
font-size: 64px;
position: absolute;
bottom: -60px;
left: 20px;
font-weight: 600;
}
.product .top-selling .top .right,
.recipe .top-selling .top .right,
.aboutus .top-selling .top .right,
.productDetail .top-selling .top .right {
display: flex;
align-items: center;
gap: 10px;
}
.product .top-selling .top .right .count,
.recipe .top-selling .top .right .count,
.aboutus .top-selling .top .right .count,
.productDetail .top-selling .top .right .count {
padding-right: 10px;
font-size: 24px;
font-weight: 600;
}
.product .top-selling .top .right .filterBtn,
.recipe .top-selling .top .right .filterBtn,
.aboutus .top-selling .top .right .filterBtn,
.productDetail .top-selling .top .right .filterBtn {
background-color: transparent;
border-radius: 2px;
padding: 5px;
cursor: pointer;
color: #25272c;
border-color: #25272c;
font-size: 16px;
}
.productDetail .top-selling .top h2 {
margin-bottom: 0px;
} .productDetail .pure-spices h2,
.productDetail .pure-seeds h2 {
margin-bottom: 20px;
}
.productDetail .pure-spices p,
.productDetail .pure-seeds p {
margin-bottom: 25px;
}
.productDetail .pure-spices .curcumin,
.productDetail .pure-seeds .curcumin {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.productDetail .pure-spices .curcumin .leftDetail,
.productDetail .pure-seeds .curcumin .leftDetail {
padding-left: 150px;
}
.productDetail .pure-spices .curcumin .left .benifitsBox,
.productDetail .pure-seeds .curcumin .left .benifitsBox {
display: flex;
color: #000;
min-width: 50%;
align-items: center;
gap: 30px;
margin-bottom: 40px;
}
.productDetail .pure-spices .curcumin .left .benifitsBox h3,
.productDetail .pure-seeds .curcumin .left .benifitsBox h3 {
font-size: 14px;
font-weight: 500;
}
.productDetail .pure-spices .curcumin .left .benifitsBox .imgBox,
.productDetail .pure-seeds .curcumin .left .benifitsBox .imgBox {
width: 64px;
display: flex;
justify-content: center;
}
.productDetail .pure-spices .curcumin .left .box,
.productDetail .pure-seeds .curcumin .left .box {
width: 196px;
height: 146px;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
padding: 15px;
background-color: #fff;
border-radius: 24px;
color: #000;
}
.productDetail .pure-spices .curcumin .left .box:first-child,
.productDetail .pure-seeds .curcumin .left .box:first-child {
margin-right: 40px;
margin-left: -40px;
margin-bottom: 40px;
}
.productDetail .pure-spices .curcumin .left .box h3,
.productDetail .pure-seeds .curcumin .left .box h3 {
font-size: 16px;
margin-bottom: 5px;
}
.productDetail .pure-spices .curcumin .left .box h4,
.productDetail .pure-seeds .curcumin .left .box h4 {
font-size: 12px;
font-weight: 500;
}
.productDetail .pure-spices .curcumin .left .box img,
.productDetail .pure-seeds .curcumin .left .box img {
height: 80px;
width: 80px;
}
.productDetail .pure-spices .curcumin .content,
.productDetail .pure-seeds .curcumin .content {
margin-left: 0%;
width: 100%;
}
.productDetail .pure-spices .curcumin .content .heading,
.productDetail .pure-seeds .curcumin .content .heading {
font-size: 32px;
padding-left: 30px;
}
.productDetail .pure-spices .curcumin .content span,
.productDetail .pure-seeds .curcumin .content span {
color: #992611;
font-weight: 500;
}
.productDetail .hero .hero-icons {
position: initial;
}
.medicinalProperties {
background: transparent !important;
}
.cDtestimonials .owl-carousel .owl-item .itemBox {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.cDtestimonials .owl-carousel .owl-item .itemBox img {
width: 174px !important;
}
.cDtestimonials .owl-carousel .owl-item .itemBox p {
width: 50%;
}
input.xoo-ml-phone-cc.woocommerce-Input.input-text.woocommerce-Input--text {
width: 60px !important;
}
.login,
.loginSignup,
.loginOtp {
max-height: 100vh;
}
.login .banner,
.loginSignup .banner,
.loginOtp .banner {
position: absolute;
top: 190px;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0px 60px;
}
.login .banner .loginBox,
.loginSignup .banner .loginBox,
.loginOtp .banner .loginBox {
width: 330px;
background-color: white;
border-radius: 8px;
padding: 30px;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.login .banner .loginBox .inpuptBox,
.loginSignup .banner .loginBox .inpuptBox,
.loginOtp .banner .loginBox .inpuptBox {
margin-top: 30px;
width: 100%;
}
.login .banner .loginBox .inpuptBox input,
.loginSignup .banner .loginBox .inpuptBox input,
.loginOtp .banner .loginBox .inpuptBox input {
padding: 5px 15px;
font-size: 12px;
width: 100%;
height: 42px !important;
}
.login .banner .loginBox button,
.loginSignup .banner .loginBox button,
.loginOtp .banner .loginBox button {
width: 100%;
}
.login .banner .loginBox .bottom span,
.loginSignup .banner .loginBox .bottom span,
.loginOtp .banner .loginBox .bottom span {
color: #992611;
cursor: pointer;
}
.login h1,
.loginSignup h1,
.loginOtp h1 {
font-size: 48px;
color: #992611;
width: auto;
bottom: auto;
position: initial;
}
.login h1 span,
.loginSignup h1 span,
.loginOtp h1 span {
display: block;
color: #000;
}
.login h2,
.loginSignup h2,
.loginOtp h2 {
font-size: 22px;
width: auto;
bottom: auto;
position: initial;
}
.login h2 span,
.loginSignup h2 span,
.loginOtp h2 span {
color: #666;
}
.loginOtp {
height: 700px;
}
.loginOtp .banner h1 {
margin-top: 30px;
}
.loginOtp .loginBox .otp {
font-size: 12px;
margin-top: 10px;
}
.loginOtp .loginBox img {
width: 100px;
margin-bottom: 15px;
}
.loginOtp .loginBox .inpuptBox {
display: flex;
gap: 15px;
}
.loginOtp .loginBox .inpuptBox input {
width: 30px !important;
}
.loginOtp .loginBox .bottom {
margin-top: 20px !important;
}
.loginSignup .banner .loginBox .bottom {
margin-top: 20px !important;
text-align: left;
}
.loginSignup .banner .loginBox input:first-child {
margin-bottom: 20px;
}
.top-selling a.btmbtn {
top: 30px;
position: relative;
}
.recipe .top-selling,
.aboutus .top-selling {
background-color: transparent;
margin-top: 0px;
padding-top: 0px;
}
.recipe .top-selling .top h2,
.aboutus .top-selling .top h2 {
margin-bottom: 0px;
font-size: 32px;
color: #000;
}
.recipe .top-selling .product-grid,
.aboutus .top-selling .product-grid {
justify-content: flex-start;
padding-left: 40px;
}
.recipe .top-selling .product-grid .product-card,
.aboutus .top-selling .product-grid .product-card {
width: 260px;
}
.recipe .recipeBanner img,
.aboutus .recipeBanner img {
width: 100%;
}
.recipe .recipes,
.aboutus .recipes {
background-color: transparent;
}
.recipe .hero-icons,
.aboutus .hero-icons,
.defaults .hero-icons {
position: initial;
}
.recipeSection {
padding: 80px;
}
.recipeSection .top {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.recipeSection .top .left h2 {
font-size: 32px;
margin-bottom: 10px;
}
.recipeSection .top .left h1 {
font-size: 48px;
margin-bottom: 30px;
}
.recipeSection .top .left h1 span {
color: #992611;
}
.recipeSection .top .left .detail {
display: flex;
align-items: center;
gap: 30px;
}
.recipeSection .top .left .detail .time {
display: flex;
align-items: center;
gap: 20px;
}
.recipeSection .top .left .detail .serve {
display: flex;
align-items: center;
gap: 20px;
}
.recipeSection .top .right img {
cursor: pointer;
}
.recipeSection .content {
display: flex;
justify-content: space-between;
gap: 90px;
}
.recipeSection .content .left {
width: 50%;
}
.recipeSection .content .left h3 {
font-size: 32px;
margin-bottom: 30px;
font-weight: 500;
}
.recipeSection .content .left .ingredients {
display: flex;
align-items: center;
gap: 60px;
border-bottom: 1px dashed #000;
padding-bottom: 10px;
margin-bottom: 10px;
}
.recipeSection .content .left .ingredients .value {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #000;
height: 24px;
border-radius: 5px;
background-color: #fff;
color: #000;
padding: 0px 5px;
}
.recipeSection .content .right {
width: 50%;
}
.recipeSection .content .right h3 {
font-size: 32px;
margin-bottom: 30px;
font-weight: 500;
}
.recipeSection .content .right .instructions .step {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #000;
width: 48px;
height: 48px;
border-radius: 2px;
background-color: #fff;
color: #000;
margin-bottom: 30px;
}
.recipeSection .content .right .instructions .describe {
font-size: 16px;
line-height: 32px;
margin-bottom: 30px;
}
.aboutus .recipeBanner,
.defaults .recipeBanner {
position: relative;
}
.aboutus .recipeBanner .content {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.aboutus .recipeBanner .content h1 {
color: #E68035;
font-size: 48px;
margin-bottom: 30px;
}
.aboutus .recipeBanner .content p {
font-size: 32px;
color: white;
max-width: 400px;
text-align: center;
}
.aboutus .about {
padding: 80px 120px;
width: 70%;
}
.aboutus .about h3 {
font-size: 24px;
margin-bottom: 30px;
}
.aboutus .about p {
line-height: 22px;
margin-bottom: 15px;
}
.aboutus .about .heading {
margin-top: 30px;
}
.aboutus .about .list {
display: flex;
margin-bottom: 30px;
gap: 60px;
}
.aboutus .about .list .key {
font-weight: 600;
min-width: 60px;
}
.aboutus .about .list .value {
line-height: 22px;
}
.aboutus .showcaseBanner {
padding: 0px 120px;
position: relative;
}
.aboutus .showcaseBanner .text {
position: absolute;
top: 50px;
left: 170px;
border-radius: 16px;
background-color: #992611;
font-size: 24px;
height: 145px;
color: white;
padding: 0px 30px;
max-width: 440px;
font-weight: 600;
font-weight: 600;
text-transform: uppercase;
display: flex;
align-items: center;
}
.aboutus .showcaseBanner img {
width: 100%;
}
.aboutus .journey {
margin-top: 40px;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
margin-left: 120px;
margin-bottom: 120px;
} .owl-theme .owl-dots .owl-dot {
width: auto;
}
.owl-theme .owl-dots .owl-dot span {
border: 1px solid #000;
background-color: transparent !important;
width: 15px !important;
height: 15px !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background-color: #ffae55 !important;
border: none !important;
}
.cDtestimonials .owl-carousel .owl-item .itemBox {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.cDtestimonials .owl-carousel .owl-item .itemBox img {
width: 174px !important;
}
.cDtestimonials .owl-carousel .owl-item .itemBox h3 {
font-size: 40px;
margin-bottom: 30px;
}
.cDtestimonials .owl-carousel .owl-item .itemBox p {
text-align: center;
margin-bottom: 20px;
font-size: 16px;
}
.top-selling .default-container {
padding: 0 60px;
}
.defaults .default-container {
padding: 80px 120px;
width: 100%;
}
.default-container h3 {
font-size: 24px;
margin-bottom: 30px;
}
.default-container p {
line-height: 22px;
margin-bottom: 15px;
}
.defaults .ecommerce-container {
padding: 20px 60px;
width: 100%;
text-align: left;
}
.top-selling.ecommerce-main {
background-color: #f7f4f1;
margin-top: 0px;
}
.cart_item .product-thumbnail img {
width: 100px !important;
}
.woocommerce-page div.product div.summary {
float: inherit;
width: 45%;
}
.woocommerce-page div.product div.images {
float: inherit;
width: 55%;
padding-right: 100px;
}
.productDetail .detailproduct {
display: flex;
}
.productDetail .attributes-cls {
display: flex;
list-style: none;
padding: 10px 0;
align-items: center;
gap: 20px;
}
.productDetail .attributes-cls li span {
display: flex;
align-items: center;
gap: 10px;
}
.productDetail .product_title {
padding-bottom: 10px;
}
.productDetail .weight {
padding: 10px 0;
}
.productDetail .woocommerce-product-details__short-description {
padding: 20px 0;
}
.productDetail .price {
color: #25272C !important;
padding: 10px 0 10px 0;
font-size: 22px !important;
font-weight: 600;
}
.productDetail .single_add_to_cart_button {
background: #992611 !important;
}
.productDetail .single_add_to_cart_button:hover {
background: #992611 !important;
}
.woocommerce div.product form.cart .button {
height: 45px;
width: 170px;
border-radius: 0;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor {
color: #25272C;
font-size: 16px;
text-decoration: none;
}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
color: #992611;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: flex;
flex-flow: column;
max-width: 100px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
border: 1px solid transparent;
}
.woocommerce-page div.product div.images {
margin-right: 100px;
padding: 10px;
}
a.btmbtn {
margin-top: 20px;
padding: 10px 20px;
background: #992611;
color: #fff;
border: none;
cursor: pointer;
width: 190px;
font-weight: 500;
font-size: 16px;
text-decoration: none;
}
.owl-carousel .owl-item img.testimonial_mobile {
display: none;
} .woocommerce div.product div.images .flex-control-thumbs li img:hover {
border: 1px solid #992611;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
top: auto;
bottom: 20px;
}
.productDetail .woocommerce-breadcrumb {
padding-left: 15px;
} .wrap-cart {
display: flex;
}
form.woocommerce-cart-form {
width: 65%;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 40%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
padding-left: 60px;
padding-right: 60px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: #992611;
height: 42px;
line-height: 42px;
margin-bottom: 0px;
padding: 0px;
text-decoration: none;
color: white;
font-size: 16px;
text-transform: capitalize;
}
.cart_totals h4 {
font-weight: 500;
margin: 20px 0px;
}
.wrap-cart th {
font-weight: 500 !important;
}
.woocommerce-shipping-destination strong,
.woocommerce-Price-amount.amount {
font-weight: 500 !important;
}
.woocommerce-shipping-methods label {
font-weight: 400 !important;
}
.woocommerce table.shop_table tbody td {
font-weight: 400 !important;
}
.woocommerce table.shop_table .product-name a {
text-decoration: none;
color: #000;
font-weight: 500;
}
#wprmenu_bar div.hamburger {
display: flex;
gap: 20px;
align-items: center;
padding-right: 25px;
}
.hamburger .header-icons {
display: flex;
gap: 20px;
align-items: center;
}
.woocommerce-wishlist .default-container h3 {
display: none !important;
}
.woocommerce-cart-form__contents #coupon_code {
height: 40px;
width: 100px;
border-radius: 5px;
}
.login .bottom {
display: flex;
justify-content: space-between;
width: 100%;
}
.xoo-ml-notice-error {
background-color: none;
font-size: 14px;
padding: 0px !important;
}
.registernote {
font-size: 14px;
line-height: 16px;
margin-bottom: 20px;
}
.top-selling .top a {
text-decoration: none;
color: #333;
display: flex;
align-items: center;
gap: 10px;
}
.header-icons nav ul a {
color: #992611;
font-weight: 600;
text-decoration: none;
}
.header-icons .header-icons {
display: flex;
gap: 40px;
}
.header-icons .header-icons a {
margin-left: 10px;
font-size: 18px;
color: #333;
}
.header-icons .cart {
position: relative;
display: flex;
}
.header-icons .cart .count {
border-radius: 15px;
background-color: #992611;
position: absolute;
top: -9px;
right: -4px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
color: white;
border: 1.5px solid white;
padding: 3px;
width: 26px;
height: 26px;
}
.hero {
text-align: center;
color: #333;
position: relative;
}
.hero img {
width: 100%;
}
.hero .mobile {
display: none;
}
.hero .hero-icons {
display: flex;
justify-content: center;
gap: 20px;
background: #992611;
position: absolute;
bottom: -64px;
width: 100%;
padding: 15px;
overflow: hidden;
}
@keyframes .hero-icons {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.hero .hero-icons img {
width: 28px;
height: 28px;
}
.top-selling {
padding: 40px 20px 80px;
background: #fff;
text-align: center;
margin-top: 65px;
}
.top-selling .top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
padding: 0px 60px;
}
.top-selling h2 {
font-size: 32px;
font-weight: 600;
line-height: 48px;
text-align: left;
}
.top-selling .product-grid {
display: flex;
gap: 40px;
margin-top: 20px;
flex-flow: row wrap;
justify-content: center;
}
.top-selling .product-grid .product-card {
text-align: center;
}
.top-selling .product-grid .product-card .row {
display: flex;
justify-content: space-between;
align-items: center;
}
.top-selling .product-grid .product-card .bottom {
color: #25272c;
border-top: 1px solid #25272c;
padding-top: 15px;
}
.top-selling .product-grid .product-card img {
width: 100%;
height: auto;
max-width: 262px;
}
.top-selling .product-grid .product-card h3 { margin: 10px 0;
font-size: 16px;
font-weight: 600;
line-height: 28px;
text-align: left;
}
.top-selling .product-grid .product-card .row p {
font-size: 14px;
}
.top-selling .product-grid .product-card h3 a {
font-size: 16px;
font-weight: 600;
text-decoration: none;
color: #25272C;
}
.top-selling .product-grid .product-card span {
color: #25272c;
font-size: 14px;
font-weight: 600;
line-height: 18px;
text-align: right;
}
.top-selling .product-grid .product-card button {
background: none;
padding: 10px;
color: #992611;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: center;
}
.top-selling .product-grid .product-card a.add_to_cart_button {
background: none;
padding: 0 !important;
color: #992611;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: right;
text-decoration: none;
text-transform: uppercase;
}
.pure-spices,
.pure-seeds {
background-image: url(https://www.rootsnspices.com/wp-content/themes/spices/assets/banner_2.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 580px; display: flex;
align-items: center;
color: #fff;
text-align: center;
}
.pure-spices .content,
.pure-seeds .content {
width: 300px;
margin-left: 20%;
display: flex;
flex-flow: column;
}
.pure-spices h2,
.pure-seeds h2 {
font-size: 48px;
font-weight: 400;
line-height: 56px;
text-align: left;
color: #25272c;
}
.pure-spices h2 .left,
.pure-seeds h2 .left {
position: relative;
left: -22px;
}
.pure-spices h2 span,
.pure-seeds h2 span {
color: #992611;
font-size: 64px;
font-weight: 500;
line-height: 56px;
text-align: left;
}
.pure-spices p,
.pure-seeds p {
color: #25272c;
font-size: 16px;
font-weight: 400;
line-height: 22px;
text-align: left;
padding: 5px 0;
}
button,
a.cart-btn {
margin-top: 20px;
padding: 10px 20px;
background-color: #992611 !important;
color: #fff !important;
height: 45px;
border: none;
cursor: pointer;
width: 190px;
font-weight: 500;
font-size: 16px; text-decoration: none;
}
a.button-red {
}
.pure-seeds {
background-image: url(https://www.rootsnspices.com/wp-content/themes/spices/assets/banner_3.png); justify-content: end;
}
.pure-seeds .content {
margin-right: 6%;
}
.customer-reflections { background-size: cover; background-position: center; background-repeat: no-repeat; height: 509px; display: flex;
color: #fff;
text-align: center;
}
.customer-reflections h2 {
font-size: 32px;
font-weight: 600;
line-height: 48px;
color: #992611;
margin-bottom: 60px;
text-align: left;
}
.recipes {
padding: 40px 60px;
background: #fff;
text-align: center;
}
.recipes h2 {
font-size: 32px;
font-weight: 600;
line-height: 48px;
text-align: left;
color: #992611;
margin-bottom: 25px;
}
.recipes .recipe-cards {
display: flex;
gap: 20px;
}
.recipes .recipe-cards .recipe-card {
text-align: left;
width: calc(100% / 3);
}
.recipes .recipe-cards .recipe-card:first-child {
min-width: 50%;
}
.recipes .recipe-cards .recipe-card img {
width: 100%;
height: auto;
}
.recipes .recipe-cards .recipe-card h3 {
font-size: 18px;
margin: 10px 0;
text-align: left;
}
.recipes .recipe-cards .recipe-card a {
color: #992611;
text-decoration: none;
text-align: left;
font-weight: 600;
}
.footer {
background: #3d0f07;
color: #fff;
padding: 40px 60px 25px 60px;
}
.footer .section {
gap: 30px;
display: flex;
justify-content: space-between;
}
.footer .footerSection {
width: calc(33.3333333333% - 30px);
}
.footer .footerSection:first-child {
min-width: 50%;
}
.footer .footerSection h3 {
margin-bottom: 30px;
font-size: 24px;
opacity: 90%;
}
.footer .footerSection p {
color: white;
opacity: 80%;
margin-bottom: 25px;
}
.footer .footerSection h4 {
opacity: 90%;
margin-bottom: 20px;
font-size: 16px;
}
.footer .footerSection h4 a {
color: white;
text-decoration: none;
}
.footer .footerSection ul {
list-style: none;
padding: 0px;
}
.footer .footerSection ul li {
margin-bottom: 20px;
}
.footer .footerSection ul a {
text-decoration: none;
color: white;
opacity: 80%;
}
.footer .footerSection .social {
display: flex;
width: 100%;
gap: 40px;
}
.footer .copyright {
display: flex;
justify-content: end;
opacity: 80%;
}
.owl-carousel-center .item {
text-align: right;
background: #23abcc;
opacity: 0.4;
}
.owl-carousel-center .item .center {
opacity: 1;
}
.owl-carousel-single .item {
background: #a37c5a;
text-align: center;
}
.product .header,
.recipe .header,
.aboutus .header,
.productDetail .header,
.defaults .header {
position: relative;
background-color: #f7f4f1;
}
.product .top-selling .top h2,
.recipe .top-selling .top h2,
.aboutus .top-selling .top h2,
.productDetail .top-selling .top h2 {
font-size: 42px;
position: relative;
margin-bottom: 80px;
font-weight: 500;
}
.product .top-selling .top h2 span,
.recipe .top-selling .top h2 span,
.aboutus .top-selling .top h2 span,
.productDetail .top-selling .top h2 span {
color: #992611;
font-size: 64px;
position: absolute;
bottom: -60px;
left: 20px;
font-weight: 600;
}
.product .top-selling .top .right,
.recipe .top-selling .top .right,
.aboutus .top-selling .top .right,
.productDetail .top-selling .top .right {
display: flex;
align-items: center;
gap: 10px;
}
.product .top-selling .top .right .count,
.recipe .top-selling .top .right .count,
.aboutus .top-selling .top .right .count,
.productDetail .top-selling .top .right .count {
padding-right: 10px;
font-size: 24px;
font-weight: 600;
}
.product .top-selling .top .right .filterBtn,
.recipe .top-selling .top .right .filterBtn,
.aboutus .top-selling .top .right .filterBtn,
.productDetail .top-selling .top .right .filterBtn {
background-color: transparent;
border-radius: 2px;
padding: 5px;
cursor: pointer;
color: #25272c;
border-color: #25272c;
font-size: 16px;
}
.productDetail .top-selling {
margin-top: 0px;
text-align: left;
background: transparent !important;
padding: 40px;
}
.productDetail .top-selling .top h2 {
margin-bottom: 0px;
}
.productDetail .pure-spices,
.productDetail .pure-seeds {
background: #ebe4dd;
overflow: hidden;
padding: 0px 40px;
}
.productDetail .pure-spices h2,
.productDetail .pure-seeds h2 {
margin-bottom: 20px;
}
.productDetail .pure-spices h2 .left,
.productDetail .pure-seeds h2 .left {
padding-left: 0px;
left: 45px;
font-size: 32px;
line-height: normal;
}
.productDetail .pure-spices h2 span,
.productDetail .pure-seeds h2 span {
font-size: 40px;
font-weight: 600;
}
.productDetail .pure-spices p,
.productDetail .pure-seeds p {
margin-bottom: 25px;
}
.productDetail .pure-spices .curcumin,
.productDetail .pure-seeds .curcumin {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.productDetail .pure-spices .curcumin .leftDetail,
.productDetail .pure-seeds .curcumin .leftDetail {
padding-left: 150px;
}
.productDetail .pure-spices .curcumin .left,
.productDetail .pure-seeds .curcumin .left {
min-width: 50%;
display: flex;
justify-content: start;
flex-flow: row wrap;
padding-right: 30px;
}
.productDetail .pure-spices .curcumin .left .benifitsBox,
.productDetail .pure-seeds .curcumin .left .benifitsBox {
display: flex;
color: #000;
min-width: 50%;
align-items: center;
gap: 30px;
margin-bottom: 40px;
}
.productDetail .pure-spices .curcumin .left .benifitsBox h3,
.productDetail .pure-seeds .curcumin .left .benifitsBox h3 {
font-size: 14px;
font-weight: 500;
text-align: left;
}
.productDetail .pure-spices .curcumin .left .benifitsBox .imgBox,
.productDetail .pure-seeds .curcumin .left .benifitsBox .imgBox {
width: 64px;
display: flex;
justify-content: center;
}
.productDetail .pure-spices .curcumin .left .box,
.productDetail .pure-seeds .curcumin .left .box {
width: 196px;
height: 146px;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
padding: 15px;
background-color: #fff;
border-radius: 24px;
color: #000;
}
.productDetail .pure-spices .curcumin .left .box:first-child,
.productDetail .pure-seeds .curcumin .left .box:first-child {
margin-right: 40px;
margin-left: -40px;
margin-bottom: 40px;
}
.productDetail .pure-spices .curcumin .left .box h3,
.productDetail .pure-seeds .curcumin .left .box h3 {
font-size: 16px;
margin-bottom: 5px;
}
.productDetail .pure-spices .curcumin .left .box h4,
.productDetail .pure-seeds .curcumin .left .box h4 {
font-size: 12px;
font-weight: 500;
}
.productDetail .pure-spices .curcumin .left .box img,
.productDetail .pure-seeds .curcumin .left .box img {
height: 80px;
width: 80px;
}
.productDetail .pure-spices .curcumin .right,
.productDetail .pure-seeds .curcumin .right {
min-width: 50%;
padding-right: 20px;
padding-left: 20px;
}
.productDetail .pure-spices .curcumin .content,
.productDetail .pure-seeds .curcumin .content {
margin-left: 0%;
width: 100%;
}
.productDetail .hero .hero-icons {
position: initial;
}
.medicinalProperties {
background: transparent !important;
}
.pure-spices.medicinalProperties .curcumin .right{
padding-left: 60px;
}
.cDtestimonials .owl-carousel .owl-item .itemBox {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.cDtestimonials .owl-carousel .owl-item .itemBox img {
width: 174px !important;
}
.cDtestimonials .owl-carousel .owl-item .itemBox p {
width: 50%;
}
.productDetail .top-selling.cDTopSelling {
background-color: #f1ebe6 !important;
}
.login,
.loginSignup,
.loginOtp {
max-height: 100vh;
}
.login .banner,
.loginSignup .banner,
.loginOtp .banner {
position: absolute;
top: 190px;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0px 60px;
}
.login .banner .loginBox,
.loginSignup .banner .loginBox,
.loginOtp .banner .loginBox {
width: 400px;
background-color: white;
border-radius: 8px;
padding: 30px;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.loginBox .woocommerce {
width: 100%;
}
.login .banner .loginBox .inpuptBox,
.loginSignup .banner .loginBox .inpuptBox,
.loginOtp .banner .loginBox .inpuptBox {
margin-top: 30px;
width: 100%;
}
.loginBox .woocommerce .xoo-ml-has-cc .xoo-ml-reg-phone-cc {
}
.login .banner .loginBox button,
.loginSignup .banner .loginBox button,
.loginOtp .banner .loginBox button {
width: 100%;
}
.login .banner .loginBox .bottom,
.loginSignup .banner .loginBox .bottom,
.loginOtp .banner .loginBox .bottom {
margin-top: 20px;
font-size: 12px;
font-weight: 500;
}
.login .banner .loginBox .bottom span,
.loginSignup .banner .loginBox .bottom span,
.loginOtp .banner .loginBox .bottom span {
color: #992611;
cursor: pointer;
}
.login h1,
.loginSignup h1,
.loginOtp h1 {
font-size: 48px;
color: #992611;
width: auto;
bottom: auto;
position: initial;
}
.login h1 span,
.loginSignup h1 span,
.loginOtp h1 span {
display: block;
color: #000;
}
.login h2,
.loginSignup h2,
.loginOtp h2 {
font-size: 22px;
width: auto;
bottom: auto;
position: initial;
}
.login h2 span,
.loginSignup h2 span,
.loginOtp h2 span {
color: #666;
}
.loginOtp {
height: 700px;
}
.loginOtp .banner h1 {
margin-top: 30px;
}
.loginOtp .loginBox .otp {
font-size: 12px;
margin-top: 10px;
}
.loginOtp .loginBox img {
width: 100px;
margin-bottom: 15px;
}
.loginOtp .loginBox .inpuptBox {
display: flex;
gap: 15px;
}
.loginOtp .loginBox .inpuptBox input {
width: 30px !important;
}
.loginOtp .loginBox .bottom {
margin-top: 20px !important;
}
.loginSignup .banner .loginBox .bottom {
margin-top: 20px !important;
text-align: left;
}
.loginSignup .banner .loginBox input:first-child {
margin-bottom: 20px;
}
.recipe .top-selling,
.aboutus .top-selling {
background-color: transparent;
margin-top: 0px;
padding-top: 0px;
}
.recipe .top-selling .top h2,
.aboutus .top-selling .top h2 {
margin-bottom: 0px;
font-size: 32px;
color: #000;
}
.recipe .top-selling .product-grid,
.aboutus .top-selling .product-grid {
justify-content: flex-start;
padding-left: 40px;
}
.recipe .top-selling .product-grid .product-card,
.aboutus .top-selling .product-grid .product-card {
width: 260px;
}
.recipe .recipeBanner img,
.aboutus .recipeBanner img {
width: 100%;
}
.recipe .recipes,
.aboutus .recipes {
background-color: transparent;
}
.recipe .hero-icons,
.aboutus .hero-icons,
.defaults .hero-icons {
position: initial;
}
.recipeSection {
padding: 80px;
}
.recipeSection .top {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.recipeSection .top .left h2 {
font-size: 32px;
margin-bottom: 10px;
}
.recipeSection .top .left h1 {
font-size: 48px;
margin-bottom: 30px;
}
.recipeSection .top .left h1 span {
color: #992611;
}
.recipeSection .top .left .detail {
display: flex;
align-items: center;
gap: 30px;
}
.recipeSection .top .left .detail .time {
display: flex;
align-items: center;
gap: 20px;
}
.recipeSection .top .left .detail .serve {
display: flex;
align-items: center;
gap: 20px;
}
.recipeSection .top .right img {
cursor: pointer;
}
.recipeSection .content {
display: flex;
justify-content: space-between;
gap: 90px;
}
.recipeSection .content .left {
width: 50%;
}
.recipeSection .content .left h3 {
font-size: 32px;
margin-bottom: 30px;
font-weight: 500;
}
.recipeSection .content .left .ingredients {
display: flex;
align-items: center;
gap: 60px;
border-bottom: 1px dashed #000;
padding-bottom: 10px;
margin-bottom: 10px;
}
.recipeSection .content .left .ingredients .value {
display: flex;
align-items: center;
justify-content: flex-start;
border: 1px solid #000;
height: 24px;
border-radius: 5px;
background-color: #fff;
color: #000;
padding: 0px 5px;
min-width: 130px;
padding-left: 10px;
}
.recipeSection .content .right {
width: 50%;
}
.recipeSection .content .right h3 {
font-size: 32px;
margin-bottom: 30px;
font-weight: 500;
}
.recipeSection .content .right .instructions .step {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #000;
width: 48px;
height: 48px;
border-radius: 2px;
background-color: #fff;
color: #000;
margin-bottom: 30px;
}
.recipeSection .content .right .instructions .describe {
font-size: 16px;
line-height: 32px;
margin-bottom: 30px;
}
.aboutus .recipeBanner,
.defaults .recipeBanner {
position: relative;
}
.aboutus .recipeBanner .content {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.aboutus .recipeBanner .content h1 {
color: #E68035;
font-size: 48px;
margin-bottom: 30px;
}
.aboutus .recipeBanner .content p {
font-size: 32px;
color: white;
max-width: 400px;
text-align: center;
}
.aboutus .about {
padding: 80px 120px;
width: 70%;
}
.aboutus .about h3 {
font-size: 24px;
margin-bottom: 30px;
}
.aboutus .about p {
line-height: 22px;
margin-bottom: 15px;
}
.aboutus .about .heading {
margin-top: 30px;
}
.aboutus .about .list {
display: flex;
margin-bottom: 30px;
gap: 60px;
}
.aboutus .about .list .key {
font-weight: 600;
min-width: 60px;
}
.aboutus .about .list .value {
line-height: 22px;
}
.aboutus .showcaseBanner {
padding: 0px 120px;
position: relative;
}
.aboutus .showcaseBanner .text {
position: absolute;
top: 50px;
left: 170px;
border-radius: 16px;
background-color: #992611;
font-size: 24px;
height: 145px;
color: white;
padding: 0px 30px;
max-width: 440px;
font-weight: 600;
font-weight: 600;
text-transform: uppercase;
display: flex;
align-items: center;
}
.aboutus .showcaseBanner img {
width: 100%;
}
.aboutus .journey {
margin-top: 40px;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
margin-left: 120px;
margin-bottom: 120px;
}
.woocommerce .woocommerce-ordering select {
margin-top: 15px !important;
} .owl-theme .owl-dots .owl-dot {
width: auto;
}
.owl-theme .owl-dots .owl-dot span {
border: 1px solid #000;
background-color: transparent !important;
width: 15px;
height: 15px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background-color: #ffae55 !important;
border: none !important;
}
.cDtestimonials {
padding: 60px 40px;
}
.cDtestimonials .owl-carousel .owl-item .itemBox {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.cDtestimonials .owl-carousel .owl-item .itemBox img {
width: 174px !important;
}
.cDtestimonials .owl-carousel .owl-item .itemBox h3 {
font-size: 40px;
margin-bottom: 30px;
}
.cDtestimonials .owl-carousel .owl-item .itemBox p {
text-align: center;
margin-bottom: 20px;
font-size: 16px;
}  .top-selling .default-container {
padding: 0 60px;
}
.defaults .default-container {
padding: 80px 120px;
width: 100%;
}
.defaults h2 {
font-size: 32px;
position: relative;
font-weight: 600;
}
.default-container p {
line-height: 22px;
margin-bottom: 15px;
}
.defaults .ecommerce-container {
padding: 20px 60px;
width: 100%;
text-align: left;
}
.top-selling.ecommerce-main {
background-color: #f7f4f1;
margin-top: 0px;
}
.cart_item .product-thumbnail img {
width: 100px !important;
}
.woocommerce-page div.product div.summary {
float: inherit;
width: 45%;
}
.woocommerce-page div.product div.images {
float: inherit;
width: 55%;
padding-right: 100px;
}
.productDetail .detailproduct {
display: flex;
}
.productDetail .attributes-cls {
display: flex;
list-style: none;
padding: 10px 0 0px 0;
align-items: center;
gap: 20px;
}
.productDetail .attributes-cls li span {
display: flex;
align-items: center;
gap: 10px;
}
.productDetail .product_title {
padding-bottom: 10px;
}
.productDetail .woocommerce-product-details__short-description {
padding: 20px 0;
}
.productDetail .price {
color: #25272C !important;
padding: 10px 0 10px 0;
font-size: 22px !important;
font-weight: 600;
}
.productDetail .single_add_to_cart_button {
background: #992611 !important;
}
.productDetail .single_add_to_cart_button:hover {
background: #992611 !important;
}
.woocommerce div.product form.cart .button {
height: 45px;
width: 170px;
border-radius: 0;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor {
color: #25272C;
font-size: 16px;
text-decoration: none;
}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
color: #992611;
}
.woocommerce .quantity .qty {
height: 45px;
font-size: 19px;
background: #f7f4f1;
border: 1px solid #992611 !important;
border-radius: 5px !important;
color: #992611 !important;
}
.woocommerce .woocommerce-cart-form .quantity .qty {
height: 35px;
font-size: 16px;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: flex;
flex-flow: column;
max-width: 100px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
border: 1px solid transparent;
}
.woocommerce-page div.product div.images {
margin-right: 100px;
padding: 10px;
}
img.pure_spice_mo {
display: none;
width: 100%;
}
.mobilelogin {
display: none;
} .woocommerce div.product div.images.woocommerce-product-gallery {
display: flex;
flex-flow: row-reverse;
align-items: flex-start;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
padding: 0px 5px 5px 5px;
display: block;
width: 200px;
}
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
border: 1px solid #992611;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
top: auto;
bottom: 20px;
}
.productDetail .woocommerce-breadcrumb {
padding-left: 15px;
} .wrap-cart {
display: flex;
}
form.woocommerce-cart-form {
width: 65%;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 40%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
padding-left: 60px;
padding-right: 60px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: #992611;
height: 42px;
line-height: 42px;
margin-bottom: 0px;
padding: 0px;
text-decoration: none;
color: white;
font-size: 16px;
text-transform: capitalize;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: #992611 !important;
}
.cart_totals h4 {
font-weight: 500;
margin: 20px 0px;
}
.wrap-cart th {
font-weight: 500 !important;
}
.woocommerce-shipping-destination strong,
.woocommerce-Price-amount.amount {
font-weight: 500 !important;
}
.woocommerce-shipping-methods label {
font-weight: 400 !important;
}
.woocommerce table.shop_table tbody td {
font-weight: 400 !important;
}
.woocommerce table.shop_table .product-name a {
text-decoration: none;
color: #000;
font-weight: 500;
}
.hidedesktop {
display: none;
}
.mobilelogo {
display: none;
position: absolute;
width: 140px;
left: 0;
right: 0;
top: 70px;
bottom: 0;
margin: auto;
}
.owl-carousel button.owl-dot {
background: none !important;
} .hamburgerContainer {
position: fixed;
right: 0px;
z-index: 999999999;
top: 0px;
float: right;
}
.navbar {
background-color: #f7f4f1;
width: 100vw;
height: 100vh;
display: none;
}
.navbar ul {
overflow: hidden;
list-style-type: none;
padding-top: 50px;
margin: 0;
}
.navbar li {
display: block;
margin: 0;
padding: 5% 50px;
width: 100%;
}
.navbar li:hover {
cursor: pointer;
}
.navbar li a {
color: #000;
text-decoration: none;
font-family: 'Raleway', sans-serif;
font-size: 1.6em;
transition: all .5s;
}
.navbar li:hover {
cursor: pointer;
background-color: #ce3939;
letter-spacing: 10px;
}
.hamburger {
margin: 0;
margin-left: 15px;
padding: 12px 20px 0px 0px;
float: right;
display: none;
}
.hamburger:hover {
cursor: pointer;
}
.hamburger .line {
width: 30px;
height: 5px;
background: #992611;
margin: 5px auto;
transition: all 0.3s ease-in-out;
border-radius: 5px;
}
.hamburger.isactive .line:nth-child(2) {
opacity: 0;
}
.hamburger.isactive .line:nth-child(1) {
transform: translateY(13px) rotate(45deg);
}
.hamburger.isactive .line:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.navbar {
transition: all 2s ease-in-out;
}
.navbar.active {
display: block;
animation: fade .5s;
}
@keyframes fade {
from {
transform: translateX(-200px);
opacity: 0;
}
to {
transform: translateX(0px);
opacity: 1;
}
}
.woocommerce .quantity .qty {
width: 3.0em;
}
.wc-block-components-order-summary .wc-block-components-product-metadata {
display: none !important;
}
.default-container ol,
.default-container ul {
padding-left: 20px;
}  .cart-offer {
width: 100%;
padding-left: 60px;
padding-right: 60px;
} .page-template-recipes .top-selling .product-grid .product-card {
text-align: left !important;
width: calc(100% / 3 - 27px);
min-width: 200px;
}
.page-template-recipes .top-selling .product-grid {
justify-content: flex-start;
padding: 0px 20px;
flex-flow: row wrap;
}
.page-template-recipes .top-selling .top {
padding: 0px 0px;
}
.page-template-recipes .top-selling .product-grid .product-card img {
max-width: 100%;
}
.page-template-recipes .top-selling .product-grid .product-card .row {
align-items: baseline;
min-height: 76px;
}  .woocommerce-order h2 {
margin-bottom: 20px;
} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input {
width: 22px !important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: flex;
justify-content: flex-start;
margin-bottom: 15px;
gap: 5px !important;
align-items: center;
height: 22px;
}
.woocommerce-LostPassword.lost_password {
padding-bottom: 10px;
font-size: 14px;
}
.woocommerce-LostPassword.lost_password a {
color: #992611 !important;
}
.loginBox .woocommerce .xoo-ml-has-cc .xoo-ml-phone-cc {
margin-right: 5px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
margin: 0 0 20px 0 !important;
}
.xoo-ml-otp-form .xoo-ml-otp-sent-txt {
font-size: 16px !important;
margin-bottom: 0;
}
.woocommerce ul.woocommerce-thankyou-order-details {
margin-top: 50px;
padding: 20px;
border: 1px solid #ccc;
}
.wc-block-components-checkbox label {
font-size: 14px;
line-height: 1.5em;
}
.hidedktop {
display: none;
}
.wc-block-checkout__terms {
margin: 0 0 15px !important;
}
.woo-additional-terms {
margin: 0 0 25px !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
line-height: 32px !important;
padding: 0px 10px;
height: auto !important;
}
form.woocommerce-EditAccountForm.edit-account fieldset {
padding: 10px;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background: #fff;
border-radius: 5px;
padding: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content {
background: #fff;
padding: 30px;
border-radius: 5px;
}
.woocommerce-account ul {
padding-left: 0px;
list-style: none;
}
.woocommerce-account ul li a {
padding: 5px 0px;
display: block;
}
.woocommerce-account a.woocommerce-button.button.view {
color: #ffffff;
background-color: #992611;
}
.woocommerce-form-register .woocommerce-privacy-policy-text {
display: none;
}
.lwo-container .sa_or {
display: none;
}
.login_withuermeial {
width: 98%;
background: #992611;
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 600;
padding: 7px;
display: block;
border-radius: 3px;
margin-left: 3px;
}
.sa-message.woocommerce-error {
font-size: 14px;
}
.sa-message.woocommerce-error::before,
.loginwithotp .saeditmessage::before {
display: none;
}
.smsalertModal .back {
left: 60px;
width: auto;
right: unset;
}
.loginwithotp label {
text-align: left;
}
.loginwithotp .saeditmessage {
font-size: 14px;
}
.sa_default_login_form,
.sa_default_signup_form,
.woocommerce-MyAccount-content a {
font-size: 14px;
font-weight: 600;
color: #992611;
text-decoration: none;
}
.woocommerce form.woocommerce-form-login .form-row label,
.woocommerce form.woocommerce-form-register .form-row label,
.loginwithotp label {
display: none;
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link {
background: #992611;
padding: 5px 5px 5px 10px;
margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
color: #fff;
text-decoration: none;
}
.woocommerce-MyAccount-content h2 {
font-size: 24px;
margin-bottom: 10px;
}
.woocommerce-error li {
font-size: 14px;
}
.woocommerce-error::before,
.woocommerce-error::after {
display: none;
}
.woocommerce-error li a {
font-size: 14px;
color: #992611;
text-decoration: none;
}
.loginBox .woocommerce-error, .loginBox .woocommerce-info, .loginBox .woocommerce-message{
padding:2px 0px 0px;
margin:10px 0px 0px 0px;
background-color: #fff;
border:none;
}
.woocommerce-account .loginBox .woocommerce-notices-wrapper ul li a{
display:inline;
} .page-template-index .header nav ul a{
color:#fff;
}
.show-password-input{
display: none;
}
.testimonials .owl-item .item{
font-size: 16px;
color: #000;
font-weight: 500;
text-align: left;
background: #ffae55;
padding: 25px 30px 40px 100px;
border-radius: 50px;
border-bottom: 10px solid #ffc687;
}
.testimonials .owl-item .item img{
width: 70px;
position: absolute;
left: 15px;
top: 25px;
}
.testimonials .owl-item .item span{
display: block;
margin-top: 15px;
font-weight: 600;
}
.owl-dots button{margin-top: 0px!important;; height: 15px!important;}
.shipping-calculator-button{color:#992611!important;}
.woocommerce table.my_account_orders .button,.woocommerce table.my_account_orders .button:hover{
white-space: nowrap;
color: #fff;
margin: 2px;
background: #992611!important;
}
form.xoo-ml-otp-form input.xoo-ml-otp-input{max-width: 35px!important;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1160px) {
.hero h1{
bottom: 200px !important;
font-size: 42px;
line-height: 52px;
}
}
@media screen and (max-width: 1024px) {
.hero h1 {
bottom: 160px !important;
}
.customer-reflections .testimonials {
padding: 30px 0px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
display: none;
}
.top-selling a.filterBtn {
display: none !important;
}
.aboutus .about,
.aboutus .showcaseBanner,
.defaults .default-container {
padding: 30px 20px !important;
width: 100% !important;
}
.aboutus .journey {
margin-bottom: 30px;
margin-left: 20px !important;
margin-top: 0px;
}
.customer-reflections {
height: 450px;
}
.customer-reflections .testimonials {
padding: 30px 0px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
display: none;
}
}
@media screen and (max-width: 991px) {
.hero h1 {
bottom: 140px !important;
font-size: 28px;
line-height: 40px;
}
.hamburgerContainer .navbar ul {
width: 100%;
padding-top: 0px;
}
.hamburgerContainer .navbar li {
padding: 0px;
}
.hamburgerContainer .navbar li a {
display: block;
padding: 30px;
}
.woocommerce a.remove {
font-size: 32px;
font-weight: 300;
}
.login .banner,
.loginSignup .banner,
.loginOtp .banner {
top: 150px !important;
}
.hamburger,
.hidedktop {
display: block !Important;
}
.woocommerce .wrap-cart td.product-price,
.woocommerce .wrap-cart td.product-subtotal {
display: flex;
}
.login .banner,
.loginSignup .banner,
.loginOtp .banner {
flex-flow: column;
}
.login .banner .loginBox,
.loginSignup .banner .loginBox,
.loginOtp .banner .loginBox,
.login .banner .loginBox .woocommerce,
.loginSignup .banner .loginBox .woocommerce,
.loginOtp .banner .loginBox .woocommerce {
width: 100%;
}
.customer-reflections h2 {
position: relative;
top: 30px;
}
.wrap-cart {
flex-flow: column;
}
form.woocommerce-cart-form,
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 100%;
}
.woocommerce-page div.product div.images {
margin-right: 20px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
padding-left: 0px;
padding-right: 0px;
}
.wc-proceed-to-checkout {
display: flex;
justify-content: flex-end;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
width: 200px;
}
section.pure-spices.medicinalProperties {
margin: 90px 0px;
}
.wrap-cart {
flex-flow: column;
}
form.woocommerce-cart-form,
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 100%;
}
.woocommerce-page div.product div.images {
margin-right: 20px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
padding-left: 0px;
padding-right: 0px;
}
.wc-proceed-to-checkout {
display: flex;
justify-content: flex-end;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
width: 200px;
}
section.pure-spices.medicinalProperties {
margin: 90px 0px;
}
.footer .copyright {
justify-content: center;
}
}
@media screen and (max-width: 860px) {
.wc-block-checkout__sidebar {
display: none;
}
.wp-block-woocommerce-checkout {
padding-top: 0px !important;
}
.productDetail .pure-spices .curcumin h2 .left, .productDetail .pure-seeds .curcumin h2 .left{
padding-right: 20px;
}
.productDetail .pure-spices .curcumin .content span,
.productDetail .pure-seeds .curcumin .content span {
font-size: 32px;
line-height: 45px;
}
.productDetail .pure-spices .curcumin .content .heading, .productDetail .pure-seeds .curcumin .content .heading{
line-height: 1.4em;
}
.pure-spices h2, .pure-seeds h2{
line-height: 45px;
}
}
@media screen and (max-width: 850px) {
.header .right {
gap: 10px;
}
.header .logo {
width: 100px;
height: 65px;
}
.header .header-icons {
gap: 15px;
}
}
@media screen and (max-width: 800px) {
.productDetail .detailproduct {
flex-flow: column;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
width: 100%;
justify-content: flex-end;
}
.woocommerce-page div.product div.summary {
width: 100%;
padding-left: 110px;
}
}
@media screen and (max-width: 768px) {
.page-template-index .header nav ul a{
color:#992611;
}
.recipeSection .top .left h1{
font-size: 28px;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding-top: 10px;
margin-top: 30px;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
min-width: 170px;
border: none;
}
.woocommerce-page .cart_totals tr {
justify-content: space-between;
display: flex !important;
align-items: center;
}
.woocommerce-page table.shop_table_responsive tbody th {
display: flex;
}
.wishlist_table .product-add-to-cart a {
padding: 10px;
background: #992611;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 3px;
width: 200px;
margin-bottom: 20px !important;
display: block !important;
position: absolute;
left: 0px;
}
.wishlist_table .product-add-to-cart {
position: relative;
height: 60px;
}
.woocommerce .wishlist-title {
margin-bottom: 0px;
}
.woocommerce-order-received .top-selling {
padding-top: 120px;
}
.woocommerce-order-received .top-selling .top {
padding-left: 0px;
margin-bottom: 0px;
}
.woocommerce-order-received ul.order_details li {
border: none;
margin-bottom: 20px;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
margin-bottom: 20px;
}
.single-recipe .product .top-selling {
padding: 30px 0px 0px 0px;
margin-top: 0px;
}
.recipeSection {
padding: 40px 20px;
}
.recipeSection .content {
flex-flow: column;
gap: 30px;
}
.recipeSection .content .left,
.recipeSection .content .right {
width: 100%;
}
.recipeSection .top {
margin-bottom: 20px;
}
.header .header-icons a img {
width: 30px;
height: 30px;
}
.header .logo {
position: relative;
top: 0px;
left: -10px;
}
.aboutus .recipeBanner .content p {
font-size: 28px !important;
}
.aboutus .recipeBanner .content h1 {
font-size: 28px !important;
margin-bottom: 0px !important;
}
.aboutus .recipeBanner img {
min-height: 150px;
}
.aboutus .about .list {
gap: 20px !important;
}
.aboutus .showcaseBanner .text {
height: auto !important;
font-size: 16px !important;
width: 70% !important;
border-radius: 5px !important;
left: 50px !important;
}
.productDetail .top-selling {
padding: 40px 20px 0px 10px !important;
}
.woocommerce .wrap-cart table.shop_table td {
padding: 0px;
}
.woocommerce .wrap-cart td.product-name {
position: absolute;
left: 130px;
top: 0px;
}
.woocommerce .wrap-cart td.product-price {
position: absolute;
left: 130px;
top: 32px;
}
.woocommerce .wrap-cart td.product-quantity {
position: absolute;
left: 100px;
top: 70px;
}
.woocommerce .wrap-cart td.product-subtotal {
position: absolute;
left: 132px;
top: 120px;
}
.woocommerce .wrap-cart td.product-remove {
position: absolute;
right: 0px;
top: 0px;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
border-bottom: 1px solid #ccc;
margin-bottom: 35px;
position: relative;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: transparent;
}
.woocommerce .wrap-cart table.shop_table,
.woocommerce .wrap-cart table.shop_table td {
border: none !important;
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
display: block !important;
text-align: left !important;
min-height: 200px;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
display: none !important;
}
.woocommerce-cart .top-selling .top {
padding-left: 0px;
}
.defaults .ecommerce-container {
padding-left: 0px !important;
padding-right: 0px !important;
}
.woocommerce .wrap-cart table.shop_table tbody {
display: flex;
flex-flow: column;
}
.productDetail {
padding-top: 10px;
}
#wprmenu_bar .menu_title {
top: -20px;
}
#wprmenu_bar {
background-color: transparent;
}
html {
padding-top: 0px !important;
}
.pure-spices,
.pure-seeds {
height: auto;
padding: 50px 0px;
}
section.pure-spices.medicinalProperties {
margin: 0px;
}
.header {
position: fixed !important;
top: 0px;
z-index: 9;
}
.header {
padding: 0px 70px 30px 30px !important;
min-height: 60px;
background: #f7f4f1;
}
.productDetail .owl-theme .owl-nav.disabled+.owl-dots {
left: 0px;
width: 100%;
margin-top: 0px;
bottom: -45px;
}
.cDtestimonials .owl-carousel .owl-item .itemBox h3 {
text-align: center;
font-size: 32px;
}
.productDetail .top-selling.cDTopSelling {
padding-bottom: 30px !important;
}
.productDetail .recipes {
padding-top: 20px !important;
}
.productDetail .cDtestimonials .owl-carousel .owl-item .itemBox p {
width: 90%;
}
.hamburger--slider.is-active .hamburger-inner::before,
.hamburger--slider.is-active .hamburger-inner::after {
background: #fff !important;
}
.hero h1 {
bottom: auto;
top: 25%;
width: 90%;
font-size: 48px;
line-height: 60px;
left: 30px;
text-align: center;
}
.desktoplogin {
display: none;
}
.mobilelogin {
display: block;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
width: 100%;
}
.hero .mobile {
display: block;
}
.hero .desktop {
display: none;
}
.pure-spices,
.pure-seeds {
height: auto;
padding: 50px 0px;
}
.customer-reflections {
height: auto;
padding: 30px 0px;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
}
section.pure-spices.medicinalProperties {
margin: 0px; }
.hero {
margin-top: 100px;
}
.product .top-selling {
padding: 80px 20px 80px;
}
.productDetail .pure-spices, .productDetail .pure-seeds{
padding: 40px 20px;
}
.top-selling .product-grid{
gap:60px;
}
.pure-spices.medicinalProperties .curcumin .right{
padding-left: 20px;
}
header.woocommerce-Address-title.title{
display: flex;
flex-flow: column;
}
.customer-reflections .testimonials{
margin-left: 10%;
}
}
@media screen and (max-width: 700px) {
.page-template-recipes .top-selling .product-grid .product-card,
.page-template-recipes .top-selling .product-grid .product-card img {
width: calc(100%);
max-width: 100% !important;
}
.page-template-recipes .top-selling .product-grid {
padding: 0px 0px;
}
.page-template-recipes .top-selling .top {
padding: 20px 0px 0px 0px;
}
.customer-reflections h2 {
position: initial;
}
.mobilelogo {
display: block !important;
}
.recipes {
padding: 50px 20px 40px 20px !important;
}
.footer {
padding: 60px 20px !important;
}
.footer .section {
flex-flow: row wrap;
}
.footer .footerSection {
min-width: calc(50% - 30px);
}
.footer .footerSection:first-child {
min-width: 100%;
}
.recipes .recipe-cards {
flex-flow: row wrap;
}
.recipes .recipe-cards .recipe-card,
.recipes .recipe-cards .recipe-card:first-child {
min-width: 100%;
}
.productDetail .pure-spices .curcumin,
.productDetail .pure-seeds .curcumin {
flex-flow: column;
} .woocommerce .woocommerce-ordering select {
width: 150px !important;
font-size: 14px !important;
}
.woocommerce .woocommerce-ordering .filterBtn {
font-size: 14px !important;
}
.product .top-selling .top h2 {
margin-bottom: 0px;
}
.product .top-selling .top h2 span {
position: initial;
font-size: 32px;
} .product .top-selling {
margin-top: 0px;
}
.product .top-selling .top {
margin-top: 50px;
}
.hero .hero-icons {
padding: 10px 15px;
bottom: -65px;
}
.lost_password a {
display: block;
margin-bottom: 10px;
color: #992611 !important;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: none !important;
margin-top: 0px;
padding: 0px;
margin-bottom: 10px;
}
.login .banner .loginBox .bottom,
.loginSignup .banner .loginBox .bottom,
.loginOtp .banner .loginBox .bottom {
margin-top: 0px;
}
.login .hero h1,
.loginSignup .hero h1,
.loginOtp .hero h1 {
display: none;
width: 100%;
font-size: 18px;
line-height: 28px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
}
.login h2,
.loginSignup h2,
.loginOtp h2 {
font-weight: 600;
font-size: 18px;
}
.login .banner .loginBox,
.loginSignup .banner .loginBox,
.loginOtp .banner .loginBox {
background: transparent;
width: 100%;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}
.login .banner .loginBox .inpuptBox,
.loginSignup .banner .loginBox .inpuptBox,
.loginOtp .banner .loginBox .inpuptBox {
margin-top: 15px;
}
.login .banner .loginBox .woocommerce,
.loginSignup .banner .loginBox .woocommerce,
.loginOtp .banner .loginBox .woocommerce {
width: 100%;
}
.login .hero,
.loginSignup .hero,
.loginOtp .hero {
padding: 0px 20px;
min-height: 100vh;
background: #F2E4D4;
}
.login .banner,
.loginSignup .banner,
.loginOtp .banner {
flex-flow: column;
position: initial;
padding: 220px 0px 0px 0px;
}
.woocommerce .cart-success-message {
bottom: -17px !important;
width: 170px;
left: -20px;
line-height: 12px;
}
.productDetail .pure-spices .curcumin .content .heading,
.productDetail .pure-seeds .curcumin .content .heading {
padding-left: 0px !important;
}
.productDetail .pure-spices h2 .left,
.productDetail .pure-seeds h2 .left {
left: 0px !important;
padding-left: 0px !important;
}
.productDetail .pure-spices .curcumin .left,
.productDetail .pure-seeds .curcumin .left {
padding-left: 0px;
padding-right: 0px;
}
.footer .section {
flex-flow: row wrap;
}
.footer .footerSection {
min-width: calc(50% - 30px);
}
.footer .footerSection:first-child {
min-width: 100%;
}
.recipes .recipe-cards {
flex-flow: row wrap;
}
.recipes .recipe-cards .recipe-card,
.recipes .recipe-cards .recipe-card:first-child {
min-width: 100%;
}
.customer-reflections .testimonials {
max-width: 500px;
}
.productDetail .pure-spices .curcumin,
.productDetail .pure-seeds .curcumin {
flex-flow: column;
}
.hidefooterphone {
display: none;
}
.footer .copyright {
justify-content: flex-start;
}
.header {
padding: 0px 70px 0px 30px !important;
}
.mobilelogo {
top: 25px;
}
.login .mobilelogo {
top: 85px;
}
.header .right {
width: 100%;
justify-content: space-between;
}
.header nav ul a {
font-weight: 600;
font-size: 16px;
}
.header .logo {
width: 60px !important;
height: 50px !important;
}
.page-template-index .header .logo {
display: none;
}
.hamburgerContainer {
display: block !important;
}
.product .top-selling {
padding: 40px 20px 80px;
}
.hero {
margin-top: 70px;
}
}
@media screen and (max-width: 680px) {
.pure-spices p,
.pure-seeds p {
padding: 10px;
}
.productDetail .pure-spices .curcumin .right, .productDetail .pure-seeds .curcumin .right{
padding-top: 50px;
}
.top-selling .product-grid {
gap: 20px;
}
.woocommerce-order-received .top-selling {
padding-top: 60px;
}
.hero .hero-icons {
overflow: auto;
justify-content: flex-start !important;
}
.owl-carousel .owl-item .item-content {
padding: 0;
top: 30px;
left: 70px;
width: 100%;
}
.productDetail .hero {
margin-bottom: 0px;
}
.woocommerce-page div.product div.summary {
padding-left: 20px;
}
.header .header-icons {
gap: 5px;
}
.header .header-icons a {
display: flex;
}
.header nav ul li {
margin: 0px 5px;
}
.header {
padding: 0px 30px;
}
.header nav ul a {
font-weight: 500;
font-size: 14px;
}
.header .header-icons .cart .count {
width: 20px;
height: 20px;
}
.login .hero,
.loginSignup .hero,
.loginOtp .her {
margin-bottom: 0px;
margin-top: 0px !important;
}
.productDetail .pure-spices .content,
.productDetail .pure-seeds .content {
padding-left: 0px;
}
.pure-spices .content,
.pure-seeds .content {
width: auto;
margin-left: auto;
display: flex;
flex-flow: column;
padding-left: 60px;
}
.pure-spices,
.pure-seeds {
flex-flow: column;
background-image: url(https://rootsnspices.com/staging/wp-content/uploads/2024/11/pure_spice_mo.png) !important;
}
.pure-spices {
background-color: #f2e0b6;
} .woocommerce-page div.product div.summary {
padding-left: 10px;
}
.header .header-icons {
gap: 5px;
}
.header .header-icons a {
display: flex;
}
.header nav ul li {
margin: 0px 5px;
}
.header nav ul a {
font-weight: 600;
font-size: 16px;
}
.header .header-icons .cart .count {
width: 20px;
height: 20px;
}
.owl-carousel.owl-carousel-preservative .owl-item img {
width: auto !important;
}
.hero .hero-icons span {
justify-content: center;
}
}
@media screen and (max-width: 650px) {
.top-selling .product-grid .product-card {
padding: 0px;
}
.top-selling .top {
padding: 20px 0px 0px 0px !important;
}
.productDetail .top-selling .top h2 {
font-size: 30px;
}
.top-selling .product-grid .product-card img {
max-width: 230px !important;
}
.page-template-index .hero h1{
margin-top: 60px;
}
}
@media screen and (max-width: 560px) {
.productDetail .top-selling {
padding: 20px 20px !important;
}
.customer-reflections .testimonials {
max-width: 450px;
} .woocommerce div.product div.images .flex-control-thumbs {
max-width: 80px;
}
.header {
padding: 15px 30px;
}
section.pure-spices.medicinalProperties .curcumin {
flex-flow: column;
}
section.pure-spices.medicinalProperties .curcumin h2 .left {
padding-right: 0px;
padding-left: 0px;
}
section.pure-spices.medicinalProperties .curcumin .right {
padding-right: 20px;
padding-left: 20px;
}
section.pure-spices.medicinalProperties .curcumin .left {
padding-right: 20px;
padding-left: 20px;
flex-flow: column;
min-width: 100%;
}
.top-selling .product-grid .product-card img {
max-width: 200px !important;
}
.woocommerce .product-card .quantity .qty {
width: 40px;
}
}
@media screen and (max-width: 500px) {
.top-selling .product-grid .product-card .row {
flex-flow: column;
align-items: flex-start !important;
padding-bottom: 10px;
} .owl-carousel.owl-carousel-preservative .owl-item img:first-child {
display: inherit !important;
} .testimonials .owl-item .item img{
width:50px;
}
.customer-reflections .testimonials {
max-width: 350px;
}
.testimonials .owl-item .item{
padding: 25px 10px 40px 70px;
}  .customer-reflections h2 {
margin-bottom: 20px;
}
.defaults .ecommerce-container {
padding: 20px 0px !important;
}
img.pure_spice_mo {
display: block !important;
}   .owl-carousel.owl-carousel-preservative .owl-item img:first-child {
display: inherit !important;
}
.customer-reflections h2 {
margin-bottom: 20px;
}
.hidedesktop {
display: inherit;
}
.hidephone {
display: none;
}
.productmeta {
width: 100%;
}
.header .header-icons a img {
width: 30px;
height: 30px;
}
}
@media screen and (max-width: 470px) {
.aboutus .recipeBanner .content p {
font-size: 18px !important;
}
.aboutus .recipeBanner .content h1 {
font-size: 18px !important;
}
.footer .footerSection {
min-width: 100%;
}
.top-selling .product-grid .product-card img {
max-width: 170px !important;
}
.top-selling .product-grid .product-card .bottom {
flex-flow: row wrap;
align-items: center !important;
}
.header nav ul a {
font-weight: 600;
font-size: 14px;
}
.footer .footerSection {
min-width: 100%;
}
.hero h1 {
width: 90%;
font-size: 32px;
line-height: 45px;
padding-right: 15px;
}
.header .logo {
width: 50px !important;
height: 30px !important;
}
.header nav ul a {
font-weight: 600;
font-size: 14px;
}
}
@media screen and (max-width: 410px) {
.top-selling .product-grid .product-card img {
max-width: 150px !important;
}
.header nav ul a {
font-size: 12px;
}
.productDetail .pure-spices .curcumin .content h2 span, .productDetail .pure-seeds .curcumin .content h2 span{
font-size: 28px;
line-height: normal;
}
.productDetail .pure-spices .curcumin .content h2 .left, .productDetail .pure-seeds .curcumin .content h2 .left{
font-size: 28px;
line-height: normal;
padding-right: 0px;
}
.pure-spices h2, .pure-seeds h2{
line-height: 35px;
}
.productDetail .pure-spices .curcumin .content .heading, .productDetail .pure-seeds .curcumin .content .heading{
font-size: 28px;
line-height: normal;
}
.top-selling .product-grid {
gap: 30px;
}
}
@media screen and (max-width: 395px) {
.page-template-index .hero h1 {
margin-top: 30px;
}
.owl-carousel .owl-item img.testimonial_mobile {
max-width: 330px;
}
.top-selling .product-grid .product-card h3 a {
font-size: 14px !important;
}
.customer-reflections h2 {
width: 280px;
}
.hero h1 {
top: 30%;
}
.header nav ul a {
font-size: 11px;
}
.hero h1 {
width: 90%;		
padding-right: 15px;
}
.header {
padding: 15px 65px 15px 15px !important;
}
.owl-carousel .owl-item img:first-child {
display: none !important;
}
.customer-reflections .testimonials{
max-width: 290px;
}
.testimonials .owl-item .item {
padding: 25px;
width: 100%;
}
.testimonials .owl-carousel .owl-item .item-content{
width:100%;
}
}
@media screen and (max-width: 370px) {
.top-selling .product-grid .product-card a.add_to_cart_button,
.top-selling .product-grid .product-card span {
font-size: 12px !important;
}
.top-selling .product-grid .product-card img {
max-width: 120px !important;
}
owl-carousel .owl-item .item-content {
padding: 0;
font-size: 13px;
top: 30px;
left: 70px;
width: 70%;
} }
@media screen and (max-width: 350px) {
.owl-carousel .owl-item img.testimonial_mobile {
max-width: 300px;
}
.coupon button {
min-width: 140px;
}
.woocommerce td.product-name,
.woocommerce td.product-price {
left: 120px;
}
.woocommerce td.product-quantity {
left: 110px;
}
.woocommerce td.product-remove {
left: 120px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
left: 0px;
right: 145px;
}
}
@media screen and (max-width: 340px) {
.top-selling .product-grid {
gap: 10px !important;
}
}
@media screen and (max-width: 330px) { .owl-carousel .owl-item img.testimonial_mobile {
max-width: 280px;
}
.top-selling .product-grid {
gap: 10px !important;
}
}