:root {
--hs-primary: #FFA600;
--hs-primary-hover: #FFB326;
--hs-text: #222;
--hs-secondary: #fff;
--hs-secondary-text: #222;
--hs-secondary-text-hover: #6a6a6a;
--hs-secondary-border: #A7A7A7;
--hs-brand-orange: #C05317;
}
body.hs-popup-active {
overflow: hidden;
}
body img {
color: #1E1E1E;
}
body:not(.hs-logged-in) .hide-for-guest,
body.hs-logged-in .hide-for-loggedin {
display: none !important;
}
@keyframes bouncing-loader {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0.1;
transform: translateY(-1rem);
}
}
@keyframes bouncing-loader-small {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0.1;
transform: translateY(-0.5rem);
}
}
.bouncing-loader {
display: flex;
justify-content: center;
}
.bouncing-loader > div {
width: 20px;
height: 20px;
margin: 3rem 0.2rem;
background: var(--hs-primary);
border-radius: 50%;
animation: bouncing-loader 0.8s infinite alternate;
}
.bouncing-loader.small-loader > div {
animation: bouncing-loader-small 0.8s infinite alternate;
}
.bouncing-loader > div:nth-child(2) {
animation-delay: 0.2s;
}
.bouncing-loader > div:nth-child(3) {
animation-delay: 0.4s;
}
.bouncing-loader > div:nth-child(4) {
animation-delay: 0.6s;
}
.skeleton-loader {
display: inline-block;
width: 143px;
height: 100%;
background-color: #f0f0f0;
border-radius: 6px;
position: relative;
overflow: hidden;
max-width: 100%;
}
.skeleton-loader::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg,
transparent,
rgba(255,255,255,0.5),
transparent);
animation: shimmernew 1.5s infinite;
}
@keyframes shimmernew {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}
@keyframes skeleton-loading {
0% {
background-color: hsl(200, 20%, 80%);
/* background-color: #EDEDED; */
}
100% {
background-color: rgba(0,0,0,0.15);
}
}
@keyframes shimmer {
100% {
background-position-x: 0%;
}
}
.skeleton-loader.hs-mobile-category-loader {
display: block;
width: 100%;
height: 48px;
}
.skeleton {
/* animation: skeleton-loading 1s linear infinite alternate; */
font-size: 0px;
background: linear-gradient(-45deg, #EDEDED 40%, #6d6d6d1c 50%, rgba(0,0,0,0.15) 60%);
background-size: 300%;
background-position-x: 100%;
animation: shimmer 2s infinite linear alternate;
}
.skeleton-text {
height: 16px;
margin-bottom: 10px;
border-radius: 4px;
font-size: 0px !important;
}
.skeleton-text.large {
height: 24px;
}
.skeleton-text.extra-large {
height: 54px;
}
.skeleton-text:last-child {
margin-bottom: 0;
}
body #masthead {
position: sticky !important;
top: 0;
}
body.admin-bar #masthead {
top: 32px;
}
.hfe-site-logo-set {
line-height: 0;
}
.header-top {
display: grid;
grid-template-columns: auto 1fr auto !important;
}
.cat-search .elementor-shortcode {
height: 100%;
}
.hs-catgory-mm-wrap {
position: relative;
}
.hs-catgory-mm-wrap .hs-catgory-mm {
border-radius: var(--Corner-Radius-L, 10px);
border: 1px solid #FFE5B1;
padding: 16px 32px 16px 12px;
display: flex;
align-items: center;
position: relative;
gap: 10px;
color: #222;
font-size: 14px;
font-weight: 500;
line-height: 128.571%;
text-transform: capitalize;
cursor: pointer;
background-color: #FFE5B1;
}
.hs-catgory-mm-wrap .hs-catgory-mm svg {
display: block;
height: 18px;
width: 18px;
min-width: fit-content;
}
.hs-catgory-mm-wrap .hs-catgory-mm svg path {
stroke: var(--hs-secondary-text);
}
.hs-catgory-mm-wrap .hs-catgory-mm:after {
content: "";
display: block;
position: absolute;
top: 18px;
right: 12px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4NCiAgPHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0iIzc2NzY3NiIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+);
background-repeat: no-repeat;
background-size: contain;
height: 14px;
width: 14px;
background-position: center;
}
.hs-catgory-mm-wrap .hs-catgory-mm-popup {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .8);
position: fixed;
top: 0;
padding: 0;
margin: 0;
border: 0;
box-shadow: none;
top: 85px;
display: none;
z-index: 10;
left: 0;
right: 0;
}
.admin-bar .hs-catgory-mm-wrap .hs-catgory-mm-popup {
top: 120px;
}
.hs-catgory-mm-wrap .hs-catgory-mm-popup-content {
position: relative;
left: 0;
right: 0;
margin: auto;
width: 100%;
background-color: #fff;
border-radius: 16px;
overflow: hidden;
padding: 0;
max-width: 80vw;
background: linear-gradient(to right, rgb(255, 255, 255) 20%, rgb(249, 249, 249) 20%, rgb(249, 249, 249) 40%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 60%, rgb(249, 249, 249) 60%, rgb(249, 249, 249) 80%, rgb(255, 255, 255) 80%);
}
.hs-catgory-mm-wrap .hs-catgory-mm-popup-content .hs-catgory-mm-popup-content-wrap {
max-height: 80vh;
overflow-y: auto;
padding: 20px 0;
}
.hs-catgory-mm-wrap .hs-catgory-mm-popup-content .hs-catgory-mm-popup-content-wrap > ul {
list-style: none;
margin-left: 0;
column-count: 5;
}
.hs-catgory-mm-wrap .hs-catgory-mm-popup-content .hs-catgory-mm-popup-content-wrap > ul > li {
break-inside: avoid-column;
margin: 0 20px 20px;
}
.hs-catgory-mm-wrap .hs-catgory-mm-popup-content .hs-catgory-mm-popup-content-wrap > ul > li > a {
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
letter-spacing: 1.69px;
color: var(--hs-secondary-text);
}
.hs-catgory-mm-wrap .hs-catgory-mm-popup-content .hs-catgory-mm-popup-content-wrap > ul > li > a:hover {
color: var(--hs-secondary-text-hover);
}
.hs-catgory-mm-wrap .hs-catgory-mm-popup-content .hs-catgory-mm-popup-content-wrap ul ul {
list-style: none;
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 10px;
padding-top: 10px;
}
.hs-catgory-mm-wrap .hs-catgory-mm-popup-content .hs-catgory-mm-popup-content-wrap ul ul li a {
font-size: 14px;
font-weight: 400;
color: var(--hs-secondary-text-hover);
}
.header-menu .hfe-nav-menu li {
padding-right: 20px;
margin-right: 20px;
}
.header-menu .hfe-nav-menu li:last-child {
margin-right: 0;
padding-right: 0;
}
.header-menu .hfe-nav-menu li:after {
content: "";
width: 1px;
height: 60%;
position: absolute;
top: 5px;
right: 0;
background-size: cover;
background: #000;
display: none;
}
.header-menu .hfe-nav-menu li:last-child:after {
display: none;
}
.hs-location-selector a {
display: flex;
align-items: center;
gap: 8px;
color: #1E1E1E;
}
.hs-location-selector a svg path {
stroke: #000;
}
.hs-location-selector a span {
color: #222;
font-size: 12px;
font-weight: 500;
line-height: 150%;
}
.hs-location-selector a .hs-location-text span {
display: block;
}
.hs-location-selector a .hs-location-text span.loc-name {
font-size: 14px;
width: min-content;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 92px;
font-weight: 600;
}
.hs-login-btn-wrap a {
padding: 10px 14px;
background-color: var(--hs-text);
color: var(--hs-secondary);
font-size: 14px;
border-radius: 8px;
display: inline-block;
line-height: 17px;
font-weight: 600;
}
.hs-login-btn-wrap a:hover {
background-color: #6A6A6A;
color: var(--hs-secondary);
}
.home-slider,
.recipe-slider {
overflow: hidden;
border-radius: 12px;
}
.home-slider img,
.recipe-slider img {
display: block;
border-radius: 12px;
}
body .swiper-pagination {
text-align: center;
bottom: -30px !important;
}
.swiper-nav-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-top: 24px;
}
.swiper-nav-wrapper .swiper-pagination,
.swiper-nav-wrapper .swiper-button-prev,
.swiper-nav-wrapper .swiper-button-next {
position: static;
width: auto;
height: auto;
margin-top: 0;
line-height: 0;
}
.swiper-nav-wrapper .swiper-button-prev,
.swiper-nav-wrapper .swiper-button-next {
color: #767676;
height: 24px;
width: 24px;
}
.swiper-nav-wrapper .swiper-button-prev:after,
.swiper-nav-wrapper .swiper-button-next:after {
font-size: 0px !important;
}
.swiper-nav-wrapper .swiper-button-prev:after,
.swiper-nav-wrapper .swiper-button-next:after {
height: 14px;
width: 8px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40Njk2NyAwLjQ2OTY3QzAuNzYyNTYzIDAuMTc2Nzc3IDEuMjM3NDQgMC4xNzY3NzcgMS41MzAzMyAwLjQ2OTY3TDcuNTMwMzMgNi40Njk2N0M3LjgyMzIyIDYuNzYyNTYgNy44MjMyMiA3LjIzNzQ0IDcuNTMwMzMgNy41MzAzM0wxLjUzMDMzIDEzLjUzMDNDMS4yMzc0NCAxMy44MjMyIDAuNzYyNTYzIDEzLjgyMzIgMC40Njk2NyAxMy41MzAzQzAuMTc2Nzc3IDEzLjIzNzQgMC4xNzY3NzcgMTIuNzYyNiAwLjQ2OTY3IDEyLjQ2OTdMNS45MzkzNCA3TDAuNDY5NjcgMS41MzAzM0MwLjE3Njc3NyAxLjIzNzQ0IDAuMTc2Nzc3IDAuNzYyNTYzIDAuNDY5NjcgMC40Njk2N1oiIGZpbGw9IiM3Njc2NzYiLz4KPC9zdmc+Cg==');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.swiper-nav-wrapper .swiper-button-prev:after {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41MzAzMyAwLjQ2OTY3QzcuMjM3NDQgMC4xNzY3NzcgNi43NjI1NiAwLjE3Njc3NyA2LjQ2OTY3IDAuNDY5NjdMMC40Njk2NyA2LjQ2OTY3QzAuMTc2Nzc3IDYuNzYyNTYgMC4xNzY3NzcgNy4yMzc0NCAwLjQ2OTY3IDcuNTMwMzNMNi40Njk2NyAxMy41MzAzQzYuNzYyNTYgMTMuODIzMiA3LjIzNzQ0IDEzLjgyMzIgNy41MzAzMyAxMy41MzAzQzcuODIzMjIgMTMuMjM3NCA3LjgyMzIyIDEyLjc2MjYgNy41MzAzMyAxMi40Njk3TDIuMDYwNjYgN0w3LjUzMDMzIDEuNTMwMzNDNy44MjMyMiAxLjIzNzQ0IDcuODIzMjIgMC43NjI1NjMgNy41MzAzMyAwLjQ2OTY3WiIgZmlsbD0iIzc2NzY3NiIvPgo8L3N2Zz4K');
}
body .swiper-pagination .swiper-pagination-bullet {
background: #D8D8D8;
opacity: 1;
height: 6px;
width: 6px;
margin: 0 2.5px;
transition: all 0.5s ease;
}
body .swiper-pagination .swiper-pagination-bullet-active {
background: var(--hs-primary);
height: 8px;
width: 8px;
}
.hs-header-search {
height: 100%;
}
form.custom-search-form {
height: 100%;
position: relative;
z-index: 10;
border: 1px solid #fff;
background-color: #fff !important;
display: flex;
align-items: center;
background: rgba(0, 0, 0, 0.06);
border-radius: 10px;
padding: 2px 16px;
/* min-width: 540px; */
justify-content: space-between;
}
form.custom-search-form label {
display: flex;
align-items: center;
width:100%;
}
form.custom-search-form input.search-field {
border: none;
font-size: 14px;
width:100%;
background-color: transparent;
padding-left: 12px;
}
form.custom-search-form input.search-field:focus {
box-shadow: none;
}
form.custom-search-form .hs-clear-header-search {
display: none;
}
form.custom-search-form .hs-clear-header-search svg {
display: block;
}
form.custom-search-form input.search-submit {
font-size: 14px;
line-height: 20px;
background: #C05317;
border: 1px solid #C05317;
border-radius: 7px;
}
form.custom-search-form input.search-submit:hover{
color:#C05317;
background: white;
}
form.custom-search-form.focused {
border-color: #A7A7A7;
}
form.custom-search-form input.search-field:focus {
box-shadow: none;
outline: 0;
}
.hs-header-search .hs-header-search-autocomplete {
position: absolute;
top: calc(100% - 8px);
left: 0;
right: 0;
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
z-index: 9;
display: none;
overflow: hidden;
border: 1px solid #A7A7A7;
border-top: 0;
padding-top: 9px;
}
.hs-header-search .hs-header-search-autocomplete ul {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-bottom: 0;
max-height: 600px;
overflow-y: auto;
}
.hs-header-search .hs-header-search-autocomplete ul li a {
display: flex;
padding: 15px 20px;
color: #232323;
align-items: center;
}
.hs-header-search .hs-header-search-autocomplete ul li a:hover {
background-color: #D8D8D8;
}
.hs-header-search .hs-header-search-autocomplete ul li a .sr-img-wrap {
margin-right: 16px;
position: relative;
height: 40px;
width: 40px;
min-width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.hs-header-search .hs-header-search-autocomplete ul li a .sr-img-wrap img {
max-width: 100%;
max-height: 100%;
border-radius: 5px;
}
.hs-header-search .hs-header-search-autocomplete ul li a .sr-img-wrap img.default-icon {
width: 20px;
}
.hs-mini-cart {
position: relative;
color: #fff;
display: block;
}
.hs-mini-cart:hover {
color: #fff;
}
.hs-mini-cart .hs-cart-count {
border: 0;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 17px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 24px;
padding: 0 6px;
border-radius: 100%;
background-color: #d60000;
color: #fff;
top: -15px;
right: -16px;
display: none;
min-width: 24px;
/* aspect-ratio: 1; */
}
.hs-mini-cart .hs-cart-count.active {
display: flex;
}
.hs-mini-cart svg {
display: block;
}
.hs-mini-cart svg path {
stroke: #000;
}
.hs-header-account-menu {
display: none;
max-width: 63px;
flex-direction: column;
position: relative;
}
.hs-header-account-menu-container {
border-radius: 60px;
background-color: #FFE5B1;
display: flex;
gap: 4px;
padding: 3px 5px;
cursor: pointer;
color: #000;
align-items: center;
}
.hs-header-account-menu-container svg:last-child path {
stroke: #232323;
}
.hs-header-account-menu-dropdown {
position: fixed;
/* top: calc(100% + 22px); */
right: 0;
left: 0;
top: 84px;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .8);
z-index: 10;
}
.admin-bar .hs-header-account-menu-dropdown {
top: 120px;
}
.hs-header-account-menu-dropdown-content {
background-color: #fff;
width: 300px;
z-index: 9;
border-radius: 0px 0px 10px 10px;
box-shadow: 0px 18px 20px 0px rgba(0, 0, 0, 0.15);
position: absolute;
top: 0;
right: 60px;
}
.hs-header-account-menu-dropdown .hs-header-account-menu-dropdown-header a {
padding: 20px 24px;
border-bottom: 1px solid #D8D8D8;
display: block;
color: var(--Text-Primary, #1E1E1E);
font-size: 24px;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.48px;
position: relative;
}
.hs-header-account-menu-dropdown .hs-header-account-menu-dropdown-header a:after {
content: "";
display: block;
position: absolute;
top: 40px;
right: 24px;
height: 14px;
width: 14px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('../images/menu-arrow.svg');
}
.hs-header-account-menu-dropdown .hs-header-account-menu-dropdown-header a span {
display: block;
color: var(--Text-Tertiary-Text, #767676);
font-size: var(--Tiny-Text, 12px);
font-weight: 400;
line-height: 116.667%;
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-bottom: 10px;
margin-top: 10px;
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li a {
padding: 14px 24px 14px 60px;
position: relative;
display: block;
color: var(--Text-Primary, #1E1E1E);
font-size: var(--Grid-Text, 15px);
font-weight: 400;
line-height: 126.667%;
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li a:hover {
background-color: #F5F5F5;
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li a:before,
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li a:after,
.mobile-account-menu-items ul li a:before {
content: "";
display: block;
position: absolute;
top: 12px;
left: 24px;
height: 20px;
width: 20px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.mobile-account-menu-items ul li a:before {
left: 0;
top: 11px;
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li a:after {
top: 16px;
height: 14px;
width: 14px;
left: auto;
right: 24px;
background-image: url('../images/menu-arrow.svg');
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li.my-orders a:before,
.mobile-account-menu-items ul li.my-orders a:before {
background-image: url('../images/account-orders-icon.svg');
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li.my-rewards a:before,
.mobile-account-menu-items ul li.my-rewards a:before {
background-image: url('../images/account-rewards-icon.svg');
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li.my-items a:before,
.mobile-account-menu-items ul li.my-items a:before {
background-image: url('../images/account-items-icon.svg');
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li.my-lists a:before,
.mobile-account-menu-items ul li.my-lists a:before {
background-image: url('../images/account-my-lists-icon.svg');
}
.mobile-account-menu-items ul li.personal-info a:before {
background-image: url('../images/account-personal-info-icon.svg');
}
.mobile-account-menu-items ul li.saved-address a:before {
background-image: url('../images/account-saved-address-icon.svg');
}
.mobile-account-menu-items ul li.payment-methods a:before {
background-image: url('../images/account-payment-methods-icon.svg');
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li.account-logout {
border-top: 1px solid #D8D8D8;
margin-top: 10px;
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li.account-logout a:before {
background-image: url('../images/Logout.svg');
}
.hs-header-account-menu-dropdown .hs-header-account-menu-items ul li.account-logout a:after {
display: none;
}
body.hs-logged-in .hs-header-account-menu {
display: flex;
}
body.hs-logged-in .hs-login-btn-wrap,
body.hs-logged-in .hs-mobile-account .hs-account-login,
body:not(.hs-logged-in) .hs-mobile-account .hs-account-profile-wrap {
display: none;
}
.hs-mobile-account .hs-account-login {
color: var(--hs-text);
font-size: var(--Base-Text, 14px);
font-weight: 600;
line-height: 125%;
text-decoration: underline;
}
.home-image-carousel {
overflow: hidden;
border-radius: 12px;
}
.hs-category-carousel,
.hs-recipe-category-carousel {
overflow: hidden;
max-width: calc(100% - 100px);
margin: 0 auto;
}
/* .hs-category-carousel .swiper-wrapper {
display: flex;
} */
.hs-category-carousel:not(.swiper-initialized) .swiper-wrapper {
display: grid;
grid-template-columns: repeat(8,minmax(0,1fr));
gap: 24px;
}
/* .hs-category-carousel:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
max-width: 8.5%;
} */
.home-image-carousel img {
border-radius: 12px;
}
.hs-category-carousel .swiper-button-prev,
.hs-category-carousel .swiper-button-next,
.hs-recipe-category-carousel .swiper-button-prev,
.hs-recipe-category-carousel .swiper-button-next {
height: 40px;
width: 40px;
padding: 8px;
border-radius: 100%;
color: #000;
background-color: #fff;
right: 0px;
border: 1px solid #D8D8D8;
}
.hs-category-carousel .swiper-button-prev,
.hs-category-carousel .swiper-button-next,
.hs-recipe-category-carousel .swiper-button-prev,
.hs-recipe-category-carousel .swiper-button-next {
top: calc(50% - 15px);
}
.home-image-carousel .swiper-button-prev,
.hs-category-carousel .swiper-button-prev,
.hs-recipe-category-carousel .swiper-button-prev {
right: auto;
left: 0px;
}
.home-image-carousel .swiper-button-prev:after,
.home-image-carousel .swiper-button-next:after,
.hs-category-carousel .swiper-button-prev:after,
.hs-category-carousel .swiper-button-next:after,
.hs-recipe-category-carousel .swiper-button-prev:after,
.hs-recipe-category-carousel .swiper-button-next:after {
font-size: 12px;
font-weight: 600;
}
.hs-recipe-category-carousel {
overflow: hidden;
}
.home-image-grid {
display: grid;
grid-template-columns: 35% 1fr 28%;
gap: 12px;
}
.home-image-grid .home-image-grid-img:first-child,
.home-image-grid .home-image-grid-img:last-child {
grid-row: 1 / 3;
}
.home-image-grid .home-image-grid-img {
grid-column: 2/3;
}
.home-image-grid .home-image-grid-img:first-child {
grid-column: 1/2;
}
.home-image-grid .home-image-grid-img:last-child {
grid-column: 3/3;
}
.home-image-grid .home-image-grid-img a {
display: block;
height: 100%;
position: relative;
padding-top: 56%;
overflow: hidden;
border-radius: 12px;
}
.home-image-grid .home-image-grid-img a img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: left top;
position: absolute;
top: 0;
left: 0;
transition: all 0.6s ease-in-out;
}
.home-image-grid .home-image-grid-img a:hover img {
transform: scale(1.05);
}
.home-promo-banner-wrap:not(.swiper-initialized) .swiper-wrapper {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 24px;
}
.home-promo-banner-wrap .home-promo-banner-box a {
display: block;
border-radius: 12px;
overflow: hidden;
}
.hs-product-carousel,
.hs-buy-again-products-wrapper,
.hs-featured-products-wrapper,
.hs-best-deals-products,
.hs-best-selling-products {
overflow: hidden;
}
.hs-product-box .hs-product-img-wrap {
position: relative;
padding-top: 93%;
}
.hs-product-box .hs-product-img-wrap img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: contain;
padding-left: 18px;
padding-right: 18px;
padding-top: 16px;
display: block;
right: 0;
color: #1E1E1E;
}
.hs-product-box.style-list .hs-product-img-wrap img {
padding: 20px;
}
.hs-product-box .hs-product-img-wrap img.placeholder-img {
max-width: 120px;
margin: auto;
}
.hs-product-box .hs-product-img-wrap .hs-product-favourite,
.hs-product-box .hs-product-img-wrap .hs-product-list-remove {
position: absolute;
top: 0;
right: 12px;
z-index: 1;
color: var(--hs-secondary-text-hover);
}
.hs-product-box .hs-product-img-wrap .hs-product-favourite svg path {
stroke: currentColor;
}
.hs-product-box .hs-product-img-wrap .hs-product-list-remove {
color: var(--hs-secondary-text-hover);
}
.hs-product-box.in-fav .hs-product-img-wrap .hs-product-favourite {
display: none;
}
.hs-product-box:not(.in-fav) .hs-product-img-wrap .hs-product-list-remove {
display: none;
}
.hs-product-box .hs-product-img-wrap .hs-product-list-remove svg {
fill: var(--hs-secondary-text-hover);
}
.hs-product-box .hs-product-add-cart,
.hs-product-box .hs-product-add-to-list {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 8px;
}
.hs-product-box .hs-product-add-cart.loading {
opacity: 0.5;
pointer-events: none;
cursor: wait;
}
.hs-product-box .hs-product-add-cart .initial-add,
.hs-product-box .hs-product-add-to-list .hs-add-to-list-action {
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--hs-secondary-border);
border-radius: 8px;
transition: all 0.5s ease;
text-decoration: none;
color: var(--hs-secondary-text);
}
.hs-product-box .hs-product-add-cart.active-qty .initial-add {
display: none;
}
.hs-product-box .hs-product-add-cart .initial-add span,
.hs-product-box .hs-product-add-to-list .hs-add-to-list-action span {
font-size: 0;
display: block;
opacity: 0;
transition: opacity 0.8s ease;
width: 0;
height: 0;
}
.hs-product-box .hs-product-add-cart .initial-add:hover,
.hs-product-box .hs-product-add-to-list .hs-add-to-list-action:hover {
width: 100%;
gap: 6px;
background-color: var(--hs-primary);
color: var(--hs-text);
text-align: center;
border-color: var(--hs-primary);
}
.hs-product-box .hs-product-add-cart .initial-add:hover span,
.hs-product-box .hs-product-add-to-list .hs-add-to-list-action:hover span {
height: auto;
width: auto;
min-width: max-content;
line-height: 110%;
opacity: 1;
font-size: 14px;
}
.hs-product-box .hs-product-add-to-list .remove-from-list-action {
border-radius: var(--M, 8px);
border: 1px solid var(--Semantic-Colors-Success, #C05317);
display: none;
padding: 8px 12px;
justify-content: center;
align-items: center;
gap: 8px;
font-weight: 500;
color: #C05317;
font-size: 14px;
transition: all 0.5s ease;
width: 100%;
}
.hs-product-box .hs-product-add-to-list.added .hs-add-to-list-action {
display: none;
}
.hs-product-box .hs-product-add-to-list.added .remove-from-list-action {
display: flex;
}
.hs-product-box .hs-product-add-to-list .remove-from-list-action:hover {
background-color: #C05317;
color: #fff;
}
.hs-product-box .hs-product-add-cart .hs-product-qty {
display: none;
align-items: center;
justify-content: space-between;
height: 40px;
gap: 8px;
border: 1px solid #A7A7A7;
border-radius: 8px;
width: 100%;
}
.hs-product-box .hs-product-add-cart.active-qty .hs-product-qty {
display: flex;
}
.hs-product-box .hs-product-add-cart .hs-product-qty button {
padding: 0;
border: 0;
background-color: transparent;
color: var(--hs-text);
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.hs-product-box .hs-product-add-cart .hs-product-qty button:hover {
box-shadow: none;
}
.hs-product-box .hs-product-add-cart .hs-product-qty button.hs-minus-qty,
.hs-product-box .hs-product-add-cart .hs-product-qty.active-minus .hs-product-delete {
display: none;
}
.hs-product-box .hs-product-add-cart .hs-product-qty.active-minus button.hs-minus-qty {
display: flex;
}
.hs-product-box .hs-product-add-cart .initial-add svg,
.hs-product-box .hs-product-add-cart .hs-product-qty button svg {
height: 24px;
width: 24px;
padding: 4px;
}
.hs-product-box .hs-product-add-cart .hs-product-qty .qty-value {
font-size: 14px;
line-height: 1;
}
.hs-product-box .hs-product-info-wrap .hs-product-price {
color: var(--hs-text);
font-size: 22px;
font-weight: 600;
line-height: 116.667%;
margin-top: 8px;
margin-bottom: 9px;
}
.hs-product-box .hs-product-info-wrap h6 {
color: var(--Text-Primary, #6A6A6A);
font-size: var(--Grid-Text, 14px);
font-weight: 400;
height: 2.4em;
text-overflow: ellipsis;
overflow: hidden;
display: block;
line-height: 1.2em;
margin-bottom: 0px;
text-transform: none;
}
.hs-product-box .hs-product-info-wrap h6 a {
color: inherit;
}
.hs-product-box.style-list .hs-product-info-wrap h6 {
color: #000;
font-size: var(--Base-Text, 16px);
font-style: normal;
font-weight: 500;
line-height: 125%;
height: auto;
}
.hs-product-box.style-list .hs-product-info-wrap .hs-product-price {
color: var(--Text-Secondary, #717171);
font-size: var(--Small-Text, 14px);
font-style: normal;
font-weight: 400;
line-height: 128.571%;
}
.hs-product-box.style-list .hs-product-remove-list {
margin-top: 16px;
}
.hs-product-box .hs-product-info-wrap .hs-product-promo-wrap {
margin-top: 10px;
position: relative;
}
/* .hs-product-box .hs-product-info-wrap .hs-product-promo-wrap span {
color: var(--Semantic-Colors-Success, #148114);
font-size: var(--Small-Text, 14px);
font-weight: 500;
line-height: 113.333%;
display: flex;
align-items: flex-start;
gap: 5px;
margin-bottom: 16px;
height: 2em;
overflow: hidden;
text-overflow: ellipsis;
} */
.hs-product-box .hs-product-info-wrap .hs-product-promo-wrap span {
color: var(--Semantic-Colors-Success, #148114);
font-size: var(--Small-Text, 14px);
font-weight: 500;
line-height: 1.5; /* Adjusted */
display: inline-block; /* For Safari */
-webkit-line-clamp: 2; /* Optional truncation */
-webkit-box-orient: vertical; /* Required for clamp */
overflow: hidden;
text-overflow: ellipsis;
gap: 5px;
margin-bottom: 16px;
position: relative;
/* min-height: 42px; */
border-radius: 6px;
background: #E8F7EF;
padding: 8px;
width: auto;
}
.hs-product-box .hs-product-info-wrap .hs-product-promo-wrap span svg {
min-width: fit-content;
position: absolute;
top: 3px;
left: 0;
display: none;
}
.hs-product-box .hs-product-info-wrap .hs-product-promo-wrap a {
color: var(--Text-Secondary, #6A6A6A);
text-align: center;
font-size: var(--Tiny-Text, 13px);
line-height: 107.692%;
text-decoration: underline;
font-weight: 500;
}
.hs-product-listing {
display: grid;
gap: 32px 24px;
}
.hs-product-listing.col-3 {
grid-template-columns:repeat(3,minmax(0,1fr));
}
.hs-product-listing.col-4 {
grid-template-columns:repeat(4,minmax(0,1fr));
}
.hs-product-listing.col-5 {
grid-template-columns:repeat(5,minmax(0,1fr));
}
.hs-product-listing.col-6:not(.swiper-initialized) {
grid-template-columns:repeat(6,minmax(0,1fr));
}
.hs-product-listing .swiper-button-prev,
.hs-product-listing .swiper-button-next,
.hs-location-carousel .swiper-button-prev,
.hs-location-carousel .swiper-button-next,
.hs-recommanded-coupons-carousel .swiper-button-prev,
.hs-recommanded-coupons-carousel .swiper-button-next,
.hs-recipe-carousel .swiper-button-prev,
.hs-recipe-carousel .swiper-button-next,
.shop-by-diet .swiper-button-prev,
.shop-by-diet .swiper-button-next {
border-radius: var(--M, 8px);
border: 1px solid var(--hs-secondary-border);
background: var(--hs-secondary);
height: 40px;
width: 40px;
color: var(--hs-secondary-text);
top: -55px;
right: 0;
}
.shop-by-diet .swiper-button-prev,
.shop-by-diet .swiper-button-next {
top: 16px;
}
.hs-location-carousel .swiper-button-prev,
.hs-location-carousel .swiper-button-next {
top: -60px;
}
.hs-product-listing .swiper-button-prev,
.hs-recipe-carousel .swiper-button-prev,
.hs-recommanded-coupons-carousel .swiper-button-prev,
.hs-location-carousel .swiper-button-prev,
.shop-by-diet .swiper-button-prev {
right: 52px;
left: auto;
}
.hs-product-listing .swiper-button-prev:after,
.hs-product-listing .swiper-button-next:after,
.hs-location-carousel .swiper-button-prev:after,
.hs-location-carousel .swiper-button-next:after,
.hs-recommanded-coupons-carousel .swiper-button-prev:after,
.hs-recommanded-coupons-carousel .swiper-button-next:after,
.hs-recipe-carousel .swiper-button-prev:after,
.hs-recipe-carousel .swiper-button-next:after,
.shop-by-diet .swiper-button-prev:after,
.shop-by-diet .swiper-button-next:after {
font-size: 0px;
font-weight: 600;
/* background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40Njk2NyAwLjQ2OTY3QzAuNzYyNTYzIDAuMTc2Nzc3IDEuMjM3NDQgMC4xNzY3NzcgMS41MzAzMyAwLjQ2OTY3TDcuNTMwMzMgNi40Njk2N0M3LjgyMzIyIDYuNzYyNTYgNy44MjMyMiA3LjIzNzQ0IDcuNTMwMzMgNy41MzAzM0wxLjUzMDMzIDEzLjUzMDNDMS4yMzc0NCAxMy44MjMyIDAuNzYyNTYzIDEzLjgyMzIgMC40Njk2NyAxMy41MzAzQzAuMTc2Nzc3IDEzLjIzNzQgMC4xNzY3NzcgMTIuNzYyNiAwLjQ2OTY3IDEyLjQ2OTdMNS45MzkzNCA3TDAuNDY5NjcgMS41MzAzM0MwLjE3Njc3NyAxLjIzNzQ0IDAuMTc2Nzc3IDAuNzYyNTYzIDAuNDY5NjcgMC40Njk2N1oiIGZpbGw9IiNDMDUzMTciLz4KPC9zdmc+Cg=='); */
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: currentColor;
height: 16px;
width: 8px;
}
.hs-product-listing .swiper-button-prev:after,
.hs-location-carousel .swiper-button-prev:after,
.hs-recommanded-coupons-carousel .swiper-button-prev:after,
.hs-recipe-carousel .swiper-button-prev:after,
.shop-by-diet .swiper-button-prev:after {
/* background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41MzAzMyAwLjQ2OTY3QzcuMjM3NDQgMC4xNzY3NzcgNi43NjI1NiAwLjE3Njc3NyA2LjQ2OTY3IDAuNDY5NjdMMC40Njk2NyA2LjQ2OTY3QzAuMTc2Nzc3IDYuNzYyNTYgMC4xNzY3NzcgNy4yMzc0NCAwLjQ2OTY3IDcuNTMwMzNMNi40Njk2NyAxMy41MzAzQzYuNzYyNTYgMTMuODIzMiA3LjIzNzQ0IDEzLjgyMzIgNy41MzAzMyAxMy41MzAzQzcuODIzMjIgMTMuMjM3NCA3LjgyMzIyIDEyLjc2MjYgNy41MzAzMyAxMi40Njk3TDIuMDYwNjYgN0w3LjUzMDMzIDEuNTMwMzNDNy44MjMyMiAxLjIzNzQ0IDcuODIzMjIgMC43NjI1NjMgNy41MzAzMyAwLjQ2OTY3WiIgZmlsbD0iI0MwNTMxNyIvPgo8L3N2Zz4K'); */
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.hs-popup-wrap {
position: fixed;
background: rgba(0,0,0,0.5);
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 99;
display: none;
}
.hs-popup-wrap.hs-promotions-popup {
z-index: 100;
}
.hs-popup-wrap.hs-pdp-popup {
z-index: 101;
}
.hs-popup-wrap .hs-popup-content-wrap {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
right: 0;
margin: auto;
background-color: #fff;
border-radius: 16px;
width: 800px;
max-width: 90%;
}
.hs-promotions-popup .hs-popup-content-wrap,
.hs-pdp-popup .hs-popup-content-wrap {
width: 1167px;
}
.hs-popup-wrap .hs-popup-content-wrap .hs-popup-content {
border-radius: 16px;
overflow: hidden;
position: relative;
}
.hs-popup-wrap .hs-popup-content-wrap .hs-popup-content .bouncing-loader {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.hs-popup-wrap .hs-popup-content-wrap .hs-popup-close {
display: block;
position: absolute;
top: 19px;
right: 22px;
z-index: 2;
}
.hs-popup-wrap .hs-popup-content-wrap .hs-popup-embed {
min-height: 66vh;
}
.hs-popup-wrap.hs-promotions-popup .hs-popup-content-wrap .hs-popup-embed,
.hs-popup-wrap.hs-pdp-popup .hs-popup-content-wrap .hs-popup-embed {
min-height: 80vh;
}
.hs-popup-wrap.hs-login-popup .hs-popup-content-wrap {
width: 504px;
}
.hs-popup-wrap.hs-login-popup .hs-popup-content-wrap .hs-popup-embed {
min-height: 100%;
height: 626px;
}
.jq-toast-wrap {
width: 450px;
max-width: 95%;
}
.jq-toast-single {
font-size: 14px;
line-height: 1.3;
font-family: Avenir;
border-radius: 8px;
padding: 12px 12px 12px 48px;
}
.jq-icon-success {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYxMDMgOS4xODU5M0MxNC44NTExIDguODQ4ODcgMTQuNzczIDguMzgwNDYgMTQuNDM1OSA4LjEzOTdDMTQuMDk4OSA3Ljg5ODk0IDEzLjYzMDUgNy45NzcwMSAxMy4zODk3IDguMzE0MDdMMTAuMTU0MyAxMi44NDM2TDguNTMwMzMgMTEuMjE5N0M4LjIzNzQ0IDEwLjkyNjggNy43NjI1NiAxMC45MjY4IDcuNDY5NjcgMTEuMjE5N0M3LjE3Njc4IDExLjUxMjYgNy4xNzY3OCAxMS45ODc0IDcuNDY5NjcgMTIuMjgwM0w5LjcxOTY3IDE0LjUzMDNDOS44NzU1NiAxNC42ODYyIDEwLjA5MjEgMTQuNzY1NiAxMC4zMTE5IDE0Ljc0NzRDMTAuNTMxNiAxNC43MjkzIDEwLjczMjIgMTQuNjE1MyAxMC44NjAzIDE0LjQzNTlMMTQuNjEwMyA5LjE4NTkzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSAwLjI1QzguMTQ4OTIgMC4yNSA1LjQxNDYyIDEuMzgyNTkgMy4zOTg2IDMuMzk4NkMxLjM4MjU5IDUuNDE0NjIgMC4yNSA4LjE0ODkyIDAuMjUgMTFDMC4yNSAxMi40MTE3IDAuNTI4MDU3IDEzLjgwOTYgMS4wNjgyOSAxNS4xMTM4QzEuNjA4NTMgMTYuNDE4MSAyLjQwMDM3IDE3LjYwMzIgMy4zOTg2IDE4LjYwMTRDNC4zOTY4MyAxOS41OTk2IDUuNTgxOSAyMC4zOTE1IDYuODg2MTUgMjAuOTMxN0M4LjE5MDQgMjEuNDcxOSA5LjU4ODI5IDIxLjc1IDExIDIxLjc1QzEyLjQxMTcgMjEuNzUgMTMuODA5NiAyMS40NzE5IDE1LjExMzggMjAuOTMxN0MxNi40MTgxIDIwLjM5MTUgMTcuNjAzMiAxOS41OTk2IDE4LjYwMTQgMTguNjAxNEMxOS41OTk2IDE3LjYwMzIgMjAuMzkxNSAxNi40MTgxIDIwLjkzMTcgMTUuMTEzOEMyMS40NzE5IDEzLjgwOTYgMjEuNzUgMTIuNDExNyAyMS43NSAxMUMyMS43NSA4LjE0ODkyIDIwLjYxNzQgNS40MTQ2MiAxOC42MDE0IDMuMzk4NkMxNi41ODU0IDEuMzgyNTkgMTMuODUxMSAwLjI1IDExIDAuMjVaTTQuNDU5MjYgNC40NTkyNkM2LjE5Mzk3IDIuNzI0NTUgOC41NDY3NSAxLjc1IDExIDEuNzVDMTMuNDUzMyAxLjc1IDE1LjgwNiAyLjcyNDU1IDE3LjU0MDcgNC40NTkyNkMxOS4yNzU0IDYuMTkzOTcgMjAuMjUgOC41NDY3NSAyMC4yNSAxMUMyMC4yNSAxMi4yMTQ3IDIwLjAxMDcgMTMuNDE3NiAxOS41NDU5IDE0LjUzOThDMTkuMDgxIDE1LjY2MjEgMTguMzk5NyAxNi42ODE4IDE3LjU0MDcgMTcuNTQwN0MxNi42ODE4IDE4LjM5OTcgMTUuNjYyMSAxOS4wODEgMTQuNTM5OCAxOS41NDU5QzEzLjQxNzYgMjAuMDEwNyAxMi4yMTQ3IDIwLjI1IDExIDIwLjI1QzkuNzg1MjcgMjAuMjUgOC41ODI0NCAyMC4wMTA3IDcuNDYwMTggMTkuNTQ1OUM2LjMzNzkyIDE5LjA4MSA1LjMxODIgMTguMzk5NyA0LjQ1OTI2IDE3LjU0MDdDMy42MDAzMiAxNi42ODE4IDIuOTE4OTcgMTUuNjYyMSAyLjQ1NDExIDE0LjUzOThDMS45ODkyNiAxMy40MTc2IDEuNzUgMTIuMjE0NyAxLjc1IDExQzEuNzUgOC41NDY3NSAyLjcyNDU1IDYuMTkzOTcgNC40NTkyNiA0LjQ1OTI2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
background-position: 12px;
}
.hs-category-box a {
display: block;
text-decoration: none !important;
text-align: center;
}
.hs-category-box .hs-category-img-wrap {
display: flex;
width: 100px;
height: 100px;
padding: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 12px;
border-radius: 100%;
margin: 0 auto;
}
.hs-category-box .hs-category-img-wrap:not(.skeleton) {
background: #FFF2D9;
}
.hs-category-box .hs-category-img-wrap img {
height: 85%;
width: 85%;
object-fit: contain;
display: block;
margin: 0 auto;
}
.hs-category-box .hs-category-img-wrap img.placeholder-img {
max-height: 50px;
}
.hs-category-box h5,
.hs-category-box h6 {
color: #000;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 120%;
margin-top: 12px;
text-decoration: none;
margin-bottom: 0;
text-transform: none;
}
.hs-latest-posts {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 40px 24px;
}
.hs-latest-posts.style-home-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.hs-latest-posts.style-home-grid .hs-post-box:first-child {
grid-row: 1/4;
}
.hs-latest-posts.style-home-grid .hs-post-box {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 24px;
}
.hs-latest-posts .hs-post-box .hs-post-img-wrap a {
display: block;
position: relative;
padding-top: 63%;
overflow: hidden;
margin-bottom: 0px;
border-radius: 12.118px 12.118px 0px 0px;
}
.hs-latest-posts.style-home-grid .hs-post-box .hs-post-img-wrap a {
padding-top: 57%;
margin-bottom: 0;
}
.hs-latest-posts .hs-post-box .hs-post-img-wrap a img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
position: absolute;
top: 0;
left: 0;
}
.hs-latest-posts .hs-post-box .hs-post-info-wrap {
display: flex;
flex-direction: column;
gap: 12px;
border-radius: 0px 0px 12px 12px;
border: 1px solid #D8D8D8;
background: #FFF;
padding: 16px;
}
.hs-latest-posts.style-home-grid .hs-post-box .hs-post-info-wrap {
gap: 20px;
}
.hs-latest-posts .hs-post-box .hs-post-info-wrap h4 {
overflow: hidden;
color: #000;
font-size: 20px;
font-weight: 600;
line-height: 120%;
letter-spacing: 0.15px;
margin: 0;
}
.hs-latest-posts .hs-post-box .hs-post-info-wrap h4 a {
text-decoration: none;
color: inherit;
}
.hs-latest-posts .hs-post-box .hs-post-info-wrap .hs-post-excerpt {
overflow: hidden;
color: #6A6A6A;
text-overflow: ellipsis;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.hs-latest-posts .hs-post-box .hs-post-info-wrap .hs-post-meta-wrap {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #E8E8E8;
padding-top: 16px;
color: var(--Text-Secondary, #6A6A6A);
font-size: var(--Tiny-Text, 12px);
font-weight: 400;
line-height: 125%;
}
.hs-latest-posts .hs-post-box .hs-post-info-wrap .hs-post-date {
color: var(--Text-Secondary, #6A6A6A);
font-size: var(--Tiny-Text, 12px);
font-weight: 400;
line-height: 125%;
display: flex;
align-items: center;
gap: 10px;
}
.hs-latest-posts.style-home-grid .hs-post-box:first-child {
grid-template-columns: 1fr;
}
.hs-latest-posts.style-home-grid .hs-post-box:first-child .hs-post-img-wrap a {
padding-top: 70%;
}
.hs-latest-posts.style-home-grid .hs-post-box:first-child .hs-post-info-wrap {
gap: 8px;
}
.hs-home-recipe-listing-wrap {
overflow: hidden;
position: relative;
}
.hs-home-recipe-listing:not(.swiper-initialized) {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 24px;
}
.hs-recipe-box a {
text-decoration: none;
border: 1px solid #D8D8D8;
border-radius: 12px;
overflow: hidden;
display: block;
}
.hs-home-recipe-listing .hs-recipe-box a {
border: 0;
}
.hs-recipe-box .hs-recipe-img-wrap {
position: relative;
padding-top: 61%;
margin-bottom: 0px;
border-radius: 12px 12px 0 0;
overflow: hidden;
width: 100%;
}
.hs-home-recipe-listing .hs-recipe-box .hs-recipe-img-wrap {
padding-top: 186%;
border-radius: 12px;
margin-bottom: 16px;
}
.hs-recipe-box .hs-recipe-img-wrap img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
.hs-recipe-box .hs-recipe-img-wrap .hs-recipe-read {
position: absolute;
bottom: 12px;
left: 12px;
border-radius: 50px;
display: none;
}
.hs-recipe-box .hs-recipe-img-wrap .hs-recipe-read:not(.skeleton) {
background: rgba(255, 255, 255, 0.36);
backdrop-filter: blur(12px);
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 16.8px */
letter-spacing: 0.25px;
padding: 8px 12px;
}
.hs-recipe-box .hs-recipe-img-wrap .hs-recipe-read.skeleton {
max-width: 100px;
width: 100%;
}
.hs-recipe-box .hs-recipe-info-wrap {
color: #717171;
font-size: 16px;
padding: 16px;
border-radius: 0 0 12px 12px;
}
.hs-home-recipe-listing .hs-recipe-box .hs-recipe-info-wrap {
padding: 0;
}
.hs-recipe-box .hs-recipe-info-wrap h6 {
color: var(--hs-brand-orange);
font-size: var(--Small-Text, 14px);
font-weight: 600;
line-height: 100%;
letter-spacing: 2.1px;
text-transform: uppercase;
margin: 0;
}
.hs-recipe-box .hs-recipe-info-wrap h2 {
color: #000;
font-size: 20px;
font-weight: 600;
line-height: 120%;
margin-top: 8px;
margin-bottom: 0;
}
.hs-recipe-box .hs-recipe-info-wrap .hs-recipe-short-desc {
margin-top: 15px;
display: none;
}
.hs-recipe-box .hs-recipe-meta {
color: #232323;
font-size: 15px;
margin-top: 15px;
display: flex;
align-items: center;
}
.hs-recipe-box .hs-recipe-meta span {
display: flex;
align-items: center;
}
.hs-recipe-box .hs-recipe-meta span:after {
content: "";
display: block;
height: 5px;
width: 5px;
background-color: var(--hs-brand-orange);
border-radius: 100%;
margin: 0 14px;
}
.hs-recipe-box .hs-recipe-meta span.skeleton:after,
.hs-recipe-box .hs-recipe-meta span:last-child:after {
display: none;
}
.hs-buy-again-products-wrapper {
opacity: 0;
visibility: hidden;
height: 0;
transform: scaleY(0);
transform-origin: top center;
will-change: transform;
transition: transform 0.3s ease, opacity 0.8s ease-in-out;
}
.hs-buy-again-products-wrapper.active {
height: auto;
transform: scaleY(1);
visibility: visible;
opacity: 1;
padding: 48px 0;
}
.hs-buy-again-products,
.hs-featured-products {
position: relative;
}
.hs-featured-products {
background-color: #fff;
padding: 24px;
}
.hs-featured-products .swiper-button-prev,
.hs-featured-products .swiper-button-next {
display: none;
}
.hs-buy-again-products-header,
.hs-featured-products-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.hs-featured-products-header {
align-items: flex-start;
}
.hs-buy-again-products-header h6,
.hs-featured-products-header h6 {
margin-bottom: 16px !important;
font-size: 16px;
margin-top: 0;
}
body .hs-featured-products-header h3 {
margin-top: 0;
margin-bottom: 8px;
}
body .hs-buy-again-products-header a,
body .hs-featured-products-header a {
margin-right: 120px;
position: relative;
display: flex;
align-items: center;
color: var(--hs-text);
font-size: var(--Small-Text, 14px);
font-weight: 600;
line-height: 128.571%;
text-decoration: underline !important;
margin-top: 20px;
gap: 15px;
}
body .hs-featured-products-header a {
margin-top: 0;
margin-right: 0;
}
body .hs-buy-again-products-header a svg,
body .hs-featured-products-header a svg {
height: 1em;
}
body .hs-buy-again-products-header a svg,
body .hs-featured-products-header a svg {
fill: currentColor;
}
body .hs-featured-products-header .deals-points-wrap {
display: flex;
align-items: center;
gap: 4px;
font-size: 14px;
}
body .hs-featured-products-header .deals-points-wrap .total-reward-points {
font-size: 20px;
font-weight: 600;
line-height: 120%;
display: block;
}
.gravity-theme .gform_heading {
display: none;
}
.gform_wrapper.gravity-theme .gform_fields {
gap: 18px;
}
.gform_validation_error.gform_wrapper.gravity-theme .gform_fields {
gap: 40px 18px;
}
.gform_fields .gfield .gfield_description.validation_message {
font-size: 12px;
}
.gform_wrapper.gravity-theme .gfield_label {
color: var(--Gray-700, #344054);
font-size: 14px;
font-weight: 600;
line-height: 20px; /* 142.857% */
}
.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
border-radius: 8px;
border: 1px solid var(--Gray-300, #D0D5DD);
background: var(--White, #FFF);
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
padding: 12px 16px;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
margin-right: 8px;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
color: var(--Gray-500, #667085);
font-size: 16px;
font-weight: 400;
line-height: 24px; /* 150% */
}
.gform_wrapper.gravity-theme #field_submit input,
.gform_wrapper.gravity-theme .gform_footer input {
width: 100%;
}
.gform_wrapper.gravity-theme .ginput_container_consent {
color: var(--hs-text);
font-size: 14px;
font-weight: 400;
line-height: 24px; /* 150% */
display: flex;
align-items: center;
}
.gform_wrapper.gravity-theme .ginput_container_consent a {
color: inherit;
font-weight: 600;
text-decoration: underline;
}
.gform_wrapper.gravity-theme .ginput_container_consent input {
margin-right: 10px;
}
.footer-newsletter .gform_wrapper .gform_heading {
display: none;
}
.footer-newsletter .gform_wrapper form .gform_fields {
display: flex;
border-radius: 50px;
background: #FFF;
padding: 4px;
align-items: center;
}
.footer-newsletter .gform_wrapper form .gform_fields .gfield {
width: 100%;
}
.footer-newsletter .gform_wrapper form .gform_fields .gfield.gfield--type-submit {
width: auto;
min-width: max-content;
}
.footer-newsletter .gform_wrapper form .gform_fields .ginput_container input {
border: 0;
outline: 0;
width: 100%;
box-shadow: none;
border-radius: 50px;
padding: 8px 24px;
color: rgba(0, 0, 0, 0.60);
font-size: 16px;
font-weight: 500;
line-height: 150%;
}
.footer-newsletter .gform_wrapper form .gform_fields .gfield--type-submit input {
border-radius: 50px;
background: #232323;
color: #FFF;
font-size: 16px;
font-weight: 600;
line-height: 125%;
padding: 15px 32px;
border-color: #232323;
}
.footer-newsletter .gform_wrapper .gform-footer {
padding: 0 !important;
margin: 0 !important;
}
.footer-newsletter .gform_wrapper form .gform_fields .validation_message {
position: absolute;
background-color: #C05317;
color: #fff;
font-size: 12px;
border-radius: 8px;
padding: 8px 12px;
margin-top: 13px;
}
.footer-newsletter .gform_wrapper form .gform_fields .validation_message:before {
content: "";
display: block;
position: absolute;
top: -20px;
left: 20px;
height: 0;
width: 0;
border: 10px solid transparent;
border-bottom-color: #C05317;
}
.hs-breadcrumb {
color: var(--hs-secondary-text);
font-size: 14px;
font-weight: 400;
line-height: 121.429%;
}
body .hs-breadcrumb a {
color: inherit;
text-decoration: none;
}
.hs-breadcrumb span > span {
display: inline-block;
position: relative;
padding-right: 24px;
}
.hs-breadcrumb span > span:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3IiBmaWxsPSJub25lIj4NCiAgPHBhdGggZD0iTTYgMTIuNUwxMCA4LjVMNiA0LjUiIHN0cm9rZT0iIzFFMUUxRSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 16px;
width: 16px;
}
.hs-breadcrumb span > span.breadcrumb_last {
padding-right: 0;
font-weight: 600;
}
.hs-breadcrumb span > span.breadcrumb_last:after {
display: none;
}
.hs-breadcrumb span > span i {
font-style: normal;
}
.key-offerings ul {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 40px;
list-style: none;
padding-left: 0;
margin-left: 0;
}
.key-offerings ul li {
position: relative;
padding-left: 22px;
}
.key-offerings ul li:before {
content: "";
display: block;
position: absolute;
top: 16px;
left: 0;
height: 6px;
width: 6px;
border-radius: 100%;
background-color: #C05317;
}
.key-offerings ul li strong {
display: block;
font-size: 24px;
font-weight: 600;
margin-bottom: 0px;
}
.about-page-tabs .elementor-button.active {
color: #C05317 !important;
}
.elementor-widget-text-editor ul {
padding-left: 0px;
list-style: none;
}
.elementor-widget-text-editor ul li {
margin-bottom: 15px;
position: relative;
padding-left: 25px;
}
.elementor-widget-text-editor ul li:last-child {
margin-bottom: 0;
}
.elementor-widget-text-editor ul li:before {
content: "";
display: block;
position: absolute;
top: 11px;
left: 10px;
height: 4px;
width: 4px;
border-radius: 100%;
background-color: #000;
}
.elementor-widget-toc_widget {
position: sticky;
top: 220px;
}
.elementor-widget-toc_widget h2 {
color: var(--hs-text);
font-size: 28px;
font-weight: 600;
line-height: 120%; /* 33.6px */
letter-spacing: -0.56px;
margin-top: 0;
margin-bottom: 40px;
}
.elementor-widget-toc_widget ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.elementor-widget-toc_widget ul li {
margin-bottom: 18px;
}
.elementor-widget-toc_widget ul li:last-child {
margin-bottom: 0;
}
.elementor-widget-toc_widget ul li a {
color: #6a6a6a;
font-size: 24px;
font-weight: 400;
line-height: 140%; /* 33.6px */
transition: all 0.5s ease-in-out;
text-decoration: none;
position: relative;
display: inline-block;
}
.elementor-widget-toc_widget ul li a:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 4px;
transition: all 0.5s ease-in-out;
}
.elementor-widget-toc_widget ul li a:hover {
color: var(--hs-text);
}
.elementor-widget-toc_widget ul li a.active {
color: var(--hs-text);
padding-left: 18px;
font-weight: 700;
}
.elementor-widget-toc_widget ul li a.active:before {
background-color: var(--hs-primary);
}
.hs-contact-store-info-wrap {
border-radius: 12px;
overflow: hidden;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img {
position: relative;
padding-top: 94%;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 24px;
padding: 24px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta > .skeleton {
min-height: 130px;
border-radius: 12px;
border: 1px solid #d8d8d8;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta > div {
border-radius: 12px;
background: #FFF;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: center;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta h5 {
color: #000;
font-size: 24px;
font-weight: 600;
line-height: 24px; /* 100% */
margin-top: 0;
margin-bottom: 10px;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta p:last-of-type {
margin-bottom: 0;
}
.contact-us-form .gfield_checkbox {
display: flex;
align-items: center;
gap: 40px;
}
.hs-embed-wrap {
position: relative;
}
.hs-embed-wrap .bouncing-loader {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
transform: translateY(-50%);
}
.hs-embed-full {
display: block;
width: 100%;
height: 100vh;
}
.hs-location-carousel {
overflow: hidden;
}
.hs-location-box {
display: grid;
grid-template-columns: 45% 1fr;
gap: 28px;
}
.hs-location-box .hs-location-img {
border-radius: 12px;
position: relative;
overflow: hidden;
padding-top: 80%;
}
.hs-location-box .hs-location-img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.hs-location-box .hs-location-info-wrap {
display: flex;
flex-direction: column;
justify-content: center;
gap: 12px;
color: var(--Text-Secondary, #717171);
}
.hs-location-box .hs-location-info-wrap h4 {
margin: 0;
color: var(--Text-Primary, #1E1E1E);
font-size: 24px;
font-weight: 600;
line-height: 24px; /* 100% */
}
.hs-location-box .hs-location-info-wrap p:last-of-type {
margin-bottom: 0;
}
.hs-location-box .hs-location-info-wrap a {
color: var(--hs-secondary-text);
font-size: 16px;
font-weight: 500;
line-height: 140%; /* 22.4px */
letter-spacing: 0.25px;
text-decoration: none;
}
.catering-image-grid {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 24px;
}
.catering-image-grid .catering-image-grid-img:nth-child(2) {
grid-column: 2/4;
}
.catering-image-grid-slider .swiper-pagination {
display: none;
}
.catering-image-grid-slider .swiper-slide {
width: 23%;
}
.catering-image-grid-slider .swiper-slide:nth-child(2) {
width: 48%;
}
.hs-recipe-listing-wrap {
padding-top: 24px;
padding-bottom: 80px;
}
.hs-recipe-listing {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 32px 20px;
margin-top: 48px;
}
.hs-recipe-search-wrap {
margin-bottom: 32px;
padding-top: 4px;
}
.hs-recipe-search-wrap #recipe_search {
border-radius: 8px;
background: var(--Backgrounds-BG-2, #F5F5F5);
padding: 16px 16px 16px 56px;
background-image: url('../images/search-icon.svg');
background-repeat: no-repeat;
background-size: 24px;
background-position: 16px center;
width: 100%;
border: 0;
}
.hs-recipe-search-wrap #recipe_search:focus {
outline: 2px solid #000;
}
.hs-recipe-search-result-wrap {
display: none;
}
.hs-recipe-page-title-search {
display: grid;
grid-template-columns: 65% 1fr;
gap: 25px;
}
.hs-recipe-page-title-search h1 {
margin-top: 0;
}
.recipe-page-container h2 {
margin: 0 0 36px;
font-size: 26px;
}
.hs-featured-recipes .hs-recipe-box:first-child {
grid-column: 1/3;
grid-row: 1/3;
}
.hs-featured-recipes .hs-recipe-box a {
position: relative;
border-radius: 16px;
overflow: hidden;
display: block;
height: 100%;
padding-top: 70%;
}
.hs-featured-recipes-grid {
margin-top: 60px;
}
.hs-featured-recipes-grid .hs-recipe-box a {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 20px;
align-items: center;
border-radius: 12px;
overflow: hidden;
border: 1px solid #E4E3CC;
background: var(--Light-Color---Yellow, #FEFDE9);
}
.hs-featured-recipes-grid .hs-recipe-box .hs-recipe-info-wrap {
padding: 16px 32px;
}
.hs-featured-recipes-grid .hs-recipe-box .hs-recipe-tag {
border-radius: 4px;
background: var(--hs-primary);
padding: 4px 10px;
color: var(--hs-text);
font-size: var(--Tiny-Text, 12px);
font-weight: 600;
line-height: 116.667%;
display: inline-flex;
margin-bottom: 24px;
}
.hs-featured-recipes-grid .hs-recipe-box .hs-recipe-info-wrap .hs-recipe-short-desc {
display: block;
color: var(--hs-text);
}
.hs-featured-recipes-grid .hs-recipe-box .hs-recipe-img-wrap {
border-radius: 0px 12px 12px 0px;
}
.hs-featured-recipes .hs-recipe-box a:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
}
.hs-featured-recipes .hs-recipe-box a img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.8s ease;
position: absolute;
top: 0;
left: 0;
}
.hs-featured-recipes .hs-recipe-box a:hover img {
transform: scale(1.1);
}
.hs-featured-recipes .hs-recipe-box a .hs-recipe-info-wrap {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
padding: 24px;
width: 100%;
}
.hs-featured-recipes .hs-recipe-box a .hs-recipe-info-wrap h6 {
color: #fff;
font-size: 15px;
letter-spacing: 2.25px;
font-weight: 600;
background: rgba(0,0,0,0.01);
}
.hs-featured-recipes .hs-recipe-box a .hs-recipe-info-wrap h2 {
font-size: 32px;
color: #fff;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 500;
line-height: 120%;
background: rgba(0,0,0,0.01);
}
.hs-featured-recipes .hs-featured-recipe-right {
display: flex;
gap: 30px;
flex-direction: column;
}
.hs-featured-recipes .hs-featured-recipe-right .hs-recipe-box a {
padding-top: 65%;
}
.hs-featured-recipes .hs-featured-recipe-right .hs-recipe-box a img {
position: absolute;
top: 0;
left: 0;
}
.hs-top-spacing {
padding-top: 80px;
}
.hs-browse-by-cat-wrap {
margin-top: 52px;
}
.hs-browse-by-cat-wrap h2 {
text-align: center;
margin-top: 0;
color: var(--hs-text);
font-size: var(--Small-Text, 14px);
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 2.1px;
text-transform: uppercase;
margin-bottom: 24px;
}
.hs-recipe-carousel {
overflow: hidden;
}
.hs-recipe-carousel:not(.swiper-initialized) .swiper-wrapper {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 24px;
}
.hs-recipe-carousel-wrap {
position: relative;
}
.hs-recipe-banner-wrap {
position: relative;
}
.hs-recommanded-recipe {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 0 24px;
}
.hs-recommanded-recipe .hs-recipe-box {
padding-bottom: 20px;
margin-bottom: 20px;
}
.hs-recommanded-recipe .hs-recipe-box:first-child {
grid-column: 1/2;
grid-row: 1/4;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.hs-recommanded-recipe .hs-recipe-box:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.hs-recommanded-recipe .hs-recipe-box .hs-recipe-img-wrap {
padding-top: 67%;
margin-bottom: 0;
border-radius: 12px 0px 0px 12px;
}
.hs-recommanded-recipe .hs-recipe-box:first-child .hs-recipe-img-wrap {
border-radius: 10px 10px 0px 0px;
}
.hs-recommanded-recipe .hs-recipe-box a {
display: grid;
grid-template-columns: 37% 1fr;
gap: 0px;
align-items: center;
}
/* .hs-recommanded-recipe .hs-recipe-box .hs-recipe-short-desc,
.hs-recommanded-recipe .hs-recipe-box .hs-recipe-meta {
display: none;
} */
.hs-recommanded-recipe .hs-recipe-box h2 {
font-size: 18px;
font-weight: 500;
}
.hs-recommanded-recipe .hs-recipe-box:first-child a {
display: block;
}
.hs-recommanded-recipe .hs-recipe-box:first-child h2 {
font-size: 22px;
}
.hs-recommanded-recipe .hs-recipe-box:first-child .hs-recipe-img-wrap {
margin-bottom: 20px;
}
/* .hs-recommanded-recipe .hs-recipe-box:first-child .hs-recipe-short-desc {
display: block;
} */
.hs-recommanded-recipe .hs-recipe-box:first-child .hs-recipe-meta {
display: flex;
}
.hs-recommanded-recipe .hs-recipe-box .hs-recipe-img-wrap .skeleton-image {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.hs-browse-by-category-list {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 60px;
}
.hs-browse-by-category-list.col-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.hs-recipe-result-grid,
.hs-cat-recipe-listing,
.hs-recipe-search-result-container {
grid-template-columns: repeat(3,minmax(0,1fr));
}
.hs-recipe-detail-wrap {
padding-top: 32px;
padding-bottom: 0px;
}
.hs-recipe-detail-breadcrumb {
display: flex;
align-items: center;
font-size: 14px;
color: #232323;
gap: 18px;
margin-bottom: 32px;
}
.hs-recipe-detail-breadcrumb a {
color: #232323;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 80px;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap .hs-recipe-detail-img img {
border-radius: 16px;
width: 100%;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap .hs-recipe-detail-info h6 {
color: var(--hs-text);
font-size: 15px;
font-weight: 500;
letter-spacing: 2.25px;
text-transform: uppercase;
margin-top: 0;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap .hs-recipe-detail-info h1 {
margin-top: 20px;
color: #1E1E1E;
text-transform: none;
font-weight: 600;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap .hs-recipe-detail-info {
font-size: 22px;
color: #232323;
font-weight: 400;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap .hs-recipe-detail-info .hs-recipe-detail-meta {
margin-top: 32px;
display: flex;
gap: 40px;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap .hs-recipe-detail-info .hs-recipe-detail-meta span {
font-size: 13px;
color: #555555;
text-transform: uppercase;
display: block;
border-right: 1px solid #D8D8D8;
text-align: center;
font-weight: 500;
padding-right: 40px;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap .hs-recipe-detail-info .hs-recipe-detail-meta span:last-child {
border-right: 0;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap .hs-recipe-detail-info .hs-recipe-detail-meta span strong {
display: block;
text-transform: none;
margin-top: 16px;
font-size: 20px;
font-weight: 500;
}
.hs-recipe-other-info-wrap {
margin-top: 64px;
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 80px;
padding-bottom: 0px;
}
.hs-recipe-other-info-wrap h4 {
margin-bottom: 20px;
margin-top: 0;
font-weight: 600;
}
.hs-recipe-other-info-wrap ol {
list-style: none;
counter-reset: hs-ol-counter;
margin-left: 0;
padding-left: 0;
}
.hs-recipe-other-info-wrap ol li {
counter-increment: hs-ol-counter;
padding-left: 60px;
position: relative;
margin-bottom: 24px;
}
.hs-recipe-other-info-wrap ol li:not(.skeleton):before {
content: counter(hs-ol-counter);
height: 42px;
width: 42px;
border-radius: 100%;
background-color: #f5f5f5;
color: #28333F;
font-size: 16px;
position: absolute;
top: -5px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.hs-recipe-other-info-wrap ul {
background-color: #F7F6F4;
padding: 50px;
list-style: none;
margin-left: 0;
border-radius: 16px;
}
.hs-recipe-other-info-wrap ul li:not(.skeleton) {
position: relative;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #d8d8d8;
padding-left: 18px;
}
.hs-recipe-other-info-wrap ul li:not(.skeleton):before {
content: "";
display: block;
position: absolute;
top: 10px;
left: 0;
height: 6px;
width: 6px;
background-color: #C05317;
border-radius: 100%;
}
.hs-recipe-other-info-wrap ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.hs-recipe-products-wrap {
margin-top: 60px;
}
.hs-recipe-products-wrap .hs-recipe-products-header,
.hs-recipe-products-wrap .hs-recipe-products-footer {
display: flex;
justify-content: space-between;
gap: 30px;
margin-bottom: 48px;
}
.add-to-cart-bulk-wrap {
color: var(--Text-Primary-Text, #232323);
text-align: center;
font-size: var(--Small-Text, 14px);
font-weight: 400;
line-height: 128.571%;
}
.add-to-cart-bulk-wrap .add-to-cart-bulk,
.add-to-cart-bulk-wrap .add-to-list-bulk {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 16px;
background-color: var(--hs-primary);
color: var(--hs-text);
gap: 10px;
text-align: center;
font-size: var(--Base-Text, 16px);
font-weight: 600;
line-height: 125%;
border-radius: 8px;
text-decoration: none;
}
.add-to-cart-bulk-wrap .add-to-cart-bulk:hover,
.add-to-cart-bulk-wrap .add-to-list-bulk:hover {
background-color: var(--hs-primary-hover);
color: var(--hs-text);
}
.add-to-cart-bulk-wrap .add-to-cart-bulk svg,
.add-to-cart-bulk-wrap .add-to-list-bulk svg {
display: block;
}
.add-to-cart-bulk-wrap .add-to-cart-bulk svg path,
.add-to-cart-bulk-wrap .add-to-list-bulk svg path {
fill: currentColor;
}
.add-to-cart-bulk-wrap .bulk-subtotal-wrap {
text-align: center;
margin-top: 8px;
}
.hs-recipe-products-wrap .hs-recipe-products-footer .add-to-cart-bulk-wrap {
margin-left: auto;
margin-top: 60px;
}
.hs-recipe-products-wrap .hs-recipe-products-header .add-to-cart-bulk-wrap,
.hs-recipe-products-wrap .hs-recipe-products-footer .add-to-cart-bulk-wrap {
display: none;
}
.hs-recipe-other-info-wrap .hs-recipe-products-list {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 30px 16px;
}
.hs-related-recipes,
.hs-recipe-carousel-wrap,
.hs-browse-by-category-wrap {
position: relative;
}
.hs-related-recipes,
.hs-browse-by-category-wrap .swiper-pagination {
display: none;
}
.hs-related-recipes .hs-related-recipes-head h2 {
margin-bottom: 30px;
font-size: 26px;
}
.hs-store-locations-wrap {
display: grid;
grid-template-columns: 40% 1fr;
gap: 60px;
}
.hs-store-locations-map {
position: sticky;
top: 200px;
}
.store-search-wrap {
margin-bottom: 40px;
}
.store-search-wrap input {
background-color: #f5f5f5;
padding: 14px 25px 14px 55px;
border-radius: 8px;
width: 100%;
background-image: url('../images/search-icon.svg');
background-size: 24px;
background-repeat: no-repeat;
background-position: 20px center;
border: 0;
}
.store-search-wrap input:focus {
outline: 2px solid #1E1E1E;
}
.hs-store-box {
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 1px solid #D8D8D8;
}
.hs-store-box:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.hs-store-box h5 {
font-weight: 600;
margin-bottom: 16px !important;
}
.hs-store-box-top {
display: grid;
grid-template-columns: 1fr 45%;
gap: 40px;
align-items: flex-start;
}
.hs-store-img-wrap {
position: relative;
padding-top: 75%;
border-radius: 6px;
overflow: hidden;
background-color: #f5f5f5;
}
.hs-store-img-wrap img {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
background-image: url('../images/location-placeholder.svg');
background-size: cover;
background-repeat: no-repeat;
}
.hs-store-address {
font-size: 16px;
margin-bottom: 16px;
line-height: 120%;
}
.hs-store-contact-info > div {
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
margin-bottom: 16px;
}
.hs-store-actions {
margin-top: 40px;
}
.hs-store-actions .hs-store-actions-top {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 50px;
margin-bottom: 20px;
}
.store-action-box a {
display: flex;
align-items: center;
color: #1E1E1E;
font-size: 15px;
text-align: center;
flex-direction: column;
text-decoration: none;
}
.store-action-box .store-action-icon {
height: 48px;
width: 48px;
border: 1px solid #C05317;
border-radius: 100%;
padding: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.store-action-box .store-action-icon svg {
display: block;
}
.store-action-box .store-action-icon svg path {
fill: #C05317;
}
.hs-store-actions .shop-here-btn,
.hs-store-details-wrap .shop-here-btn {
width: 100%;
border-radius: 8px;
font-size: 17px;
line-height: 19px;
font-weight: 500;
height: 48px;
background: var(--hs-primary);
color: var(--hs-text);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
text-decoration: none;
}
.hs-store-details-wrap .shop-here-btn {
margin: 32px 0;
}
.hs-store-actions .shop-here-btn.is-clicked,
.hs-store-actions .shop-here-btn:hover,
.hs-store-details-wrap .shop-here-btn.is-clicked,
.hs-store-details-wrap .shop-here-btn:hover {
background-color: var(--hs-primary-hover);
color: var(--hs-text);
}
.hs-store-details-wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 100px;
}
.hs-store-details-wrap .hs-store-details-left img {
border-radius: 12px;
width: 100%;
}
.hs-store-details-wrap .hs-store-details-right {
font-size: 16px;
}
.hs-store-details-wrap h1 {
margin-top: 0;
margin-bottom: 8px;
}
.hs-store-details-wrap .hs-store-phone {
display: flex;
align-items: center;
gap: 5px;
}
.hs-store-details-wrap .hs-store-links {
border-bottom: 1px solid #D8D8D8;
padding-bottom: 24px;
margin-bottom: 24px;
}
.hs-store-details-wrap .hs-store-links a {
display: flex;
align-items: center;
gap: 16px;
color: var(--hs-text);
margin-bottom: 16px;
}
.hs-store-details-wrap .hs-store-links a:last-child {
margin-bottom: 0;
}
.hs-store-details-wrap .hs-store-links a .store-action-icon {
width: 48px;
height: 48px;
padding: 12px;
border-radius: 100%;
border: 1px solid #C05317;
}
.hs-store-details-wrap .hs-store-timings-wrap {
border-bottom: 1px solid #D8D8D8;
padding-bottom: 24px;
margin-bottom: 24px;
}
.hs-store-details-wrap .hs-store-timings-wrap:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.hs-store-details-wrap .hs-store-timings-wrap .hs-store-timing {
display: flex;
align-items: center;
margin-bottom: 20px;
gap: 12px;
font-weight: 600;
}
.hs-store-details-wrap .hs-store-timings-wrap ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.hs-store-details-wrap .hs-store-timings-wrap ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 36px;
margin-bottom: 16px;
}
.hs-store-details-wrap .hs-store-timings-wrap ul li:last-child {
margin-bottom: 0;
}
.hs-store-details-wrap .hs-store-timings-wrap .hs-store-specialities {
padding-left: 36px;
display: flex;
align-items: center;
gap: 12px;
}
.hs-store-details-wrap .hs-store-timings-wrap .hs-store-specialities span {
display: flex;
align-items: center;
gap: 12px;
}
.hs-store-details-wrap .hs-store-timings-wrap .hs-store-specialities span:after {
content: "";
display: block;
width: 4px;
height: 4px;
background-color: #C05317;
border-radius: 100%;
}
.hs-store-details-wrap .hs-store-timings-wrap .hs-store-specialities span:last-child:after {
display: none;
}
.blog #content.site-main {
max-width: 1200px;
padding: 0 20px;
margin-left: auto;
margin-right: auto;
}
.hs-blog-search-wrap {
margin-top: -70px;
z-index: 2;
position: relative;
margin-bottom: 30px;
text-align: right;
display: flex;
justify-content: flex-end;
}
.hs-blog-search-wrap .hs-blog-search-input {
max-width: 413px;
width: 100%;
position: relative;
}
.hs-blog-search-wrap .hs-blog-search-input svg {
position: absolute;
top: 12px;
left: 10px;
}
.hs-blog-search-wrap .hs-blog-search-input input {
border-radius: var(--M, 8px);
background: var(--Backgrounds-BG-2, #F5F5F5);
padding: 11px 10px 11px 40px;
}
.blog .hs-latest-posts {
padding: 0 0 60px 0;
}
.blog .hs-latest-posts.shimmer-loading:not(.active),
.blog .hs-latest-posts:not(.shimmer-loading).active {
display: none;
}
.blog .wp-pagenavi {
margin-bottom: 80px;
text-align: center;
}
.blog .wp-pagenavi span,
.blog .wp-pagenavi a {
padding: 3px 10px;
height: 40px;
width: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
border-radius: 100%;
margin: 0 7px;
}
.blog .wp-pagenavi .current {
background-color: #C05317;
color: #fff;
border-color: #C05317;
}
.single-post-container {
max-width: 1300px;
padding: 30px 20px 80px;
margin: 0 auto;
}
.single-post .hs-breadcrumb span > span.breadcrumb_last {
max-width: 200px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: -4px;
}
.single-post-top {
display: grid;
grid-template-columns: 1fr 35%;
gap: 80px;
}
.single-post-top-left h1 {
text-transform: none;
color: #1E1E1E;
margin-top: 40px;
margin-bottom: 20px;
}
.single-post-meta {
color: var(--Text-Secondary, #6A6A6A);
font-size: var(--Base-Text, 16px);
font-style: normal;
font-weight: 400;
line-height: 125%;
margin-bottom: 48px;
display: flex;
align-items: center;
gap: 16px;
}
.single-post-meta span {
display: flex;
align-items: center;
gap: 16px;
}
.single-post-meta span:after {
content: "";
display: block;
height: 4px;
width: 4px;
background-color: #6A6A6A;
border-radius: 100%;
}
.single-post-meta span:last-child:after {
display: none;
}
.single-post-thumb-wrap {
margin-bottom: 40px;
}
.single-post-thumb-wrap img {
display: block;
border-radius: 12px;
}
.single-post-content {
color: var(--Text-Secondary, #6A6A6A);
line-height: 150%;
}
.single-post-content h4 {
margin-top: 50px;
margin-bottom: 20px;
color: var(--hs-text);
}
.single-post-share {
margin-top: 40px;
display: flex;
align-items: center;
gap: 16px;
color: var(--Text-Primary-Text, #232323);
font-weight: 600;
line-height: 116.667%;
}
.single-post-share .share-icons {
display: flex;
align-items: center;
gap: 16px;
}
.single-post-you-like {
position: sticky;
top: 200px;
margin-top: 63px;
}
.single-post-you-like h3 {
margin-top: 0;
font-size: 24px;
}
.single-post-you-wrap {
display: flex;
flex-direction: column;
gap: 24px;
padding: 24px;
border-radius: 12px;
border: 1px solid var(--Lines-Default, #D8D8D8);
}
.single-post-you-wrap .hs-post-box {
display: grid;
grid-template-columns: 30% 1fr;
gap: 24px;
}
.single-post-you-wrap .hs-post-box .hs-post-img-wrap a {
display: block;
position: relative;
padding-top: 60%;
border-radius: 8px;
overflow: hidden;
}
.single-post-you-wrap .hs-post-box .hs-post-img-wrap a img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
.single-post-you-wrap .hs-post-box h5 {
margin-top: 0;
font-size: 16px;
margin-bottom: 0;
}
.single-post-you-wrap .hs-post-box h5 a {
color: #1E1E1E;
text-decoration: none;
}
.single-related-blogs {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #EDEDED;
margin-bottom: 40px;
}
.single-related-blogs h3 {
margin-top: 0;
margin-bottom: 24px;
}
.bulk-order-form h5 {
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 600;
}
.bulk-order-form .gform_fields .gfield:not(.gfield--type-html):not(.gfield--type-repeater_end):not(.gfield--type-consent):not(.gfield--type-radio) {
border-radius: 8px;
border: 1px solid var(--Lines-Disabled, #E8E8E8);
background: var(--Backgrounds-BG-2, #fff);
padding: 12px;
position: relative;
}
.bulk-order-form .gform_fields .gfield:not(.gfield--type-html):not(.gfield--type-repeater_end):not(.gfield--type-consent):not(.gfield--type-radio).focus {
outline: 2px solid #1E1E1E;
border-color: transparent;
}
.bulk-order-form .gform_fields .gfield .gfield_description {
display: block;
color: #767676;
font-size: 16px;
}
.bulk-order-form .gform_fields .gfield input:not([type="checkbox"]):not([type="radio"]),
.bulk-order-form .gform_fields .gfield textarea {
border: 0;
padding: 0;
color: #1E1E1E;
font-size: 17px;
width: 100%;
box-shadow: none !important;
background-color: transparent;
transition: all 0.5s ease;
margin-top: 10px;
outline: 0 !important;
}
.bulk-order-form .gform_fields .gfield input::placeholder,
.bulk-order-form .gform_fields .gfield textarea::placeholder {
color: transparent;
}
.bulk-order-form .gform_fields .gfield:not(.focus) .gfield_description:not(.validation_message) {
cursor: text;
top: 7px;
font-size: 16px;
pointer-events: none;
}
.bulk-order-form .gform_fields .gfield .gfield_description:not(.validation_message),
.bulk-order-form .gform_fields .gfield.focus .gfield_description:not(.validation_message),
.bulk-order-form .gform_fields .gfield.has-value .gfield_description:not(.validation_message) {
position: absolute;
top: -7px;
transition: 0.2s;
font-size: 12px;
}
.bulk-order-form .gform_fields .gfield .gfield_description.validation_message {
position: absolute;
bottom: -40px;
left: 0;
padding: 6px;
font-size: 12px;
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_start {
display: none;
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end {
padding: 0 !important;
/* margin-top: -28px; */
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end .repeater-field-item {
position: relative;
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end .repeater-field-header-count,
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end .repeater-field-header-acctions ul li:first-child {
display: none;
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end .repeater-field-header-acctions {
position: absolute;
right: 0;
top: -7px;
z-index: 1;
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end .repeater-field-header-acctions .repeater-field-header-acctions-remove:before {
content: "";
display: block;
background-image: url('../images/Delete.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 20px;
width: 20px;
}
.bulk-order-form .gform_fields .gfield .repeater-field-content .container-repeater-field {
grid-template-columns: 1fr 25%;
padding-right: 40px;
}
.bulk-order-form .gform_fields .gfield .repeater-field-content .container-repeater-field .gfield.gfield--width-half {
grid-column: inherit;
}
.bulk-order-form .gform_fields .gfield .repeater-field-content .gfield_description {
top: 5px;
}
.bulk-order-form .gform_fields .repeater-field-content .gfield.focus .gfield_description,
.bulk-order-form .gform_fields .repeater-field-content .gfield.has-value .gfield_description {
top: -7px;
}
.bulk-order-form .gform_fields .gfield .repeater-field-content .bulk-qty-field .gfield_description {
display: none;
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end .gf-repeater-field-button-add {
border-radius: 0;
border: 0;
padding: 0;
color: #C05317;
font-size: 16px;
font-weight: 600;
line-height: 125%;
background-color: transparent;
text-decoration: underline;
position: relative;
display: inline-flex;
align-items: center;
gap: 12px;
margin-top: 17px;
margin-bottom: 17px;
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end .gf-repeater-field-button-add:before {
content: "";
display: block;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4NCiAgPHBhdGggZD0iTTEyLjc1IDVDMTIuNzUgNC41ODU3OSAxMi40MTQyIDQuMjUgMTIgNC4yNUMxMS41ODU4IDQuMjUgMTEuMjUgNC41ODU3OSAxMS4yNSA1VjExLjI1SDVDNC41ODU3OSAxMS4yNSA0LjI1IDExLjU4NTggNC4yNSAxMkM0LjI1IDEyLjQxNDIgNC41ODU3OSAxMi43NSA1IDEyLjc1SDExLjI1VjE5QzExLjI1IDE5LjQxNDIgMTEuNTg1OCAxOS43NSAxMiAxOS43NUMxMi40MTQyIDE5Ljc1IDEyLjc1IDE5LjQxNDIgMTIuNzUgMTlWMTIuNzVIMTlDMTkuNDE0MiAxMi43NSAxOS43NSAxMi40MTQyIDE5Ljc1IDEyQzE5Ljc1IDExLjU4NTggMTkuNDE0MiAxMS4yNSAxOSAxMS4yNUgxMi43NVY1WiIgZmlsbD0iI0MwNTMxNyIvPg0KPC9zdmc+');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 22px;
width: 22px;
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end .gf-repeater-field-button-add:hover {
background-color: transparent;
color: var(--hs-text);
box-shadow: none !important;
}
.bulk-order-form h4 {
font-size: 18px;
margin-top: 17px;
margin-bottom: 0;
}
.hs-gform-footer {
margin: 17px 0;
}
.bulk-date-picker .ginput_container_date {
position: relative;
}
.bulk-date-picker .ginput_container_date:after {
content: "";
display: block;
position: absolute;
top: 5px;
right: 0;
background-image: url('../images/Calendar.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 22px;
width: 22px;
}
.bulk-order-form .gform_fields .gfield .repeater-field-content .bulk-qty-field .ginput_container {
position: relative;
}
.bulk-order-form .gform_fields .gfield .repeater-field-content .bulk-qty-field .ginput_container input {
text-align: center;
appearance: textfield;
-webkit-appearance: textfield;
-moz-appearance: textfield;
margin-top: 4px;
}
.bulk-order-form .gform_fields .gfield .repeater-field-content .bulk-qty-field .ginput_container button {
position: absolute;
top: 50%;
left: 12px;
transform: translateY(-50%);
border: 0;
padding: 0;
background-color: transparent;
border-radius: 0;
z-index: 2;
}
.bulk-order-form .gform_fields .gfield .repeater-field-content .bulk-qty-field .ginput_container button:before {
content: "";
display: block;
height: 16px;
width: 16px;
background-image: url('../images/Minus.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.bulk-order-form .gform_fields .gfield .repeater-field-content .bulk-qty-field .ginput_container button.qty-plus {
left: auto;
right: 0;
background-image: url('../images/Plus.svg');
}
.gform-location-selector .hs-location-value {
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 0;
}
.gform-location-selector {
position: relative;
}
.gform-location-selector select {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
padding: 0 !important;
appearance: none;
margin-top: 10px !important;
font-size: 17px !important;
display: block;
}
.gform-location-selector:after {
content: "";
display: block;
height: 24px;
width: 24px;
background-image: url('../images/Chevron Down.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
top: 18px;
right: 12px;
}
.bulk-order-form .gfield--input-type-html p {
margin-bottom: 0;
color: var(--Gray-500, #667085);
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.support-radios .gfield_radio {
display: flex;
align-items: center;
gap: 11px;
flex-wrap: wrap;
position: relative;
}
.support-radios .gfield_radio .gchoice {
position: relative;
}
.support-radios .gfield_radio .gchoice input {
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
appearance: none;
cursor: pointer;
}
.support-radios .gfield_radio .gchoice .gform-field-label {
padding: 8px 12px 8px 16px;
border-radius: 10000px;
border: 1px solid var(--hs-secondary-border);
color: var(--hs-secondary-text);
font-size: var(--Small-Text, 14px);
font-style: normal;
font-weight: 400;
line-height: 128.571%;
width: 100%;
display: block;
max-width: 100%;
cursor: pointer;
}
.support-radios .gfield_radio .gchoice input:checked + .gform-field-label {
background-color: var(--hs-secondary-text);
color: #fff;
border-color: var(--hs-secondary-text);
}
.required-field-notice {
font-size: 14px;
}
.hs-mobile-menu-toggle {
cursor: pointer;
}
.hs-mobile-menu-toggle svg {
display: block;
}
.hs-mobile-menu-toggle svg path {
stroke: #000;
}
.hs-off-canvas-menu-wrap {
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 11;
display: none;
}
.hs-off-canvas-menu-wrap .hs-off-canvas-menu-container {
background-color: #fff;
border-radius: 0px 16px 16px 0px;
position: absolute;
top: 0;
left: -1000px;
height: 100%;
width: 80%;
padding: 16px;
transition: left 0.5s ease;
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.hs-off-canvas-menu-wrap.active .hs-off-canvas-menu-container {
left: 0;
}
.hs-off-canvas-menu-wrap .hs-off-canvas-menu-container.cat-active {
overflow-y: hidden;
}
.hs-off-canvas-menu-logo {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px;
}
.hs-off-canvas-menu-logo .hs-off-canvas-menu-close svg {
display: block;
}
.hs-off-canvas-menu-items .widget {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #D8D8D8;
}
.hs-off-canvas-menu-items .widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.hs-off-canvas-menu-items .widget p:empty {
display: none;
}
.hs-off-canvas-menu-items .widget-title {
color: var(--Text-Primary, #1E1E1E);
font-size: var(--Small-Text, 14px);
font-weight: 600;
line-height: 121.429%;
margin-bottom: 12px;
padding-top: 12px;
}
.hs-off-canvas-menu-items .off-canvas-home-link {
margin: 0;
color: var(--Text-Primary, #1E1E1E);
font-size: var(--Small-Text, 14px);
font-weight: 600;
line-height: 121.429%;
}
.hs-off-canvas-menu-items .off-canvas-home-link a {
color: inherit;
text-decoration: none !important;
position: relative;
display: flex;
align-items: center;
gap: 14px;
padding: 12px 0;
}
.hs-off-canvas-menu-items .off-canvas-home-link a:before {
content: "";
display: block;
background-image: url('../images/Home.svg');
background-repeat: no-repeat;
background-size: cover;
height: 20px;
width: 20px;
background-position: center;
margin-top: -4px;
}
.hs-off-canvas-menu-items .menu {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.hs-off-canvas-menu-items .menu li a {
color: var(--hs-secondary-text);
font-size: var(--Small-Text, 14px);
line-height: 128.571%;
padding: 12px 0;
display: block;
}
.hs-mobile-categories-mm .hs-mobile-categories-mm-toggle {
display: flex;
align-items: center;
color: var(--hs-secondary-text);
font-size: var(--Base-Text, 14px);
font-weight: 600;
line-height: 125%;
gap: 12px;
padding: 12px 0;
position: relative;
}
.hs-mobile-categories-mm .hs-mobile-categories-mm-toggle:after {
content: "";
display: block;
position: absolute;
top: 10px;
right: 0;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC40Njk2NyA1LjQ2OTY3QzguNzYyNTYgNS4xNzY3OCA5LjIzNzQ0IDUuMTc2NzggOS41MzAzMyA1LjQ2OTY3TDE1LjUzMDMgMTEuNDY5N0MxNS44MjMyIDExLjc2MjYgMTUuODIzMiAxMi4yMzc0IDE1LjUzMDMgMTIuNTMwM0w5LjUzMDMzIDE4LjUzMDNDOS4yMzc0NCAxOC44MjMyIDguNzYyNTYgMTguODIzMiA4LjQ2OTY3IDE4LjUzMDNDOC4xNzY3OCAxOC4yMzc0IDguMTc2NzggMTcuNzYyNiA4LjQ2OTY3IDE3LjQ2OTdMMTMuOTM5MyAxMkw4LjQ2OTY3IDYuNTMwMzNDOC4xNzY3OCA2LjIzNzQ0IDguMTc2NzggNS43NjI1NiA4LjQ2OTY3IDUuNDY5NjdaIiBmaWxsPSIjNzY3Njc2Ii8+DQo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 22px;
width: 22px;
}
.hs-mobile-categories-mm .hs-mobile-categories-mm-toggle svg {
display: block;
margin-top: -3px;
}
.hs-mobile-categories-mm .hs-mobile-categories-mm-toggle svg path {
stroke: var(--hs-brand-orange);
}
.hs-mobile-catgory-mm-sub {
position: absolute;
top: 0;
right: -1000px;
height: 100%;
width: 100%;
background: #fff;
max-height: 100%;
overflow-y: auto;
padding: 16px;
transition: right 0.5s ease-in-out;
}
.hs-mobile-categories-mm.active .hs-mobile-catgory-mm-sub {
right: 0;
}
.hs-mobile-catgory-mm-sub .mobile-cat-back {
padding: 12px 0;
display: flex;
align-items: center;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #D8D8D8;
color: var(--Text-Primary, #1E1E1E);
font-size: var(--Small-Text, 14px);
font-weight: 400;
line-height: 128.571%;
gap: 20px;
}
.hs-mobile-catgory-mm-sub .mobile-cat-back svg {
display: block;
height: 48px;
width: 48px;
background-color: rgba(245, 245, 245, 0.9);
padding: 8px;
border-radius: 100%;
}
.hs-mobile-categories-mm .hs-mobile-catgory-mm-sub > ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.hs-mobile-categories-mm .hs-mobile-catgory-mm-sub > ul > li > a {
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
letter-spacing: 1.69px;
}
.hs-mobile-categories-mm .hs-mobile-catgory-mm-sub > ul > li > a.mobile-cat-toggle {
display: block;
padding: 12px 0;
position: relative;
color: var(--hs-secondary-text);
font-weight: 600;
border-bottom: 1px solid #D8D8D8;
}
.hs-mobile-categories-mm .hs-mobile-catgory-mm-sub > ul > li > a.mobile-cat-toggle:after {
content: "";
display: block;
position: absolute;
top: 10px;
right: 0;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC40Njk2NyA1LjQ2OTY3QzguNzYyNTYgNS4xNzY3OCA5LjIzNzQ0IDUuMTc2NzggOS41MzAzMyA1LjQ2OTY3TDE1LjUzMDMgMTEuNDY5N0MxNS44MjMyIDExLjc2MjYgMTUuODIzMiAxMi4yMzc0IDE1LjUzMDMgMTIuNTMwM0w5LjUzMDMzIDE4LjUzMDNDOS4yMzc0NCAxOC44MjMyIDguNzYyNTYgMTguODIzMiA4LjQ2OTY3IDE4LjUzMDNDOC4xNzY3OCAxOC4yMzc0IDguMTc2NzggMTcuNzYyNiA4LjQ2OTY3IDE3LjQ2OTdMMTMuOTM5MyAxMkw4LjQ2OTY3IDYuNTMwMzNDOC4xNzY3OCA2LjIzNzQ0IDguMTc2NzggNS43NjI1NiA4LjQ2OTY3IDUuNDY5NjdaIiBmaWxsPSIjNzY3Njc2Ii8+DQo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 22px;
width: 22px;
transition: all 0.5s ease;
}
.hs-mobile-categories-mm .hs-mobile-catgory-mm-sub > ul > li > a.mobile-cat-toggle.active:after {
transform: rotate(90deg);
}
.hs-mobile-categories-mm .hs-mobile-catgory-mm-sub ul ul {
list-style: none;
padding-left: 11px;
padding-right: 11px;
margin-left: 0;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 20px;
padding-top: 20px;
display: none;
}
.hs-mobile-categories-mm .hs-mobile-catgory-mm-sub ul ul li a {
font-size: 14px;
font-weight: 400;
color: var(--hs-secondary-text-hover);
}
.mobile-img {
display: none !important;
}
.mobile-account-menu-wrap {
position: fixed;
top: 0;
right: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
display: flex;
justify-content: flex-end;
z-index: 11;
display: none;
}
.mobile-account-menu-container {
width: 80%;
background-color: #fff;
height: 100%;
border-radius: 16px 0px 0px 16px;
padding: 16px;
position: absolute;
top: 0;
right: -1000px;
max-height: 100%;
overflow-y: auto;
transition: right 0.5s ease-in-out;
}
.mobile-account-menu-wrap.active .mobile-account-menu-container {
right: 0;
}
.mobile-account-menu-top h3 {
color: var(--Text-Primary, #1E1E1E);
font-size: 20px;
font-weight: 600;
line-height: 120%;
position: relative;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 20px;
}
.mobile-account-menu-top h3 svg {
border-radius: 100%;
background-color: #C05317;
padding: 10px;
display: block;
height: 44px;
width: 44px;
}
.mobile-account-points-wrap {
padding: 0 11px;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 20px;
margin-bottom: 24px;
display: none !important;
}
.mobile-account-points-wrap ul {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-bottom: 0;
}
.mobile-account-points-wrap ul li {
color: var(--Text-Primary, #1E1E1E);
font-size: var(--Small-Text, 14px);
font-weight: 400;
line-height: 128.571%;
display: flex;
justify-content: space-between;
margin-bottom: 12px;
gap: 16px;
}
.mobile-account-points-wrap ul li span {
display: block;
width: 100%;
}
.mobile-account-points-wrap ul li span:last-child {
text-align: right;
}
.mobile-account-points-wrap .rw-history-btn-wrap {
display: flex;
justify-content: flex-end;
margin-top: 20px;
}
.mobile-account-points-wrap .points-history-btn {
margin-left: auto;
color: var(--buttons-secondary-tertiary-default, #C05317);
font-size: var(--Small-Text, 14px);
font-weight: 600;
line-height: 128.571%;
text-decoration: underline;
}
.mobile-account-menu-items {
padding: 0 11px;
}
.mobile-account-menu-items .widget-title {
color: var(--Text-Primary-Text, #232323);
font-size: var(--Small-Text, 14px);
font-weight: 600;
line-height: 121.429%;
margin-bottom: 8px;
text-transform: none;
}
.mobile-account-menu-items .widget_nav_menu ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.mobile-account-menu-items .widget_nav_menu ul li a {
color: var(--Text-Primary, #1E1E1E);
font-size: var(--Small-Text, 14px);
font-weight: 400;
line-height: 128.571%;
padding: 12px 12px 12px 32px;
display: block;
position: relative;
}
.mobile-account-menu-items .widget {
margin-bottom: 24px;
}
.hs-mobile-logout {
padding: 0 11px;
}
.hs-mobile-logout a {
color: var(--hs-secondary-text);
font-size: var(--Small-Text, 14px);
font-weight: 600;
line-height: 128.571%;
text-decoration: underline !important;
}
.hs-account-profile-wrap .hs-account-profile svg {
display: block;
}
.hs-account-profile-wrap .hs-account-profile svg path {
stroke: #000;
}
.download-btns .elementor-widget-image a {
display: block;
}
.hs-recipe-carousel .swiper-pagination {
display: none;
}
.hs-desktop-hide {
display: none;
}
.faq-search input {
border-radius: 8px;
background-color: var(--Backgrounds-BG-2, #F5F5F5);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4NCiAgPHBhdGggZD0iTTExIDE5QzE1LjQxODMgMTkgMTkgMTUuNDE4MyAxOSAxMUMxOSA2LjU4MTcyIDE1LjQxODMgMyAxMSAzQzYuNTgxNzIgMyAzIDYuNTgxNzIgMyAxMUMzIDE1LjQxODMgNi41ODE3MiAxOSAxMSAxOVoiIHN0cm9rZT0iIzc2NzY3NiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICA8cGF0aCBkPSJNMjAuOTk4NCAyMC45OTk5TDE2LjY0ODQgMTYuNjQ5OSIgc3Ryb2tlPSIjNzY3Njc2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=');
background-repeat: no-repeat;
background-size: 24px;
background-position: 16px center;
padding: 16px 16px 16px 48px;
border: 1px solid #F5F5F5;
}
.join-boxes .elementor-widget-icon-box .elementor-icon-box-wrapper {
align-items: center;
}
.enson-tabs .e-n-tabs-heading {
align-self: center;
padding: 4px;
border-radius: 10px;
background-color: #f5f5f5;
}
.elementor-widget-n-accordion .e-n-accordion-item:last-child > .e-n-accordion-item-title,
.elementor-widget-n-accordion .e-n-accordion-item:last-child > .e-con {
border-bottom: 0 !important;
}
.elementor-button-content-wrapper {
align-items: center;
}
.elementor-button-icon svg {
width: 24px;
margin-top: -1px;
}
.elementor-button-icon svg path {
fill: currentColor;
}
.gform_wrapper.gravity-theme .hidden_label .gfield_label,
.gform_wrapper.gravity-theme .hidden_sub_label,
.gform_wrapper.gravity-theme .screen-reader-text {
display: none !important;
}
.hs-app-view #masthead,
.hs-app-view footer#colophon,
.hs-app-view .hs-mobile-app-popup,
.hs-app-view .hs-breadcrumb {
display: none !important;
}
.hs-mobile-app-popup {
position: fixed;
bottom: 16px;
left: 0;
right: 0;
width: 100%;
z-index: 999;
display: none;
}
.hs-mobile-app-popup.active {
display: block;
}
.hs-mobile-app-popup-wrap {
max-width: 93%;
margin: 0 auto;
}
.hs-mobile-app-popup-content {
border-radius: 12px;
/* border: 1px solid #7F7F7F; */
background: linear-gradient(0deg, #51260E 0%, #C05317 100%);
padding: 20px 16px;
color: var(--Text-Disabled, #D8D8D8);
font-size: var(--Small-Text, 14px);
font-style: normal;
font-weight: 400;
line-height: 128.571%;
}
.hs-mobile-app-popup-header {
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: space-between;
}
.hs-mobile-app-popup-content h3 {
color: var(--Text-Negative, #FFF);
font-size: 16px;
font-weight: 600;
line-height: 116.667%;
}
.hs-mobile-app-popup-content p {
margin-top: 0;
}
.hs-mobile-app-popup-description {
display: flex;
gap: 16px;
}
.hs-mobile-app-popup-description .hs-mobile-app-popup-description-right {
min-width: max-content;
}
.hs-mobile-app-popup-description .hs-mobile-app-popup-description-right img {
max-width: 76px;
}
.hs-mobile-app-buttons {
display: flex;
gap: 14px;
margin-top: 22px;
}
.by-diet-section > .e-con-inner {
position: relative;
}
.shop-by-diet {
overflow: hidden;
position: static;
}
.shop-by-diet .elementor-icon-list-items .elementor-icon-list-item,
.shop-by-diet .elementor-icon-list-items .elementor-icon-list-item a {
flex-direction: column;
gap: 20px;
}
.shop-by-diet .elementor-icon-list-items .elementor-icon-list-item svg {
margin-right: 0;
}
.shop-by-diet .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
padding: 0;
}
.not-shoppable-notice {
display: none;
}
.not-shoppable-notice.active {
display: block;
}
@media screen and (max-width: 1024px) {
.header-top {
display: flex;
justify-content: space-between;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta {
gap: 12px;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta {
padding: 10px;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta > div {
padding: 10px;
font-size: 14px;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta h5 {
font-size: 18px;
}
.elementor-widget-toc_widget h2 {
font-size: 22px;
}
.elementor-widget-toc_widget ul li a {
font-size: 18px;
}
.hs-tablet-hide {
display: none;
}
.hs-desktop-hide {
display: block;
}
.hs-coupon-detail-content-header-title-wrap-inner {
display: grid;
grid-template-columns: 64px 1fr;
gap: 16px;
margin-bottom: 12px;
}
}
@media screen and (max-width: 767px) {
.hs-category-carousel:not(.swiper-initialized) .swiper-wrapper {
grid-template-columns: repeat(4,minmax(70px,1fr));
overflow-y: auto;
}
.hs-latest-posts,
.hs-latest-posts.style-home-grid,
.hs-latest-posts.style-home-grid .hs-post-box,
.hs-home-recipe-listing {
grid-template-columns: 1fr;
gap: 24px;
}
.hs-blog-search-wrap {
margin-top: 0;
}
.blog .hs-latest-posts {
padding-bottom: 24px;
}
.hs-location-selector a .hs-location-text span:first-child {
display: none;
}
.hs-category-box h5,
.hs-category-box h6 {
font-size: 14px;
font-weight: 600;
}
.desktop-img {
display: none !important;
}
.mobile-img {
display: block !important;
}
.home-slider .swiper-pagination {
text-align: center;
margin-left: 0;
bottom: -30px;
}
.home-slider .swiper-pagination .swiper-pagination-bullet {
background: rgba(113, 63, 0, 0.32);
height: 8px;
width: 8px;
border-radius: 6px;
transition: all 0.5s ease;
}
.home-slider .swiper-pagination .swiper-pagination-bullet-active {
background: #713F00;
width: 16px;
}
.home-image-carousel .swiper-button-prev,
.home-image-carousel .swiper-button-next {
display: none;
}
.hs-latest-posts .hs-post-box .hs-post-info-wrap h4 {
font-size: 20px;
}
.hs-category-carousel .swiper-button-prev, .hs-category-carousel .swiper-button-next {
top: calc(50% - 20px);
}
.home-image-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.home-image-grid .home-image-grid-img {
grid-column: 1 / 2;
grid-row: 2 / 4;
}
.home-image-grid .home-image-grid-img:first-child {
grid-column: 1 / 3;
grid-row: 1 / 1;
}
.home-image-grid .home-image-grid-img:nth-child(3) {
grid-column: 2 / 3;
}
.home-image-grid .home-image-grid-img:last-child {
grid-column: 1 / 3;
grid-row: 4 / 4;
}
.home-image-grid .home-image-grid-img a {
padding-top: 0;
}
.home-image-grid .home-image-grid-img a img {
display: block;
position: static;
}
.hs-recipe-box .hs-recipe-info-wrap h6 {
font-size: 12px;
}
.hs-recommanded-recipe .hs-recipe-box:first-child h2,
.hs-recipe-box .hs-recipe-info-wrap h2 {
font-size: 16px;
}
.hs-recommanded-recipe .hs-recipe-box:first-child .hs-recipe-img-wrap {
margin-bottom: 0;
}
.hs-recommanded-recipe .hs-recipe-box,
.hs-recommanded-recipe .hs-recipe-box:first-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 16px;
}
.hs-buy-again-products-wrapper.active {
padding: 24px 0px 0;
}
.hs-buy-again-products-header h6 {
margin-bottom: 9px !important;
}
.key-offerings ul {
grid-template-columns: 1fr;
gap: 0;
}
.key-offerings ul li strong {
font-size: 20px;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta {
gap: 12px;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta {
padding: 10px;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta > div {
padding: 10px;
font-size: 14px;
}
.hs-contact-store-info-wrap .hs-contact-store-info-img .hs-contact-store-info-meta h5 {
font-size: 18px;
}
.elementor-widget-toc_widget h2 {
font-size: 20px;
}
.single-post-top {
grid-template-columns: 1fr;
}
.single-post-you-like {
margin-top: 0;
}
.hs-recipe-page-title-search {
grid-template-columns: 1fr;
gap: 0;
}
.recipe-listing-wrap .hs-browse-by-cat-wrap,
.hs-featured-recipes-grid {
margin-top: 30px;
}
.hs-featured-recipes {
grid-template-columns: repeat(2,minmax(0,1fr));
}
.hs-featured-recipes .hs-recipe-box:first-child {
grid-column: 1/3;
}
.hs-featured-recipes .hs-recipe-box a .hs-recipe-info-wrap h2 {
font-size: 17px;
}
.hs-featured-recipes .hs-recipe-box a .hs-recipe-info-wrap h6 {
display: none;
}
.hs-browse-by-category-list,
.hs-browse-by-category-list.col-6 {
gap: 30px;
grid-template-columns: repeat(5, minmax(70px, 1fr));
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width: 100vw;
margin-left: calc(50% - 50vw);
padding: 0 20px 20px;
}
.hs-recommanded-recipe {
grid-template-columns: 1fr;
}
.hs-recommanded-recipe .hs-recipe-box:first-child {
grid-column: auto;
grid-row: auto;
/* margin-bottom: 40px; */
}
.hs-recommanded-recipe .hs-recipe-box:first-child a {
display: grid;
}
.hs-recommanded-recipe .hs-recipe-box:first-child a,
.hs-recommanded-recipe .hs-recipe-box a {
gap: 0px;
grid-template-columns: 30% 1fr;
}
.hs-recommanded-recipe .hs-recipe-box .hs-recipe-img-wrap {
height: 100%;
}
.hs-recipe-detail-wrap {
padding-bottom: 0;
padding-top: 0;
}
.hs-recipe-detail-wrap .hs-recipe-detail-info-wrap,
.hs-recipe-other-info-wrap {
grid-template-columns: 1fr;
gap: 40px;
}
.hs-recipe-carousel,
.catering-image-grid-slider,
.hs-home-recipe-listing {
padding-bottom: 40px;
}
.hs-recipe-carousel .swiper-pagination,
.hs-home-recipe-listing .swiper-pagination,
.catering-image-grid-slider .swiper-pagination {
bottom: 0px;
display: block;
}
.hs-recipe-carousel .swiper-pagination .swiper-pagination-bullet,
.hs-home-recipe-listing .swiper-pagination .swiper-pagination-bullet,
.catering-image-grid-slider .swiper-pagination .swiper-pagination-bullet {
background: rgba(113, 63, 0, 0.32);
height: 8px;
width: 8px;
border-radius: 6px;
transition: all 0.5s ease;
}
.hs-recipe-carousel .swiper-pagination .swiper-pagination-bullet-active,
.hs-home-recipe-listing .swiper-pagination .swiper-pagination-bullet-active,
.catering-image-grid-slider .swiper-pagination .swiper-pagination-bullet-active {
background: #713F00;
width: 16px;
}
.hs-recipe-carousel .swiper-button-prev,
.hs-recipe-carousel .swiper-button-next {
display: none !important;
}
.hs-recipe-products-wrap .hs-recipe-products-header,
.hs-recipe-products-wrap .hs-recipe-products-footer {
flex-direction: column;
gap: 0;
}
.hs-recipe-carousel {
padding-bottom: 0;
}
.hs-recipe-carousel .swiper-pagination {
display: none !important;
}
.hs-recipe-products-wrap .hs-recipe-products-footer .add-to-cart-bulk-wrap {
width: 100%;
}
.catering-image-grid-slider {
transform: scale(1.3);
margin-bottom: 24px;
}
.catering-image-grid-slider .swiper-pagination {
transform: scale(0.77);
}
.hs-mobile-hide {
display: none;
}
.swiper-nav-wrapper .swiper-button-prev,
.swiper-nav-wrapper .swiper-button-next {
display: none;
}
.hs-featured-recipes-grid .hs-recipe-box a {
display: flex;
flex-direction: column-reverse;
gap: 0;
}
.hs-featured-recipes-grid .hs-recipe-box .hs-recipe-img-wrap {
border-radius: 0;
}
.hs-featured-recipes-grid .hs-recipe-box .hs-recipe-info-wrap {
padding: 16px;
}
.hs-recipe-box .hs-recipe-info-wrap {
font-size: 14px;
}
.hs-recommanded-recipe .hs-recipe-box .hs-recipe-info-wrap {
padding: 12px;
}
.hs-recipe-box .hs-recipe-meta {
font-size: 12px;
}
.hs-recipe-page-title-search h1,
.recipe-page-container h2 {
font-size: 20px;
}
.hs-browse-by-cat-wrap h2 {
font-size: 12px;
}
.hs-category-carousel .swiper-button-prev, .hs-category-carousel .swiper-button-next, .hs-recipe-category-carousel .swiper-button-prev, .hs-recipe-category-carousel .swiper-button-next {
display: none;
}
.hs-browse-by-category-list.swiper-initialized, .hs-browse-by-category-list.col-6.swiper-initialized {
display: flex;
margin: 0;
width: 100%;
max-width: 100%;
}
.hs-top-spacing {
padding-top: 40px;
}
.hs-recipe-result-grid, .hs-cat-recipe-listing, .hs-recipe-search-result-container {
grid-template-columns: 1fr;
gap: 24px;
}
.single-post-meta {
font-size: 12px;
margin-bottom: 24px;
}
.single-post-thumb-wrap {
margin-bottom: 24px;
}
.single-post-top-left h1 {
margin-top: 24px;
margin-bottom: 12px;
}
.single-post-content h4 {
font-size: 16px;
margin-top: 24px;
}
.hs-store-locations-wrap,
.hs-store-details-wrap {
grid-template-columns: 1fr;
}
.hs-store-details-wrap {
gap: 24px;
}
.bulk-order-form .gform_fields .gfield.gfield--type-repeater_end .gf-repeater-field-button-add {
font-size: 16px;
}
.hs-category-carousel, .hs-recipe-category-carousel {
max-width: 100%;
}
.hs-best-deals-products .swiper-button-prev,
.hs-best-deals-products .swiper-button-next,
.hs-best-selling-products .swiper-button-prev,
.hs-best-selling-products .swiper-button-next,
.hs-product-listing .swiper-button-prev,
.hs-product-listing .swiper-button-next,
.shop-by-diet .swiper-button-prev,
.shop-by-diet .swiper-button-next {
display: none;
}
.hs-home-recipe-listing {
padding-bottom: 0;
}
.hs-home-recipe-listing .hs-recipe-box .hs-recipe-img-wrap {
padding-top: 156%;
}
body .hs-buy-again-products-header a, body .hs-featured-products-header a {
margin-right: 0;
margin-top: 10px;
}
.hs-category-box .hs-category-img-wrap {
height: 80px;
width: 80px;
}
.hs-location-selector a .location-arrow {
transform: rotate(90deg);
}
}