@charset "UTF-8";
        :root {
--swiper-pagination-color: #000;
--swiper-navigation-color: #000;
--swiper-theme-color: #000;
--swiper-pagination-bullet-inactive-color: #fff;
--spacing: 0.25;
}        table.cart .product-remove a:after, .wpcf7 form .wpcf7-response-output:before {
display: inline-block;
font: normal normal normal 1em/1 "baseicon";
speak: none;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}         #woocommerce-product-search-field, .interactive-cart-header .interactive-cart-close, .woocommerce-MyAccount-navigation-link a, .shop_table.woocommerce-checkout-review-order-table .variation, li.product, .menu-shop-menu-container a,
.widget_product_categories a, .hero-slider, input[type=checkbox] + *:after, .menu-primary > li.menu-item-has-children:before, .slick-dots li button:before {
transition: all 0.3s ease-in-out;
} .woocommerce-pagination .page-numbers, .woocommerce-info a,
.woocommerce-message a, .interactive-cart-summary > div, #cart-items, .widget_layered_nav_filters ul li a::before, table.cart .product-remove a, #sidebar-toggle-close, .floating-whatsapp-button, .lr-layout .inline-wrap, .logo-feature-gallery, .pagination, .wpcf7 form .wpcf7-response-output:before, .btn-icon-text i, #woocommerce-product-search-button, .header-widget-area a,
.header-widget-area button, .menu-toggle {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: flex;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(https://teaattarik.com/wp-content/themes/teaattarik-theme/js/plugins/slick/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://teaattarik.com/wp-content/themes/teaattarik-theme/js/plugins/slick/fonts/slick.eot);
src: url(https://teaattarik.com/wp-content/themes/teaattarik-theme/js/plugins/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://teaattarik.com/wp-content/themes/teaattarik-theme/js/plugins/slick/fonts/slick.woff) format("woff"), url(https://teaattarik.com/wp-content/themes/teaattarik-theme/js/plugins/slick/fonts/slick.ttf) format("truetype"), url(https://teaattarik.com/wp-content/themes/teaattarik-theme/js/plugins/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-next,
.slick-prev {
position: absolute;
display: block;
height: 30px;
width: 30px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 2;
}
.slick-next:focus, .slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
outline: none;
background: transparent;
color: transparent;
}
.slick-next:focus:before, .slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
font-family: "slick";
font-size: 30px;
line-height: 1;
color: #ddd;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 15px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -35px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: 15px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:focus, .slick-dots li button:hover {
outline: none;
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
opacity: 1;
font-size: 18px;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 12px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
} html.with-featherlight { overflow: hidden;
}
.featherlight {
display: none; position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483647;  text-align: center; white-space: nowrap; cursor: pointer;
background: #333; background: rgba(0, 0, 0, 0);
} .featherlight:last-of-type {
background: rgba(0, 0, 0, 0.8);
}
.featherlight:before { content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.featherlight .featherlight-content { position: relative; text-align: left;
vertical-align: middle;
display: inline-block; overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent; margin-left: 5%;
margin-right: 5%;
max-height: 95%; cursor: auto; white-space: normal;
} .featherlight .featherlight-inner { display: block;
} .featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
display: none;
}
.featherlight .featherlight-close-icon { position: absolute;
z-index: 9999;
top: 0;
right: 0; line-height: 25px;
width: 25px;
height: 25px;
border-radius: 50%; cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #fff; background: rgba(255, 255, 255, 0.3);
color: #000;
border: none;
padding: 0;
} .featherlight .featherlight-close-icon::-moz-focus-inner {
border: 0;
padding: 0;
}
.featherlight .featherlight-image { width: 100%;
}
.featherlight-iframe .featherlight-content { border-bottom: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
}
.featherlight iframe { border: none;
}
.featherlight * { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} @media only screen and (max-width: 1024px) {
.featherlight .featherlight-content { margin-left: 0;
margin-right: 0;
max-height: 98%;
padding: 10px 10px 0;
border-bottom: 10px solid transparent;
}
} @media print {
html.with-featherlight > * > :not(.featherlight) {
display: none;
}
} @font-face {
font-family: "baseicon";
src: url(//teaattarik.com/wp-content/themes/teaattarik-theme/fonts/baseicon.eot);
src: url(//teaattarik.com/wp-content/themes/teaattarik-theme/fonts/baseicon.eot) format("embedded-opentype"), url(//teaattarik.com/wp-content/themes/teaattarik-theme/fonts/baseicon.woff2) format("woff2"), url(//teaattarik.com/wp-content/themes/teaattarik-theme/fonts/baseicon.woff) format("woff"), url(//teaattarik.com/wp-content/themes/teaattarik-theme/fonts/baseicon.ttf) format("truetype"), url(//teaattarik.com/wp-content/themes/teaattarik-theme/fonts/baseicon.svg) format("svg");
font-weight: normal;
font-style: normal;
} .icon {
display: inline-block;
font: normal normal normal 1em/1 "baseicon";
speak: none;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  .icon-sm {
font-size: 0.8em;
}
.icon-lg {
font-size: 1.2em;
} .icon-16 {
font-size: 16px;
}
.icon-32 {
font-size: 32px;
} .icon-bg-square,
.icon-bg-circle {
padding: 0.35em;
background-color: #eee;
}
.icon-bg-circle {
border-radius: 50%;
} .icon-ul {
padding-left: 0;
list-style-type: none;
}
.icon-ul > li {
display: flex;
align-items: flex-start;
line-height: 1.4;
}
.icon-ul > li > .icon {
margin-right: 0.4em;
line-height: inherit;
} .icon-is-spinning {
-webkit-animation: icon-spin 2s infinite linear;
-moz-animation: icon-spin 2s infinite linear;
animation: icon-spin 2s infinite linear;
}
@-webkit-keyframes icon-spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes icon-spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes icon-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
} .icon-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.icon-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.icon-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.icon-flip-y {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.icon-flip-x {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
} .icon-account::before {
content: "\ea01";
}
.icon-bag-09::before {
content: "\ea02";
}
.icon-checked-symbol::before {
content: "\ea03";
}
.icon-facebook-1::before {
content: "\ea04";
}
.icon-facebook-circle::before {
content: "\ea05";
}
.icon-facebook::before {
content: "\ea06";
}
.icon-fax::before {
content: "\ea07";
}
.icon-ic_access_time_48px::before {
content: "\ea08";
}
.icon-ic_arrow_back_36px::before {
content: "\ea09";
}
.icon-ic_close_48px::before {
content: "\ea0a";
}
.icon-ic_mail_outline_48px::before {
content: "\ea0b";
}
.icon-instagram::before {
content: "\ea0c";
}
.icon-lock::before {
content: "\ea0d";
}
.icon-phone-2-2::before {
content: "\ea0e";
}
.icon-phone-2::before {
content: "\ea0f";
}
.icon-pin::before {
content: "\ea10";
}
.icon-placeholder::before {
content: "\ea11";
}
.icon-plus::before {
content: "\ea12";
}
.icon-shopping-cart::before {
content: "\ea13";
}
.icon-single-01::before {
content: "\ea14";
}
.icon-star::before {
content: "\ea15";
}
.icon-whatsapp-logo::before {
content: "\ea16";
}
.icon-youtube::before {
content: "\ea17";
}
.icon-zoom-2::before {
content: "\ea18";
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: 700;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small, .footer-widget-area p {
font-size: 80%;
line-height: 1.3;
display: inline-block;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} [type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button;
border: 0;
cursor: pointer;
background-color: transparent;
} [type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
} [type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} html {
box-sizing: border-box;
}
*,
*::after,
*::before {
box-sizing: inherit;
} html {
font-size: 56%; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
}
@media only screen and (min-width: 960px) {
html {
font-size: 62.5%;
}
} body > div {
font-size: 14px;
font-size: 1.4rem;
}
body {
background-color: #fff;
color: #555;
font-family: "Lato", sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.625;
margin: 0;
overflow-x: hidden;
}
button,
input:focus,
input[type=button],
input[type=reset],
input[type=submit],
textarea:focus,
.button,
.gallery img {
transition: all 0.2s ease-in-out;
}
ol,
ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
hr {
border: 0;
border-collapse: collapse;
border-top: 1px solid #eee;
clear: both;
margin: 30px 0;
}
b,
strong {
font-weight: 700;
}
blockquote,
cite,
em,
i {
font-style: italic;
}
mark {
background: #ddd;
color: #333;
}
blockquote {
margin: 30px;
}
blockquote::before {
content: "“";
display: block;
font-size: 30px;
font-size: 3rem;
height: 0;
left: -20px;
position: relative;
top: -10px;
} h1,
h2,
h3,
form.woocommerce-checkout .col-1 h4,
form.woocommerce-checkout .checkout_coupon h4,
h4,
h5,
h6 {
font-weight: 700;
color: #ee640b;
line-height: 1.2;
margin: 0 0 2rem;
}
h1 {
font-size: 6rem;
letter-spacing: -1px;
font-family: "Cormorant Garamond", serif;
}
h2 {
font-size: 4rem;
letter-spacing: -1px;
font-family: "Cormorant Garamond", serif;
}
h3, form.woocommerce-checkout .col-1 h4, form.woocommerce-checkout .checkout_coupon h4 {
font-size: 2.4rem;
font-family: "Cormorant Garamond", serif;
}
h4 {
font-size: 1.8rem;
font-weight: 400;
}
h5 {
font-size: 1.6rem;
}
h6 {
font-size: 1.3rem;
}
a {
text-decoration: none;
font-weight: 700;
color: #bd5009;
}
a:hover {
text-decoration: underline;
color: #8d3b06;
}
label {
font-size: 1.4rem;
color: hsl(0deg, 0%, 60%);
} p {
font-size: 1.5rem;
line-height: 2.4rem;
margin: 0 0 15px;
}
p.x-small {
font-size: 1.2rem;
line-height: 1.2;
}
p.small, .woocommerce-privacy-policy-text p, .entry-content p.entry-meta, .post-entry-list p, .site-footer > .wrap > p {
font-size: 1.4rem;
line-height: 1.2;
}
p.large {
font-size: 1.8rem;
line-height: 1.5;
} .text-light a, .post-single .has-post-thumbnail .entry-header a,
.text-light p,
.post-single .has-post-thumbnail .entry-header p {
color: #fff;
}
.text-light h1, .post-single .has-post-thumbnail .entry-header h1,
.text-light h2,
.post-single .has-post-thumbnail .entry-header h2,
.text-light h3,
.text-light form.woocommerce-checkout .col-1 h4,
.text-light form.woocommerce-checkout .checkout_coupon h4,
form.woocommerce-checkout .col-1 .text-light h4,
form.woocommerce-checkout .checkout_coupon .text-light h4,
.post-single .has-post-thumbnail .entry-header h3,
.text-light h4,
.post-single .has-post-thumbnail .entry-header h4,
.text-light h5,
.post-single .has-post-thumbnail .entry-header h5,
.text-light h6,
.post-single .has-post-thumbnail .entry-header h6 {
color: #fff;
}
.text-light hr, .post-single .has-post-thumbnail .entry-header hr {
border-color: #fff;
}
.post-single .entry-content h2,
.post-single .entry-content h3,
.post-single .entry-content form.woocommerce-checkout .col-1 h4,
.post-single .entry-content form.woocommerce-checkout .checkout_coupon h4,
form.woocommerce-checkout .col-1 .post-single .entry-content h4,
form.woocommerce-checkout .checkout_coupon .post-single .entry-content h4,
.post-single .entry-content h4,
.post-single .entry-content h5,
.post-single .entry-content h6 {
line-height: 1.5;
margin-top: 4rem;
}
.post-single .entry-content li,
.post-single .entry-content p {
margin-bottom: 1.2em;
line-height: 2;
text-align: justify;
}
@media only screen and (max-width: 670px) {
.post-single .entry-content li,
.post-single .entry-content p {
font-size: 1.7rem;
}
}
.post-single .entry-content ul li {
list-style-type: disc;
}
.post-single .entry-content ol li {
list-style-type: decimal;
}  .wp-caption,
embed,
iframe,
img,
object,
video {
max-width: 100%;
}
img {
height: auto;
vertical-align: top;
}
figure {
margin: 0;
} .gallery {
overflow: hidden;
}
.gallery img {
height: auto;
}
.gallery img:focus, .gallery img:hover {
outline: none;
} table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
}
tbody {
border-bottom: 1px solid #eee;
}
td,
th {
text-align: left;
}
td:first-child,
th:first-child {
padding-left: 0;
}
td {
border-top: 1px solid #eee;
padding: 6px;
}
th {
font-weight: 400;
padding: 0 6px;
} .screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-shortcut:focus,
.screen-reader-text:focus {
background: #fff;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #333;
display: block;
font-size: 1em;
font-weight: 700;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
width: auto;
z-index: 100000; }
.more-link {
position: relative;
} .image-release, .contact-1_mapembed:after {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: none;
display: block;
} .vertical-center .wp-block-column {
display: flex;
flex-flow: column nowrap;
justify-content: center;
} .fade-scale-before, .fade-left-before, .fade-right-before, .hidden {
transition: all 0.5s ease-in-out;
opacity: 0;
} .hidden {
transform: translateY(30px);
}
.shown {
opacity: 1;
transform: translateY(0px);
} .fade-right-before {
transform: translateX(-30px);
}
.fade-right {
opacity: 1;
transform: translateX(0px);
} .fade-left-before {
transform: translateX(30px);
}
.fade-left {
opacity: 1;
transform: translateX(0px);
} .fade-scale-before {
transform: scale(0.9);
}
.fade-scale {
opacity: 1;
transform: scale(1);
}  .woocommerce-lost-password .woocommerce, .woocommerce-order-pay .woocommerce, .woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-order-details, .shop-banner p, .post-archive .archive-description p, .entry-header p,
.regular-banner p {
padding: 0 5%;
}
@media only screen and (min-width: 960px) {
.woocommerce-lost-password .woocommerce, .woocommerce-order-pay .woocommerce, .woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-order-details, .shop-banner p, .post-archive .archive-description p, .entry-header p,
.regular-banner p {
padding: 0;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
}
.cols-2, .col2-set, .woocommerce-account.logged-in .woocommerce {
display: flex;
flex-flow: row wrap;
}
.cols-2 > *, .col2-set > *, .woocommerce-account.logged-in .woocommerce > * {
width: 100%;
margin-bottom: 30px;
}
@media only screen and (min-width: 670px) {
.cols-2 > *, .col2-set > *, .woocommerce-account.logged-in .woocommerce > * {
width: calc((100% - (30px * (2 - 1))) / 2);
margin-right: 30px;
}
.cols-2 > *:nth-child(2n), .col2-set > *:nth-child(2n), .woocommerce-account.logged-in .woocommerce > *:nth-child(2n) {
margin-right: 0;
}
}
.cols-3 {
display: flex;
flex-flow: row wrap;
}
.cols-3 > * {
width: 100%;
margin-bottom: 30px;
}
@media only screen and (min-width: 670px) {
.cols-3 > * {
width: calc((100% - (30px * (3 - 1))) / 3);
margin-right: 30px;
}
.cols-3 > *:nth-child(3n) {
margin-right: 0;
}
} @media only screen and (min-width: 670px) {
.two-one > *:nth-child(1) {
flex: 2 1 0;
}
.two-one > *:nth-child(2) {
flex: 1 1 0;
}
} section.wrapper {
width: 100%;
padding: 50px 5%;
}
@media only screen and (min-width: 960px) {
section.wrapper {
padding: 80px 10%;
}
}
section.wrapper-small {
width: 100%;
padding: 15px 5%;
}
@media only screen and (min-width: 960px) {
section.wrapper-small {
padding: 30px 10%;
}
}
section.wrapper-large {
width: 100%;
padding: 80px 5%;
}
@media only screen and (min-width: 960px) {
section.wrapper-large {
padding: 120px 10%;
}
}
section.wrapper-full {
width: 100%;
padding: 50px 0;
}
@media only screen and (min-width: 960px) {
section.wrapper-full {
padding: 80px 0;
}
}  .site-container {
word-wrap: break-word;
overflow: hidden;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
min-height: 100vh;
}
main.content {
flex: 1 1 100%;
}
.site-header + * {
margin-top: 79px;
}  .after-entry,
.archive-description,
.author-box {
margin-bottom: 40px;
}
.after-entry {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
padding: 20px 30px;
}
.after-entry .widget:last-of-type {
margin-bottom: 0;
}
.breadcrumb {
border-bottom: 1px solid #eee;
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 40px;
padding-bottom: 10px;
}
.archive-description p:last-child,
.author-box p:last-child {
margin-bottom: 0;
} .search-form {
overflow: hidden;
}
.entry-content .search-form {
margin-bottom: 40px;
width: 50%;
}
.post-password-form input[type=submit],
.search-form input[type=submit] {
margin-top: 10px;
}
.widget_search input[type=submit] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
} .entry-title a,
.sidebar .widget-title a {
color: #333;
text-decoration: none;
}
.widget-title {
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 20px;
} a.aligncenter img {
display: block;
margin: 0 auto;
}
a.alignnone {
display: inline-block;
}
a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}
img.alignnone,
.alignnone {
margin-bottom: 15px;
}
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 20px 20px 0;
}
a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 20px 20px;
}
.gallery-caption,
.wp-caption-text {
font-size: 14px;
font-weight: 600;
margin-top: 0.5em;
margin-bottom: 1em;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.entry-content p.wp-caption-text {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
margin: 0 0 30px;
} #woocommerce-product-search-button, .header-widget-area a,
.header-widget-area button, .menu-toggle {
width: 40px;
height: 40px;
background-color: hsla(0deg, 0%, 0%, 0);
border-radius: 50%;
font-size: 17px;
color: #431707;
font-weight: 400;
line-height: 1;
}
#woocommerce-product-search-button:hover, .header-widget-area a:hover,
.header-widget-area button:hover, .menu-toggle:hover,
#woocommerce-product-search-button a:hover,
.menu-toggle a:hover {
text-decoration: none;
}
#woocommerce-product-search-button:hover, .header-widget-area a:hover,
.header-widget-area button:hover, .menu-toggle:hover {
color: #ee640b;
} .genesis-skip-link {
margin: 0;
}
.genesis-skip-link .skip-link-hidden {
display: none;
visibility: hidden;
}
.genesis-skip-link li {
height: 0;
list-style: none;
width: 0;
} .site-header {
position: fixed;
z-index: 999;
background-color: #fff8ed;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
padding: 0;
top: 0;
width: 100%;
border-top: 3px solid #4a594a;
}
.site-header > .wrap {
display: flex;
flex-flow: row wrap;
align-items: center;
width: min(90%, 1400px);
margin-inline: auto; }
.site-header > .wrap > *.pre-header {
flex: 0 0 100%;
}
@media only screen and (min-width: 960px) {
.site-header > .wrap > *.title-area {
flex: 0 0 auto;
}
}
.site-header > .wrap > *.header-widget-area {
flex: 1 1 0;
}
@media only screen and (min-width: 960px) {
.site-header > .wrap > *.header-widget-area {
flex: 0 0 auto;
}
}
.site-header > .wrap > *.menu-toggle {
flex: 1 1 0;
} .title-area {
width: 70px;
padding: 6px 0;
order: 2;
margin: 0 auto;
}
@media only screen and (min-width: 960px) {
.title-area {
order: 0;
margin: 0;
}
}
.title-area a {
display: block;
margin: 0 auto;
}
.site-description,
.wp-custom-logo .site-title {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
} .menu .menu-item:focus {
position: static;
}
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
left: auto;
opacity: 1;
}
.genesis-responsive-menu {
position: relative;
display: none;
}
@media only screen and (min-width: 960px) {
.genesis-responsive-menu {
display: inherit;
}
} .menu-toggle,
.sub-menu-toggle {
background-color: transparent;
border-width: 0;
color: #ee640b;
display: block;
margin: 0 auto;
overflow: hidden;
text-align: center;
visibility: visible;
}
@media only screen and (min-width: 960px) {
.menu-toggle,
.sub-menu-toggle {
display: none;
visibility: hidden;
}
}
.menu-toggle:focus, .menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
background-color: transparent;
border-width: 0;
} .menu-toggle {
position: relative;
z-index: 1000;
overflow: hidden;
padding: 0;
order: 4;
margin: 0;
font-size: 0;
text-align: right;
}
.menu-toggle::before {
position: relative;
text-rendering: auto;
margin-inline: auto;
}
.menu-toggle.activated::before {
content: "\f335";
} .sub-menu-toggle {
position: absolute;
right: 5px;
top: 15px;
z-index: 100;
text-align: center;
}
.sub-menu-toggle:before {
display: inline-block;
text-rendering: auto;
transform: rotate(0);
transition: transform 0.25s ease-in-out;
color: #ee640b;
}
.sub-menu-toggle.activated:before {
transform: rotate(180deg);
color: #f68136;
} @media only screen and (min-width: 960px) {
.menu-primary > li:focus, .menu-primary > li:hover {
border-bottom: 3px solid #ee640b;
}
}
.menu-primary > li:focus a, .menu-primary > li:hover a {
color: #9b3b11;
} .nav-primary {
position: fixed;
width: 100%;
height: 100%;
top: 79px;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99;
overflow-y: scroll;
display: none;
}
@media only screen and (min-width: 960px) {
.nav-primary {
position: relative;
top: 0;
height: auto;
width: auto;
background-color: transparent;
display: flex;
flex-flow: row wrap;
align-self: stretch;
overflow-y: visible;
margin-left: auto;
}
}
@media only screen and (min-width: 960px) {
.nav-primary .wrap {
height: 100%;
}
} .menu-primary {
display: flex;
flex-flow: row wrap;
position: relative;
line-height: 1;
height: 100%;
background-color: rgb(250, 250, 250);
box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1);    }
@media only screen and (max-width: 670px) {
.menu-primary {
justify-content: center;
}
}
@media only screen and (min-width: 960px) {
.menu-primary {
background-color: transparent;
box-shadow: none;
}
}
.menu-primary .sub-menu {
z-index: 99;
box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.15);
background-color: #f0f0f0;
display: none; }
@media only screen and (min-width: 960px) {
.menu-primary .sub-menu {
position: absolute;
min-width: 180px;
width: auto;
opacity: 0;
left: 9999px;
background-color: #fff;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
border-radius: 0 0 8px 8px;
}
} @media only screen and (min-width: 960px) {
.menu-primary .menu-item {
border: 0;
}
}
.menu-primary > li {
position: relative;
width: 100%;  }
@media only screen and (min-width: 960px) {
.menu-primary > li {
display: block;
height: 100%;
width: auto;
}
}
.menu-primary > li.menu-item-has-children:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 7px solid #ee640b;
left: calc(50% - 10px);
opacity: 0;
bottom: 0;
}
.menu-primary > li.menu-item-has-children:hover:before {
opacity: 1;
}
.menu-primary > li.menu-item--highlight {
display: flex;
align-items: center;
}
@media only screen and (max-width: 670px) {
.menu-primary > li.menu-item--highlight {
justify-content: center;
}
}
.menu-primary > li.menu-item--highlight > a {
background-color: #ee640b;
color: #fff;
margin: 10px;
height: auto;
width: 100%;
border-radius: 1rem;
}
@media only screen and (min-width: 960px) {
.menu-primary > li.menu-item--highlight > a {
margin: 0 10px;
}
}
.menu-primary > li.menu-item--highlight:hover {
border-bottom: 0;
}
@media only screen and (min-width: 960px) {
.menu-primary .sub-menu .menu-item:hover {
background-color: #ee640b;
}
.menu-primary .sub-menu .menu-item:hover > a {
color: #fff;
}
}
.menu-primary a {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
font-weight: 700;
font-family: "Lato", sans-serif;
color: #4a594a;
text-transform: uppercase;
font-size: 1.3rem;
}
@media only screen and (min-width: 960px) {
.menu-primary a {
height: 100%;
text-align: left;
align-items: center;
justify-content: flex-start;
}
}
.menu-primary a:hover {
text-decoration: none;
}
.menu-primary a i {
font-weight: 400;
}
.menu-primary > li > a {
padding: 16px 24px;
}
.menu-primary .sub-menu .menu-item > a {
padding: 14px 15px;
}
@media only screen and (min-width: 960px) {
.menu-primary .sub-menu .menu-item > a {
font-size: 14px;
}
.menu-primary .sub-menu .menu-item > a:hover {
color: #fff;
background-color: #ee640b;
}
} .header-widget-area {
display: flex;
flex-flow: row nowrap;
position: relative;
z-index: 101;
order: 0;
}
@media only screen and (min-width: 960px) {
.header-widget-area {
order: 3;
margin: 0 0 0 auto;
}
}
.header-widget-area .menu {
display: flex;
flex-flow: row wrap;
}
.header-widget-area .menu li {
margin-bottom: 0;
}
.header-widget-area .widget {
margin-bottom: 0;
} .pre-header {
position: relative;
font-size: 10px;
display: flex;
justify-content: space-between;
background-color: #f7f7f7;
padding: 3px 3%;
}
.pre-header > * {
margin-bottom: 0;
}
.pre-header > * i {
margin: 0 3px;
font-weight: 700;
}
.pre-header > *:nth-child(odd) {
flex: 1 1 0;
display: flex;
line-height: 2;
align-items: center;
}
.pre-header > *:nth-child(even) {
flex: 11 1 0;
text-align: center;
}
@media only screen and (min-width: 670px) {
.pre-header > *:nth-child(even) {
flex: 2 1 0;
}
}
.pre-header > *:last-child {
text-align: right;
justify-content: flex-end;
}
.pre-header p {
color: #9e1c25;
}
@media only screen and (max-width: 670px) {
.pre-header a span {
display: none;
}
} .sidebar {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.sidebar .widget {
margin-bottom: 50px;
}
.sidebar p {
margin-bottom: 20px;
}  .footer-widgets {
position: relative;
background: #9b3b11;
width: 100%;
padding: 10px 0 30px;
text-align: center;
margin-top: 5vw;
}
@media only screen and (min-width: 960px) {
.footer-widgets {
text-align: left;
}
}
.footer-widgets:before {
content: "";
position: absolute;
width: 100%;
display: block;
background: url(//teaattarik.com/static/intersecting-waves-scattered.svg) no-repeat center/cover;
transform: translateY(-99%);
aspect-ratio: 20;
top: 0;
left: 0;
}
.footer-widgets:after {
opacity: 1;
}
.footer-widgets .wrap {
display: grid;
width: min(90%, 1400px);
margin-inline: auto;
}
@media only screen and (min-width: 960px) {
.footer-widgets .wrap {
gap: 8rem;
grid-template-columns: 3fr 1fr 1fr 1fr;
}
}
.footer-widgets .widget-title {
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 1.6rem;
border-bottom: 1px solid #ee640b;
padding-bottom: 15px;
margin-bottom: 15px;
}
.footer-widgets .widget {
margin-bottom: 20px;
}
.footer-widget-area {
margin-bottom: 20px;
}
@media only screen and (min-width: 960px) {
.footer-widget-area {
margin-bottom: 0;
}
}
.footer-widgets .menu {
display: flex;
flex-flow: column nowrap;
gap: 0.5rem;
}
.footer-widgets .menu li {
width: 100%;
}
@media only screen and (max-width: 670px) {
.footer-widgets .menu li {
margin-bottom: 0;
}
}
@media only screen and (min-width: 670px) {
.footer-widgets .menu li {
width: auto;
}
}
.footer-widgets .menu li a {
display: block;
padding: 3px 0;
font-size: 1.3rem;
color: #fff8ed;
line-height: 1.3;
}
@media only screen and (min-width: 960px) {
.footer-widgets .menu li a {
padding: 0;
}
}
.footer-widgets .menu li a i {
font-size: 16px;
}
.footer-widgets-1 img {
max-width: 100px;
width: 100px;
display: block;
margin: 0 auto;
}
@media only screen and (min-width: 960px) {
.footer-widgets-1 img {
margin: 0 auto 0 0;
}
}
.footer-widgets-1 p {
color: #fff8ed;
}
.footer-widgets-1 .textwidget > * {
margin-bottom: 2rem;
}
.footer-widgets-1 h3, .footer-widgets-1 form.woocommerce-checkout .col-1 h4, .footer-widgets-1 form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .footer-widgets-1 h4, form.woocommerce-checkout .checkout_coupon .footer-widgets-1 h4 {
color: #fff8ed;
font-family: "Lato", sans-serif;
}
.footer-widget-area ul[id*=social] {
flex-flow: row wrap;
gap: 1rem;
}
@media only screen and (max-width: 670px) {
.footer-widget-area ul[id*=social] {
justify-content: center;
}
}
.footer-widget-area ul[id*=social] li {
width: auto;
}
.footer-widget-area ul[id*=social] li a {
width: 36px;
aspect-ratio: 1;
border-radius: 50%;
line-height: 1;
display: grid;
place-items: center;
color: #fff;
background-color: #ee640b;
}
.footer-widget-area ul[id*=social] li a:hover {
text-decoration: none;
}
.textwidget > p {
display: block;
}
.footer-widget-area:last-child,
.footer-widgets .widget:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 670px) {
#menu-social-media-menu .menu-item {
width: auto;
}
.site-header #menu-social-media-menu {
display: none;
}
} .site-footer {
background-color: #7d3211;
color: #fff8ed;
line-height: 1.5;
}
.site-footer > .wrap {
display: flex;
flex-flow: column nowrap;
text-align: center;
width: min(90%, 1400px);
margin-inline: auto;
padding: 15px 0;
}
.site-footer > .wrap > p {
margin: 0;
}
.footer-contact-detail strong {
display: block;
}        a.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button, .woocommerce-info a,
.woocommerce-message a, button[type=submit],
.button, .wapf-radios .wapf-label-text, .wc_payment_method > label, .added_to_cart, form input[type=submit], .btn {
position: relative;
display: inline-block;
line-height: initial;
font-weight: 700;
text-align: center;
text-transform: uppercase;
top: 0;
border: 0;
transition: all 0.15s ease-in-out;
cursor: pointer;
padding: 0.9em 1.2em;
font-size: 1.3rem;
}
a.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover, .woocommerce-info a:hover,
.woocommerce-message a:hover, button[type=submit]:hover,
.button:hover, .wapf-radios .wapf-label-text:hover, .wc_payment_method > label:hover, .added_to_cart:hover, form input[type=submit]:hover, .btn:hover {
text-decoration: none;
}
.woocommerce-pagination a,
.woocommerce-pagination span, header.woocommerce-Address-title a, .wc-tabs a, .post-entry-list .category-link, .btn-small {
position: relative;
display: inline-block;
line-height: initial;
font-weight: 700;
text-align: center;
text-transform: uppercase;
top: 0;
border: 0;
transition: all 0.15s ease-in-out;
cursor: pointer;
padding: 0.6em 0.9em;
font-size: 1.2rem;
}
.woocommerce-pagination a:hover,
.woocommerce-pagination span:hover, header.woocommerce-Address-title a:hover, .wc-tabs a:hover, .post-entry-list .category-link:hover, .btn-small:hover {
text-decoration: none;
}
#shipping_method label, #sidebar-toggle, .btn-large {
position: relative;
display: inline-block;
line-height: initial;
font-weight: 700;
text-align: center;
text-transform: uppercase;
top: 0;
border: 0;
transition: all 0.15s ease-in-out;
cursor: pointer;
padding: 1.2em;
font-size: 1.4rem;
}
#shipping_method label:hover, #sidebar-toggle:hover, .btn-large:hover {
text-decoration: none;
}
.btn.align-c {
margin: 0 auto;
display: table;
} a.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button, .woocommerce-pagination a, .woocommerce-info a,
.woocommerce-message a, .wc-backward, .checkout-button,
a.add_to_cart_button,
button.add_to_cart_button,
button[type=submit], .wapf-radios .wapf-checkable.wapf-checked .wapf-label-text, .woocommerce-form-login__submit,
.woocommerce-form-register__submit, #shipping_method input[type=hidden] + label, #shipping_method input[type=radio]:checked + label, .wc-tabs li.active a, #sidebar-toggle, form input[type=submit], .btn-1 {
background-color: #ee640b;
color: #fff;
border-radius: 3px;
}
a.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover, .woocommerce-pagination a:hover, .woocommerce-info a:hover,
.woocommerce-message a:hover, .wc-backward:hover, .checkout-button:hover,
a.add_to_cart_button:hover,
button.add_to_cart_button:hover,
button[type=submit]:hover, .wapf-radios .wapf-checkable.wapf-checked .wapf-label-text:hover, .woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover, #shipping_method input[type=hidden] + label:hover, #shipping_method input[type=radio]:checked + label:hover, .wc-tabs li.active a:hover, #sidebar-toggle:hover, form input[type=submit]:hover, .btn-1:hover {
color: #fff;
background-color: #a54508;
}
a.wc-block-cart__submit-button:active,
.wc-block-components-checkout-place-order-button:active, .woocommerce-pagination a:active, .woocommerce-info a:active,
.woocommerce-message a:active, .wc-backward:active, .checkout-button:active,
a.add_to_cart_button:active,
button.add_to_cart_button:active,
button[type=submit]:active, .wapf-radios .wapf-checkable.wapf-checked .wapf-label-text:active, .woocommerce-form-login__submit:active,
.woocommerce-form-register__submit:active, #shipping_method input[type=hidden] + label:active, #shipping_method input[type=radio]:checked + label:active, .wc-tabs li.active a:active, #sidebar-toggle:active, form input[type=submit]:active, .btn-1:active {
transform: translateY(3px);
}
header.woocommerce-Address-title a, .btn-1-secondary {
background-color: hsl(0deg, 0%, 60%);
color: hsl(0deg, 0%, 100%);
border-radius: 3px;
}
header.woocommerce-Address-title a:hover, .btn-1-secondary:hover {
color: #fff;
background-color: #737373;
}
header.woocommerce-Address-title a:active, .btn-1-secondary:active {
transform: translateY(3px);
}
.woocommerce-pagination span, .shop_table .button, .wapf-radios .wapf-label-text, .wc_payment_method > label, #shipping_method label, .wc-tabs a, .added_to_cart, .post-entry-list .category-link, .btn-1-light {
background-color: hsl(0deg, 0%, 90%);
color: hsl(0deg, 0%, 50%);
border-radius: 3px;
}
.woocommerce-pagination span:hover, .shop_table .button:hover, .wapf-radios .wapf-label-text:hover, .wc_payment_method > label:hover, #shipping_method label:hover, .wc-tabs a:hover, .added_to_cart:hover, .post-entry-list .category-link:hover, .btn-1-light:hover {
color: #fff;
background-color: #bfbfbf;
}
.woocommerce-pagination span:active, .shop_table .button:active, .wapf-radios .wapf-label-text:active, .wc_payment_method > label:active, #shipping_method label:active, .wc-tabs a:active, .added_to_cart:active, .post-entry-list .category-link:active, .btn-1-light:active {
transform: translateY(3px);
}
.btn-1-success {
background-color: #689447;
color: hsl(0deg, 0%, 100%);
border-radius: 3px;
}
.btn-1-success:hover {
color: #fff;
background-color: #44602e;
}
.btn-1-success:active {
transform: translateY(3px);
}
.btn-1-info {
background-color: #369;
color: hsl(0deg, 0%, 100%);
border-radius: 3px;
}
.btn-1-info:hover {
color: #fff;
background-color: #204060;
}
.btn-1-info:active {
transform: translateY(3px);
}
.btn-1-warning {
background-color: #f7e720;
color: #484303;
border-radius: 3px;
}
.btn-1-warning:hover {
color: #fff;
background-color: #c3b507;
}
.btn-1-warning:active {
transform: translateY(3px);
}
.btn-1-danger {
background-color: #9e1c25;
color: hsl(0deg, 0%, 100%);
border-radius: 3px;
}
.btn-1-danger:hover {
color: #fff;
background-color: #5d1016;
}
.btn-1-danger:active {
transform: translateY(3px);
} .btn-2 {
background-color: transparent;
color: #ee640b;
border: 2px solid #f68136;
border-radius: 5px;
text-transform: none;
}
.btn-2:hover {
background-color: #ee640b;
border-color: #ee640b;
color: #fff;
}
.btn-2-white {
background-color: transparent;
color: #fff;
border: 2px solid white;
border-radius: 5px;
text-transform: none;
}
.btn-2-white:hover {
background-color: #fff;
border-color: #fff;
color: #fff;
}
.btn-2-white:hover {
color: #a54508;
} .btn-icon-text {
display: flex;
align-items: center;
border-radius: 3px;
background-color: #a54508;
color: #fff;
width: auto;
padding: 6px 12px;
}
.btn-icon-text:hover {
color: #fff;
}
.btn-icon-text i {
width: 30px;
height: 30px;
background-color: hsla(0deg, 0%, 100%, 0);
border-radius: 50%;
font-size: 18px;
margin-right: 5px;
margin-left: -5px;
}
.btn-icon-text i:hover,
.btn-icon-text i a:hover {
text-decoration: none;
}  .widget {
margin-bottom: 40px;
}
.widget p:last-child,
.widget ul > li:last-of-type {
margin-bottom: 0;
}
.widget ul > li {
margin-bottom: 10px;
}
.widget ul > li:last-of-type {
padding-bottom: 0;
}
.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}
.widget li li {
border: 0;
margin: 0 0 0 30px;
padding: 0;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar td,
.widget_calendar th {
text-align: center;
}  .woocommerce-invalid-required-field label {
color: #9e1c25 !important;
}
.woocommerce-invalid-required-field input, .StripeElement.invalid {
box-shadow: 0 0 0 2px #9e1c25 !important;
border: 1px solid white !important;
} :focus {
outline: 0;
}
::placeholder {
opacity: 0.5;
}
input:not([type=submit]):not([type=file]),
textarea {
height: 38px;
width: 100%;
padding: 6px 10px;
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
color: #555;
}
@media only screen and (max-width: 670px) {
input:not([type=submit]):not([type=file]),
textarea {
font-size: 16px;
line-height: 1.5;
}
} input:not([type=submit]):not([type=file]),
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input:not([type=submit]):not([type=file]):focus, input:not([type=submit]):not([type=file]):hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
background-color: #eaeaea;
border: 1px solid #bbbbbb;
outline: 0;
}
input:not([type=submit]):not([type=file]):focus,
select:focus,
textarea:focus {
box-shadow: 0 0 0 2px #f96200;
border: 1px solid white;
}
input[type=checkbox],
input[type=radio] {
display: inline;
}
form p {
margin-bottom: 20px;
}
form label {
font-weight: 700;
}
form textarea {
min-height: 80px;
}
form input[type=file] {
padding: 0.6em 0;
background-color: transparent;
border: 0;
}
form input[type=submit] {
width: 100%;
}
form input[type=submit]:disabled {
background: #f1f1f2;
box-shadow: 0 0 0 0 #ccc;
}
form input[type=submit]:disabled:hover {
top: 0;
} .wpcf7 form .wpcf7-list-item {
margin: 0;
}
.wpcf7 form .wpcf7-not-valid-tip {
color: #fff;
background-color: #cc4a4a;
padding: 0.2em 0.6em;
font-size: 1.2rem;
font-weight: 700;
border-radius: 0 0 5px 5px;
text-align: center;
}
.wpcf7 form .wpcf7-response-output {
position: relative;
margin: 10px 0;
padding: 0.5em 1em;
border: 0 solid #cc4a4a;
font-size: 1.4rem;
line-height: 2.2rem;
color: #fff;
background-color: #cc4a4a;
border-radius: 5px;
font-weight: 600;
}
.wpcf7 form .wpcf7-response-output:before {
font-weight: 700;
left: 5px;
top: calc(50% - 15px);
position: absolute;
width: 30px;
height: 30px;
border-radius: 15px;
background-color: rgba(255, 255, 255, 0.3);
}
.wpcf7 form .wpcf7-acceptance-missing,
.wpcf7 form .wpcf7-validation-errors {
padding-left: 40px;
}
.wpcf7 form .wpcf7-acceptance-missing:before,
.wpcf7 form .wpcf7-validation-errors:before {
content: "\ea0a";
}
.wpcf7 form .wpcf7-mail-sent-ok {
padding-left: 40px;
background-color: green;
}
.wpcf7 form .wpcf7-mail-sent-ok:before {
content: "\ea03";
}
.wpcf7 form.sent .wpcf7-response-output {
padding-left: 40px;
background-color: green;
}
.wpcf7 form.sent .wpcf7-response-output:before {
content: "\ea03";
} select {
display: block;
font-size: 1.5rem;
color: #555;
line-height: 1.3;
padding: 0.6em 1.4em 0.5em 0.8em;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #ccc;
border-radius: 0.3em;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 0.65em auto, 100%;
}
select::-ms-expand {
display: none;
}
select:hover {
border-color: #888;
}
select:focus {
border-color: #aaa;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #222;
outline: none;
}
select option {
font-weight: normal;
} input[type=checkbox] {
display: none;
position: absolute;
-webkit-appearance: none;
}
input[type=checkbox] + * {
position: relative;
line-height: 1.5;
display: inline;
}
input[type=checkbox] + * > * {
float: left;
}
input[type=checkbox] + *:after, input[type=checkbox] + *:before {
pointer-events: none;
content: "";
}
input[type=checkbox] + *:before {
display: inline-flex;
height: 16px;
min-width: 16px;
width: 16px;
border: solid 2px #ccc;
background: #fff;
margin-right: 10px;
}
input[type=checkbox] + *:after {
position: absolute;
height: 11px;
width: 22px;
top: 0;
left: 0;
border-bottom: solid 3px #999;
border-left: solid 3px #999;
background: none;
transform: rotate(-45deg) scale(0);
transform-origin: center center;
}
input[type=checkbox] + *:hover {
opacity: 0.8;
}
input[type=checkbox]:checked + *:before {
border-color: #f2f2f2;
background-color: #f2f2f2;
}
input[type=checkbox]:checked + *:after {
opacity: 1;
transform: rotate(-45deg) scale(0.8);
border-bottom: solid 4px #689447;
border-left: solid 4px #689447;
}
fieldset {
padding: 0;
border-width: 0;
} input[type=checkbox].wc-block-components-checkbox__input {
display: block;
padding: 0;
}
.woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
border: 2px solid #ee640b;
outline: 0;
}
.woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background-color: #ee640b;
}
.woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:checked + *,
.woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:checked span.wc-block-components-radio-control__label {
color: hsl(0deg, 0%, 20%);
font-weight: 600;
}
.woocommerce-page .wc-block-components-radio-control__option-layout {
padding-left: 0.5rem;
} details ol,
.wp-block-woocommerce-accordion-item ol, details ul,
.wp-block-woocommerce-accordion-item ul, .number-list, div.product .woocommerce-product-details__short-description ol, .post-single .entry-content > ol, .item-list, div.product .woocommerce-product-details__short-description ul, .post-single .entry-content > ul, .post-single .entry-content ul, .post-single .entry-content ol {
margin-bottom: 24px;
}
details ol li,
.wp-block-woocommerce-accordion-item ol li, details ul li,
.wp-block-woocommerce-accordion-item ul li, .number-list li, div.product .woocommerce-product-details__short-description ol li, .item-list li, div.product .woocommerce-product-details__short-description ul li, .post-single .entry-content ul li, .post-single .entry-content ol li {
margin-bottom: 12px;
margin-left: 24px;
}
details ol ol,
.wp-block-woocommerce-accordion-item ol ol, details ul ol,
.wp-block-woocommerce-accordion-item ul ol, .number-list ol, div.product .woocommerce-product-details__short-description ol ol, .item-list ol, div.product .woocommerce-product-details__short-description ul ol, .post-single .entry-content ul ol, .post-single .entry-content ol ol,
details ol ul,
.wp-block-woocommerce-accordion-item ol ul,
details ul ul,
.wp-block-woocommerce-accordion-item ul ul,
.number-list ul,
div.product .woocommerce-product-details__short-description ol ul,
.item-list ul,
div.product .woocommerce-product-details__short-description ul ul,
.post-single .entry-content ul ul,
.post-single .entry-content ol ul {
margin-bottom: 0;
}
.item-list > li, div.product .woocommerce-product-details__short-description ul > li, .post-single .entry-content > ul > li {
list-style-type: disc;
}
.number-list > li, div.product .woocommerce-product-details__short-description ol > li, .post-single .entry-content > ol > li {
list-style-type: decimal;
} .entry-footer .entry-meta {
border-top: 1px solid #eee;
padding-top: 20px;
}
.entry-comments-link::before {
content: "—";
margin: 0 6px 0 2px;
} .pagination {
position: relative;
margin: 60px 0;
}
.adjacent-entry-pagination {
margin-bottom: 0;
}
.archive-pagination li {
display: inline;
}
.archive-pagination li a {
background-color: #f5f5f5;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 4px;
padding: 8px 12px;
text-decoration: none;
}
.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
background-color: #333;
color: #fff;
} .section-title {
margin-bottom: 20px;
width: min(700px, 100%);
}
.section-title.align-c {
text-align: center;
margin-inline: auto;
}
.section-title h4 {
position: relative;
color: #fa7e15;
font-family: "Lato", sans-serif;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 10px;
} hr {
border: 0;
}
hr.small, .entry-content hr.entry-meta {
margin: 10px 0;
}
.divider-c, .divider {
position: relative;
margin: 15px 0;
border-top: 1px solid #ee640b;
width: 50px;
}
.divider-c {
margin-left: auto;
margin-right: auto;
} .img-card {
position: relative;
display: flex;
flex-flow: column nowrap;
justify-content: flex-end;
overflow: hidden;
z-index: 0;
background-color: #000;
}
.img-card:after {
position: absolute;
content: "";
width: 100%;
height: 100px;
z-index: 0;
bottom: 0;
left: 0;
background: linear-gradient(to top, hsl(10deg, 10%, 10%) 0%, hsla(10deg, 10%, 10%, 0) 100%);
}
.img-card:hover img {
transform: scale(1.05);
opacity: 1;
}
.img-card img {
transition: all 0.8s ease-in-out;
width: 100%;
object-fit: cover;
opacity: 0.8;
}
.img-card figcaption {
position: absolute;
padding: 15px 20px;
font-size: 1.76rem;
line-height: 1.2;
color: #fff;
text-transform: uppercase;
width: 100%;
z-index: 1;
} .logo-feature-gallery {
position: relative;
}
.logo-feature-gallery img {
object-fit: contain;
padding: 20px;
}  .hero-slider, .shop-banner, .post-archive .archive-description, .entry-header,
.regular-banner {
position: relative;
width: 100%;
z-index: 0;
padding: 50px 5%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
}
.hero-slider img, .shop-banner img, .post-archive .archive-description img, .entry-header img,
.regular-banner img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
object-fit: cover;
} .shop-banner, .post-archive .archive-description, .entry-header,
.regular-banner {
height: auto;
min-height: 300px;
text-align: center;
background: url(//teaattarik.com/static/intersecting-waves-scattered.svg) no-repeat center/cover;
background-color: #ee640b;
}
.shop-banner > *, .post-archive .archive-description > *, .entry-header > *,
.regular-banner > * {
margin-bottom: 10px;
}
.shop-banner > *:last-child, .post-archive .archive-description > *:last-child, .entry-header > *:last-child,
.regular-banner > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 960px) {
.shop-banner, .post-archive .archive-description, .entry-header,
.regular-banner {
background-attachment: fixed;
}
}
.shop-banner p, .post-archive .archive-description p, .entry-header p,
.regular-banner p {
font-family: "Cormorant Garamond", serif;
}
.shop-banner img, .post-archive .archive-description img, .entry-header img,
.regular-banner img {
opacity: 0.8;
}
.shop-banner h1, .post-archive .archive-description h1, .entry-header h1,
.regular-banner h1,
.shop-banner p,
.post-archive .archive-description p,
.entry-header p,
.regular-banner p,
.shop-banner a,
.post-archive .archive-description a,
.entry-header a,
.regular-banner a,
.shop-banner .woocommerce-breadcrumb,
.post-archive .archive-description .woocommerce-breadcrumb,
.entry-header .woocommerce-breadcrumb,
.regular-banner .woocommerce-breadcrumb {
color: #fff8ed;
}   .hero-slider {
padding: 0;
overflow: hidden;
height: auto;
}
@media only screen and (max-width: 670px) {
.hero-slider {
max-height: none;
}
}
@media only screen and (min-width: 670px) {
.hero-slider {
max-height: 720px;
}
}
@media only screen and (min-width: 670px) {
.hero-slider--short {
max-height: 500px;
}
}
@media only screen and (min-width: 670px) {
.hero-slider--short .hero-slide {
height: 500px;
}
}
@media only screen and (min-width: 960px) {
.hero-slider--short .hero-slide {
max-height: 500px;
height: 100vh;
}
} .hero-slide {
position: relative;
height: auto;
width: 100%; }
@media only screen and (max-width: 670px) {
.hero-slide {
background-color: #fff;
flex-direction: column;
}
}
@media only screen and (min-width: 670px) {
.hero-slide {
height: 70vh;
}
}
@media only screen and (min-width: 960px) {
.hero-slide {
max-height: 56.25vw;
height: 100vh;
}
}
.hero-slide figcaption {
position: relative;
height: auto;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: flex-start;
z-index: 0;
width: 100%;
}
@media only screen and (max-width: 670px) {
.hero-slide figcaption {
padding: 20px 5%;
text-align: center;
align-items: center;
width: auto;
margin: 0;
background-color: #fff;
}
.hero-slide figcaption:before {
position: absolute;
content: "";
left: 0;
top: -99px;
width: 100%;
height: 100px;
background: linear-gradient(to top, hsl(255deg, 100%, 100%) 0%, hsla(255deg, 100%, 100%, 0) 100%);
}
.hero-slide figcaption br {
display: none;
}
.hero-slide figcaption p {
margin-bottom: 10px !important;
}
}
@media only screen and (min-width: 670px) {
.hero-slide figcaption {
position: absolute;
width: min(50%, 450px);
}
}
.hero-slide figcaption h2 {
font-size: 4.8rem;
font-weight: 700;
margin-bottom: 1rem;
}
.hero-slide figcaption h4 {
font-family: "Montserrat", sans-serif;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 0;
}
.hero-slide figcaption p {
font-weight: 600;
}
.hero-slide img {
position: relative;
}
@media only screen and (max-width: 670px) {
.hero-slide img {
height: 90vw;
}
}
.hero-slide--center-center figcaption {
margin-inline: auto;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
text-align: center;
align-items: center;
}
.hero-slide--center-left figcaption {
top: 50%;
left: 5%;
transform: translateY(-50%) translateX(0%);
}
.hero-slide--center-right figcaption {
top: 50%;
right: 5%;
transform: translateY(-50%) translateX(0%);
text-align: right;
align-items: flex-end;
} .inline-wrap {
width: min(90%, 1400px);
margin-inline: auto;
}
.inline-wrap.narrow {
width: min(90%, 960px);
}
@media only screen and (min-width: 1400px) {
.inline-wrap.narrow {
width: min(90%, 1400px);
}
}
.inline-wrap.full {
width: min(100%, 1400px);
}
.inline-wrap .inline-wrap {
width: 100%;
}
.aligncenter .section-title {
text-align: center;
}
.aligncenter .section-title hr {
margin-left: auto;
margin-right: auto;
} .image-gallery-section {
padding: 50px 5%;
}
@media only screen and (min-width: 670px) {
.image-gallery-section {
padding: 50px;
}
}
.image-gallery-list {
position: relative;
display: flex;
flex-flow: row wrap;
padding: 3px;
}
.image-gallery-list li {
position: relative;
flex: 1 1 0;
height: 300px;
min-width: 300px;
}
.image-gallery-list img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 3px;
object-fit: cover;
} .lr-layout {
width: 100%;
min-height: 400px;
}
@media only screen and (min-width: 960px) {
.lr-layout {
background-attachment: fixed;
}
}
@media only screen and (min-width: 960px) {
.lr-layout:nth-of-type(even) .inline-wrap {
flex-flow: row-reverse wrap;
}
.lr-layout:nth-of-type(even) figure:after {
right: 0;
}
.lr-layout:nth-of-type(even) figure:before {
right: 0;
}
}
.lr-layout .inline-wrap {
position: relative;
display: flex;
flex-flow: row wrap;
}
.lr-layout .inline-wrap > * {
width: 100%;
margin-bottom: 0px;
}
@media only screen and (min-width: 670px) {
.lr-layout .inline-wrap > * {
width: calc((100% - (0px * (2 - 1))) / 2);
margin-right: 0px;
}
.lr-layout .inline-wrap > *:nth-child(2n) {
margin-right: 0;
}
}
.lr-layout figure {
position: relative;
margin: 0;
overflow: hidden;
z-index: 0;
height: 90vw;
}
@media only screen and (min-width: 670px) {
.lr-layout figure {
height: 70vh;
}
}
@media only screen and (min-width: 960px) {
.lr-layout figure {
height: 50vw;
max-height: 70vh;
align-self: stretch;
}
}
@media only screen and (min-width: 670px) {
.lr-layout figure:after {
content: "";
position: absolute;
background-color: #fffefc;
opacity: 0.7;
width: 25vw;
max-width: 50%;
height: calc(50vw + 60px);
z-index: -1;
}
}
.lr-layout figure.feature-active:before {
max-width: 0;
}
.lr-layout figure:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: all 1s ease-in-out;
background-color: #fff;
z-index: 2;
max-width: 100%;
}
.lr-layout figure img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
padding: 0;
}
@media only screen and (min-width: 960px) {
.lr-layout figure img {
padding: 60px;
}
}
.lr-layout article {
position: relative;
padding: 30px 5%;
width: 100%;
z-index: 0;
}
@media only screen and (min-width: 670px) {
.lr-layout article {
width: 50%;
text-align: center;
}
}
@media only screen and (min-width: 960px) {
.lr-layout article {
padding: 50px 100px;
}
}
.secondary-graphic-0 {
position: absolute;
z-index: -1;
opacity: 0.3;
width: 25vw;
height: 25vw;
object-fit: contain;
object-position: center;
left: calc(50% - 12.5vw);
top: calc(50% - 12.5vw);
} .attribute-highlights {
background-color: #ee640b;
padding: 60px 5% 50px;
}
@media only screen and (min-width: 960px) {
.attribute-highlights {
padding: 60px 10% 50px;
}
}
.attribute-highlights .inline-wrap {
display: flex;
flex-flow: row wrap;
}
.attribute-highlights .inline-wrap > * {
width: 100%;
margin-bottom: 25px;
}
@media only screen and (min-width: 670px) {
.attribute-highlights .inline-wrap > * {
width: calc((100% - (25px * (4 - 1))) / 4);
margin-right: 25px;
}
.attribute-highlights .inline-wrap > *:nth-child(4n) {
margin-right: 0;
}
}
@media only screen and (min-width: 670px) {
.attribute-highlights .inline-wrap > * {
margin-bottom: 0;
}
}
.attribute-highlights .icon-card img {
filter: saturate(0) invert(1);
opacity: 1;
}
.attribute-highlights .icon-card h4 {
color: #fff;
} .dish-list {
position: relative;
max-width: 700px;
margin: 0 auto;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.dish-list:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
left: 50%;
background-color: #ffe4ba;
}
.dish-list article {
position: relative;
display: flex;
flex: 0 1 45%;
margin-bottom: 25px;
}
.dish-list article p {
line-height: 1.4;
font-size: 1.4rem;
margin-bottom: 0;
}
.dish-list article p span {
display: block;
}
.dish-list article:hover {
color: #bd5009;
cursor: pointer;
}
.dish-list article:hover figure {
display: flex;
}
.dish-list article figure {
display: none;
position: absolute;
width: 100%;
top: calc(100% + 5px);
left: 0;
flex-flow: column nowrap;
background-color: #fff;
z-index: 10;
border-radius: 10px;
overflow: hidden;
}
.dish-list article figure img {
width: 100%;
max-height: 250px;
object-fit: cover;
}
.dish-list article figure figcaption {
padding: 10px;
}
.dish-title {
width: 100%;
padding-right: 20px;
font-weight: 700;
}
.dish-title span {
font-weight: 400;
} .library-gallery {
position: relative;
display: flex;
flex-flow: row wrap;
margin-top: 50px; }
@media only screen and (min-width: 670px) {
.library-gallery {
flex-flow: row nowrap;
}
}
.library-gallery .single-product-feature figcaption {
bottom: -300px;
}
.library-gallery .single-product-feature.active {
position: relative;
height: 500px;
width: 100%;
}
.library-gallery .single-product-feature.active > img {
transition: 0.6s;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.library-gallery .single-product-feature.active figcaption {
position: absolute;
transition: 0.6s;
width: 100%;
bottom: 0;
top: auto;
z-index: 1;
padding: 25px;
color: #fff;
background: hsla(0deg, 0%, 0%, 0.5);
margin: 0;
text-align: left;
}
@media only screen and (min-width: 670px) {
.library-gallery .single-product-feature.active figcaption {
padding: 25px 50px;
}
}
.library-gallery .single-product-feature.active figcaption h3, .library-gallery .single-product-feature.active figcaption form.woocommerce-checkout .col-1 h4, .library-gallery .single-product-feature.active figcaption form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .library-gallery .single-product-feature.active figcaption h4, form.woocommerce-checkout .checkout_coupon .library-gallery .single-product-feature.active figcaption h4 {
color: #fff;
}
.library-gallery .single-product-feature.active figcaption p {
transition: 0.3s;
margin-bottom: 0;
display: block;
}
.library-gallery .single-product-feature:not(.active) {
align-items: stretch;
}
@media only screen and (max-width: 670px) {
.library-gallery .single-product-feature:not(.active) {
width: 100%;
}
}
.library-gallery .single-product-feature:not(.active) img {
max-width: 0;
display: block;
}
.library-gallery .single-product-feature:not(.active) figcaption {
position: relative;
display: flex;
flex-flow: row wrap;
align-items: flex-end;
background-color: hsl(0deg, 0%, 95%);
bottom: auto;
height: 100%;
cursor: pointer;
padding: 15px;
margin: 0;
}
@media only screen and (max-width: 670px) {
.library-gallery .single-product-feature:not(.active) figcaption {
border-bottom: 1px solid hsl(0deg, 0%, 85%);
}
}
@media only screen and (min-width: 670px) {
.library-gallery .single-product-feature:not(.active) figcaption {
padding: 30px 20px;
border-left: 1px solid hsl(0deg, 0%, 85%);
}
}
.library-gallery .single-product-feature:not(.active) figcaption:hover {
background-color: #ee640b;
border-left: 3px solid #8d3b06;
}
.library-gallery .single-product-feature:not(.active) figcaption:hover h3, .library-gallery .single-product-feature:not(.active) figcaption:hover form.woocommerce-checkout .col-1 h4, .library-gallery .single-product-feature:not(.active) figcaption:hover form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .library-gallery .single-product-feature:not(.active) figcaption:hover h4, form.woocommerce-checkout .checkout_coupon .library-gallery .single-product-feature:not(.active) figcaption:hover h4 {
color: #fff;
}
.library-gallery .single-product-feature:not(.active) h3, .library-gallery .single-product-feature:not(.active) form.woocommerce-checkout .col-1 h4, .library-gallery .single-product-feature:not(.active) form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .library-gallery .single-product-feature:not(.active) h4, form.woocommerce-checkout .checkout_coupon .library-gallery .single-product-feature:not(.active) h4 {
margin: 0;
font-family: "Lato", sans-serif;
text-transform: uppercase;
font-size: 1.7rem;
}
@media only screen and (min-width: 670px) {
.library-gallery .single-product-feature:not(.active) h3, .library-gallery .single-product-feature:not(.active) form.woocommerce-checkout .col-1 h4, .library-gallery .single-product-feature:not(.active) form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .library-gallery .single-product-feature:not(.active) h4, form.woocommerce-checkout .checkout_coupon .library-gallery .single-product-feature:not(.active) h4 {
writing-mode: vertical-lr;
transform: rotate(180deg);
}
}
.library-gallery .single-product-feature:not(.active) p {
display: none;
} .contact-1 {
margin: 80px 0;
}
.contact-details-wrapper {
display: flex;
flex-flow: row wrap;
gap: 40px;
justify-content: center;
margin: 80px 0;
}
.contact-details-wrapper .contact-detail {
flex: 1 1 200px;
width: 200px;
display: flex;
gap: 10px;
}
.contact-details-wrapper .contact-detail i {
color: #fff;
min-width: 40px;
width: 40px;
height: 40px;
font-size: 17px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: #ee640b;
}
.contact-details-wrapper .contact-detail .contact-detail-caption b {
display: block;
}
.contact-1_mapembed {
position: relative;
margin: 50px 0 150px;
display: block;
}
.contact-1_mapembed:after {
content: "";
position: absolute;
height: 75%;
bottom: -25%;
background-color: #fff8ed;
z-index: -1;
border-top: 1px solid #ffe4ba;
border-bottom: 1px solid #ffe4ba;
}
.post-archive {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 5rem;
margin: 0 auto;
}
.post-archive .archive-description {
margin-bottom: 0;
flex: 1 1 100%;
}
.post-archive .post-entry-list {
width: min(90%, 750px);
}
@media only screen and (min-width: 1400px) {
.post-archive .post-entry-list {
width: min(90%, 933.3333333333px);
}
}
.post-archive aside {
width: 90%;
}
@media only screen and (min-width: 670px) {
.post-archive aside {
width: min(90%, 280px);
}
}
@media only screen and (min-width: 1400px) {
.post-archive aside {
width: min(90%, 466.6666666667px);
}
}
.post-archive .archive-pagination {
flex: 1 1 100%;
}
.post-entry-list {
display: grid;
gap: 6rem;
}
.post-entry-list .entry-content {
display: grid;
gap: 2rem;
}
@media only screen and (min-width: 670px) {
.post-entry-list .entry-content {
grid-template-rows: 200px;
grid-template-columns: auto 1fr;
}
}
.post-entry-list .caption {
display: flex;
flex-flow: column nowrap;
}
.post-entry-list .caption p {
margin-top: auto;
}
.post-entry-list .caption > * {
margin-bottom: 0;
}
.post-entry-list h3, .post-entry-list form.woocommerce-checkout .col-1 h4, .post-entry-list form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .post-entry-list h4, form.woocommerce-checkout .checkout_coupon .post-entry-list h4 {
margin: 10px 0;
}
.post-entry-list p {
line-height: 1.5;
}
.post-entry-list .category-link {
padding: 2px 6px;
}
.post-entry-list .entry-content__thumbnail-link {
position: relative;
aspect-ratio: 4/3;
}
.post-entry-list .entry-content__thumbnail-link img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
} .post-single .entry {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0 auto;
}
.post-single .entry > * {
margin-bottom: 50px;
}
.post-single .entry > *:last-child {
margin-bottom: 0;
}
.post-single .has-post-thumbnail .entry-header {
background: #ee640b;
}
.post-single .has-post-thumbnail .entry-header img {
opacity: 0.7;
mix-blend-mode: multiply;
}
.post-single .entry-content {
padding: 0 5%;
width: 100%;
}
@media only screen and (min-width: 670px) {
.post-single .entry-content {
padding: 0;
flex: 3 1 0;
margin-left: 5%;
margin-right: 50px;
max-width: 650px;
}
}
.post-single .sidebar {
padding: 0 5%;
width: 100%;
}
@media only screen and (min-width: 670px) {
.post-single .sidebar {
padding: 0;
flex: 1 1 0;
margin-right: 5%;
max-width: 280px;
}
} .sidebar-primary .widget-title {
border-bottom: 4px solid hsl(0deg, 0%, 85%);
padding-bottom: 10px;
margin-bottom: 10px;
}
.entry-content .entry-meta {
color: hsl(0deg, 0%, 70%);
} .error404 main.content {
width: min(100%, 700px);
margin: 150px auto 50px;
text-align: center;
}
.error404 .search-form {
display: none;
}
@keyframes waterbounce {
0%, 100% {
transform: translateY(0) scale(1, 1);
animation-timing-function: ease-in;
}
45% { transform: translateY(100px) scale(0.8, 1.2);
animation-timing-function: ease-out;
}
50% { transform: translateY(120px) scale(1.2, 0.8);
animation-timing-function: ease-in;
}
55% { transform: translateY(100px) scale(0.9, 1.1);
animation-timing-function: ease-out;
}
}
@keyframes splashrotate {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
address {
font-style: inherit;
}
dl {
margin-block: 0;
}
dd {
margin-left: 0;
line-height: 1.2;
}
dd + dt {
margin-top: 1.5rem;
}
.bg-pattern {
position: relative;
z-index: 0;
}
.bg-pattern:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(//teaattarik.com/static/bg-pattern.svg) repeat center/750px;
z-index: -1;
opacity: 0.4;
background-attachment: fixed;
}
.bg-pattern-2 {
position: relative;
z-index: 0;
}
.bg-pattern-2:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(//teaattarik.com/static/bg-pattern-2.svg) repeat center/500px;
opacity: 0.5;
z-index: -1;
background-attachment: fixed;
}
.bg-pattern-3 {
position: relative;
z-index: 0;
}
.bg-pattern-3:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(//teaattarik.com/static/bg-pattern-3.svg) repeat center/750px;
opacity: 0.1;
z-index: -1;
background-attachment: fixed;
}
.bg-light {
background-color: #fff8ed;
color: #7d3211;
}
.bg-light + .bg-light {
padding-top: 0;
}
.bg-dark {
background-color: #431707;
}
.bg-dark + .bg-dark {
padding-top: 0;
}
.bg-main {
background-color: #ee640b;
}
.bg-main + .bg-main {
padding-top: 0;
}
.bg-white {
background-color: #fff;
}
.text-light p {
font-weight: 500;
}
.text-white {
color: #fff8ed;
}
.relative {
position: relative;
}
.overflow-hidden {
overflow: hidden;
}
.z-0 {
z-index: 0;
}
.border-box {
box-sizing: border-box;
}
.table {
display: table;
}
.mx-auto {
margin-inline: auto;
}
.mt-10 {
margin-top: calc(var(--spacing) * 10rem);
}
.mt-15 {
margin-top: calc(var(--spacing) * 15rem);
}
.mt-20 {
margin-top: calc(var(--spacing) * 20rem);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10rem);
}
.pt-15 {
padding-top: calc(var(--spacing) * 15rem);
}
.pt-20 {
padding-top: calc(var(--spacing) * 20rem);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10rem);
}
.pb-15 {
padding-bottom: calc(var(--spacing) * 15rem);
}
.pb-20 {
padding-bottom: calc(var(--spacing) * 20rem);
}
.my-20 {
margin-block: calc(var(--spacing) * 20rem);
}
.text-center {
text-align: center;
}
.gap-5 {
gap: calc(var(--spacing) * 5rem);
}
.gap-10 {
gap: calc(var(--spacing) * 10rem);
}
.gap-15 {
gap: calc(var(--spacing) * 15rem);
}
.gap-20 {
gap: calc(var(--spacing) * 20rem);
}
.flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
.justify-center {
justify-content: center;
}
.place-items-center {
place-content: center;
}
.items-center {
place-items: center;
}
.grid {
display: grid;
}
@media only screen and (min-width: 670px) {
.col-span-1 {
grid-column: 1;
}
}
@media only screen and (min-width: 670px) {
.col-span-2 {
grid-column: 2;
}
}
@media only screen and (min-width: 670px) {
.col-span-3 {
grid-column: 3;
}
}
.w-3xs {
width: calc(var(--spacing) * 64rem);
}
@media only screen and (min-width: 670px) {
.grid-cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.grid-cols-2.reverse > *:nth-child(2) {
order: -1;
}
}
@media only screen and (min-width: 670px) {
.grid-cols-1-2 {
grid-template-columns: 1fr 2fr;
}
}
@media only screen and (min-width: 670px) {
.grid-cols-3 {
grid-template-columns: repeat(3, 1fr);
}
}
.grid-cols-4 {
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 670px) {
.grid-cols-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.grid-cols-5 {
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 670px) {
.grid-cols-5 {
grid-template-columns: repeat(5, 1fr);
}
}
.content-start {
align-items: flex-start;
}
.content-center {
align-items: center;
}
.p-5 {
padding: calc(var(--spacing) * 5rem);
}
.p-10 {
padding: calc(var(--spacing) * 10rem);
}
.p-15 {
padding: calc(var(--spacing) * 15rem);
}
.p-20 {
padding: calc(var(--spacing) * 20rem);
}
.font-medium {
font-weight: 500;
}
.font-bold {
font-weight: 700;
}
.text-sm {
font-size: 1.4rem;
}
.text-3xl {
font-size: 1.875rem;
}
.text-5xl {
font-size: 3rem;
}
.text-7xl {
font-size: 4.5rem;
}
.text-9xl {
font-size: 8rem;
}
.rounded-50 {
border-radius: 50%;
}
.aspect-square {
aspect-ratio: 1;
object-fit: cover;
}
.aspect-4-3 {
aspect-ratio: 4/3;
object-fit: cover;
}
.aspect-3-4 {
aspect-ratio: 3/4;
object-fit: cover;
}
.object-cover {
object-fit: cover;
}
.object-contain {
object-fit: contain;
}
#back-to-top-button {
display: none;
position: fixed;
width: 4rem;
aspect-ratio: 1;
top: calc(50% - 2rem);
place-items: center;
right: 0px;
z-index: 99;
background-color: #ee640b;
color: #fff;
border-radius: 2rem 0 0 2rem;
cursor: pointer;
}
#back-to-top-button:before {
content: "";
display: block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #fff;
}
#back-to-top-button:after {
content: "TOP";
display: none;
font-size: 1rem;
font-weight: 700;
line-height: 1;
}
#back-to-top-button:hover {
background-color: #7d3211;
}
#back-to-top-button:hover:after {
display: block;
} .ecommerce-highlights {
display: flex;
flex-flow: row wrap;
background-color: #ee640b;
padding: 60px 5% 50px;
}
.ecommerce-highlights > * {
width: 100%;
margin-bottom: 15px;
}
@media only screen and (min-width: 670px) {
.ecommerce-highlights > * {
width: calc((100% - (15px * (4 - 1))) / 4);
margin-right: 15px;
}
.ecommerce-highlights > *:nth-child(4n) {
margin-right: 0;
}
}
@media only screen and (min-width: 960px) {
.ecommerce-highlights {
padding: 60px 10% 50px;
}
}
@media only screen and (min-width: 670px) {
.ecommerce-highlights > * {
margin-bottom: 0;
}
}
.ecommerce-highlights .icon-card img {
filter: saturate(0) invert(1);
opacity: 1;
}
.ecommerce-highlights .icon-card h4 {
color: #fff;
}
.icon-card {
position: relative;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.icon-card > figure {
position: relative;
width: 100%;
padding-top: 40px;
}
.icon-card > figure > img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
.icon-card .caption {
flex: 1 1 0;
position: relative;
padding: 10px;
background-color: #fff;
}
@media only screen and (min-width: 670px) {
.icon-card {
flex-flow: column nowrap;
}
}
@media only screen and (min-width: 960px) {
.icon-card {
flex-flow: row wrap;
}
}
.icon-card img {
width: 40px;
height: 40px;
opacity: 0.6;
margin-right: 10px;
}
.icon-card h4 {
text-transform: uppercase;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0;
color: #8d3b06;
}
@media only screen and (min-width: 670px) {
.icon-card h4 {
text-align: center;
}
}
@media only screen and (min-width: 960px) {
.icon-card h4 {
text-align: left;
}
}
.icon-card .caption {
background: transparent;
} .floating-whatsapp-button {
width: 46px;
height: 46px;
background-color: #25d366;
border-radius: 50%;
font-size: 23px;
position: fixed;
font-weight: 400;
right: 10px;
bottom: 10px;
z-index: 9999999;
color: #fff;
text-align: center;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
line-height: 46px;
}
.floating-whatsapp-button:hover,
.floating-whatsapp-button a:hover {
text-decoration: none;
} .swiper-button-next,
.swiper-button-prev {
color: #ee640b;
} @media only screen and (max-width: 670px) {
.home-about {
padding: 0 0 5rem;
}
}
@media only screen and (min-width: 670px) {
.home-about {
aspect-ratio: 16/9;
}
}
@media only screen and (min-width: 1400px) {
.home-about {
aspect-ratio: 0;
padding-top: 100px;
padding-bottom: 100px;
}
}
.home-about .section-title > * {
margin-bottom: 0;
}
.home-about .side-images {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
display: flex;
align-items: center;
}
@media only screen and (max-width: 670px) {
.home-about .side-images {
position: relative;
aspect-ratio: 2;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 5px;
padding: 5px;
}
}
@media only screen and (min-width: 670px) {
.home-about .side-images {
width: 100%;
}
}
@media only screen and (min-width: 1400px) {
.home-about .side-images {
width: 1400px;
left: 50%;
transform: translateX(-50%);
}
}
.home-about .side-images img {
position: absolute;
aspect-ratio: 3/4;
object-fit: cover;
width: 300px;
}
@media only screen and (max-width: 670px) {
.home-about .side-images img {
position: relative;
width: 100%;
top: 0;
left: 0;
}
}
@media only screen and (min-width: 1400px) {
.home-about .side-images img {
width: 350px;
}
}
@media only screen and (min-width: 670px) {
.home-about .side-images .home-about-1 {
left: -50px;
}
}
@media only screen and (min-width: 670px) {
.home-about .side-images .home-about-2 {
right: -50px;
z-index: -1;
top: calc(60% - 200px);
}
}
@media only screen and (min-width: 670px) {
.home-about .side-images .home-about-3 {
width: 200px;
right: -100px;
top: calc(25% - 133.3333333333px);
}
}
@media only screen and (min-width: 1400px) {
.home-about .side-images .home-about-3 {
width: 250px;
right: -150px;
}
} .large-quote-section {
position: relative;
background-color: #fff8ed;
z-index: 0;
}
.large-quote-section:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
opacity: 0.1;
background: url(//teaattarik.com/static/spot.svg) repeat center/300px;
}
.large-quote-section .inline-wrap {
display: grid;
align-items: center;
text-align: center;
width: min(90%, 600px);
height: 100%;
}
@media only screen and (min-width: 1400px) {
.large-quote-section .inline-wrap {
width: min(90%, 960px);
}
}
.large-quote-section .btn-3 {
margin: 0 auto;
}
.large-quote-section h3, .large-quote-section form.woocommerce-checkout .col-1 h4, .large-quote-section form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .large-quote-section h4, form.woocommerce-checkout .checkout_coupon .large-quote-section h4 {
font-weight: 400;
line-height: 1.3;
font-family: "Lato", sans-serif;
}
.large-quote-section.dark-bg {
padding: 6rem 0;
background-color: #431707;
}
.large-quote-section.dark-bg h3, .large-quote-section.dark-bg form.woocommerce-checkout .col-1 h4, .large-quote-section.dark-bg form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .large-quote-section.dark-bg h4, form.woocommerce-checkout .checkout_coupon .large-quote-section.dark-bg h4 {
color: #fff;
}
.large-quote-section.dark-bg a.btn-3 {
color: #fff;
border-color: #fff;
}
.large-quote-section .title-script {
font-family: "Cormorant Garamond", serif;
font-size: 4.8rem;
line-height: 1.2;
}
.vision-mission-custom-layout {
position: relative;
z-index: 0;
}
.vision-mission-custom-layout .inline-wrap {
display: grid;
gap: 5rem;
align-items: center;
}
@media only screen and (min-width: 670px) {
.vision-mission-custom-layout .vision-mission-list {
grid-template-columns: repeat(7, 1fr);
}
.vision-mission-custom-layout .vision-mission-list .vm-object:after {
content: "";
position: absolute;
width: 200px;
display: block;
aspect-ratio: 1;
animation: splashrotate 20s linear infinite;
background-color: #fedbaa;
animation: waterbounce 2s infinite; border-radius: 50% 50% 50% 50%/15% 15% 85% 85%;
top: 0;
opacity: 0.4;
}
.vision-mission-custom-layout .vision-mission-list .vm-object:first-child {
grid-column: 3/span 4;
}
.vision-mission-custom-layout .vision-mission-list .vm-object:first-child:after {
left: -450px;
}
.vision-mission-custom-layout .vision-mission-list .vm-object:last-child {
grid-column: 2/span 4;
}
.vision-mission-custom-layout .vision-mission-list .vm-object:last-child:after {
right: -450px;
}
}
.vm-object {
position: relative;
background-color: #fff;
border-radius: 2rem;
border: 2px solid #fedbaa;
border-right-width: 10px;
border-bottom-width: 10px;
text-align: left;
}
.vm-object + .vm-object {
margin-top: 5rem;
}
@media only screen and (min-width: 670px) {
.vm-object + .vm-object {
margin-top: 7.5rem;
}
}
@media only screen and (min-width: 960px) {
.vm-object + .vm-object {
margin-top: 10rem;
}
}
.vm-object h4 {
position: absolute;
top: -4.3rem;
font-size: 5rem;
letter-spacing: -1px;
color: #fec173;
line-height: 1;
font-weight: 700;
margin-bottom: 0;
width: 100%;
left: 0;
text-align: left;
}
@media only screen and (min-width: 670px) {
.vm-object h4 {
top: -6.5rem;
font-size: 7.5rem;
letter-spacing: -2px;
}
}
@media only screen and (min-width: 960px) {
.vm-object h4 {
top: -8.7rem;
font-size: 10rem;
letter-spacing: -3px;
}
}
.vm-object figure {
font-weight: 600;
font-size: 1.8rem;
color: #fa7e15;
line-height: 1.5;
}
.vm-object figcaption {
padding: 3.3rem;
display: grid;
align-items: center;
}
.vm-object img {
aspect-ratio: 1;
border-radius: 1.8rem;
object-fit: cover;
} .home-main-feature {
display: flex;
flex-flow: column nowrap;
justify-content: center;
background: url(//teaattarik.com/static/intersecting-waves-scattered.svg) no-repeat center/cover;
overflow: hidden;
background-color: #ee640b;
overflow: hidden;
}
@media only screen and (min-width: 960px) {
.home-main-feature {
background-attachment: fixed;
}
}
.home-main-feature .inline-wrap {
display: flex;
align-items: center;
overflow: hidden;
}
@media only screen and (max-width: 670px) {
.home-main-feature .inline-wrap {
flex-direction: column;
}
}
@media only screen and (min-width: 670px) {
.home-main-feature .inline-wrap {
aspect-ratio: 16/9;
gap: 30px;
}
}
@media only screen and (min-width: 670px) and (min-width: 670px) {
.home-main-feature .inline-wrap > * {
width: 50%;
}
}
@media only screen and (max-width: 670px) {
.home-main-feature .section-title {
padding: 3rem;
}
}
.home-main-feature .section-title > * {
color: #fff;
}
.home-main-feature h2 {
font-size: 6rem;
line-height: 1;
}
@keyframes cloudBounce {
0% {
transform: scale(1) translateY(0);
}
33% {
transform: scale(1) translateY(-10px);
}
66% {
transform: scale(1) translateY(10px);
}
100% {
transform: scale(1) translateY(0px);
}
}
.outlet-single {
background-color: #fff;
border-radius: 2rem;
overflow: hidden;
}
.outlet-single img {
aspect-ratio: 16/9;
object-fit: cover;
}
.outlet-details {
padding: 2rem 2rem;
}
.outlet-details h3, .outlet-details form.woocommerce-checkout .col-1 h4, .outlet-details form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .outlet-details h4, form.woocommerce-checkout .checkout_coupon .outlet-details h4 {
margin-bottom: 0;
}
.giant-quote-section {
overflow: hidden;
}
.giant-quote-section q {
position: relative;
z-index: 0;
font-size: 5.12rem;
color: #fff8ed;
line-height: 1;
font-family: "Cormorant Garamond", serif;
letter-spacing: -1px;
}
.giant-quote-section q:before {
position: absolute;
z-index: -1;
color: #ee640b;
font-size: 32rem;
line-height: 0;
opacity: 0.3;
}
.giant-quote-section q:after {
content: "";
}
.giant-quote-section q bdi {
color: #ee640b;
}
.irregular-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.25rem;
padding: 0.25rem;
align-self: flex-start;
}
@media only screen and (max-width: 670px) {
.irregular-grid {
height: 100vw;
width: 100%;
overflow: hidden;
}
}
@media only screen and (min-width: 670px) {
.irregular-grid {
gap: 0.5rem;
padding: 0.5rem;
}
}
.irregular-grid img {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
}
.irregular-grid figure {
position: relative;
z-index: 0;
will-change: transform;
}
.irregular-grid figure:nth-child(1), .irregular-grid figure:nth-child(7), .irregular-grid figure:nth-child(13) {
grid-column: span 2;
grid-row: span 2;
}
.irregular-grid figure:nth-child(even) img {
border-radius: 0 1rem 0 1rem;
}
@media only screen and (min-width: 670px) {
.irregular-grid figure:nth-child(even) img {
border-radius: 0 2rem 0 2rem;
}
}
.irregular-grid figure:nth-child(odd) img {
border-radius: 1rem 0 1rem 0;
}
@media only screen and (min-width: 670px) {
.irregular-grid figure:nth-child(odd) img {
border-radius: 2rem 0 2rem 0;
}
}
.irregular-grid figure:hover figcaption {
transform: translateY(0);
opacity: 1;
}
.irregular-grid figcaption {
transition: 0.3s;
position: absolute;
z-index: 1;
left: 5px;
right: 5px;
padding: 5px 10px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
font-size: 10px;
background-color: #ee640b;
color: #fff8ed;
border-radius: 2rem;
bottom: 5px;
transform: translateY(150%);
opacity: 0;
}
.content-page .entry-content {
width: min(90%, 960px);
margin: 5rem auto;
}
.faq-list,
.wp-block-woocommerce-accordion-group {
width: min(100%, 600px);
margin-inline: auto;
margin-top: 3rem;
}
details + details,
.wp-block-woocommerce-accordion-item + details {
margin-top: 1rem;
}
details[open], details.is-open,
.wp-block-woocommerce-accordion-item[open],
.wp-block-woocommerce-accordion-item.is-open {
border-radius: 1rem;
}
details[open] summary,
details[open] .wp-block-woocommerce-accordion-header, details.is-open summary,
details.is-open .wp-block-woocommerce-accordion-header,
.wp-block-woocommerce-accordion-item[open] summary,
.wp-block-woocommerce-accordion-item[open] .wp-block-woocommerce-accordion-header,
.wp-block-woocommerce-accordion-item.is-open summary,
.wp-block-woocommerce-accordion-item.is-open .wp-block-woocommerce-accordion-header {
margin-bottom: 1.5rem;
background-color: #fa7e15;
}
details[open] summary span,
details[open] .wp-block-woocommerce-accordion-header span, details.is-open summary span,
details.is-open .wp-block-woocommerce-accordion-header span,
.wp-block-woocommerce-accordion-item[open] summary span,
.wp-block-woocommerce-accordion-item[open] .wp-block-woocommerce-accordion-header span,
.wp-block-woocommerce-accordion-item.is-open summary span,
.wp-block-woocommerce-accordion-item.is-open .wp-block-woocommerce-accordion-header span {
color: #fff;
}
details[open] summary::marker,
details[open] summary .accordion-item__toggle-icon,
details[open] .wp-block-woocommerce-accordion-header::marker,
details[open] .wp-block-woocommerce-accordion-header .accordion-item__toggle-icon, details.is-open summary::marker,
details.is-open summary .accordion-item__toggle-icon,
details.is-open .wp-block-woocommerce-accordion-header::marker,
details.is-open .wp-block-woocommerce-accordion-header .accordion-item__toggle-icon,
.wp-block-woocommerce-accordion-item[open] summary::marker,
.wp-block-woocommerce-accordion-item[open] summary .accordion-item__toggle-icon,
.wp-block-woocommerce-accordion-item[open] .wp-block-woocommerce-accordion-header::marker,
.wp-block-woocommerce-accordion-item[open] .wp-block-woocommerce-accordion-header .accordion-item__toggle-icon,
.wp-block-woocommerce-accordion-item.is-open summary::marker,
.wp-block-woocommerce-accordion-item.is-open summary .accordion-item__toggle-icon,
.wp-block-woocommerce-accordion-item.is-open .wp-block-woocommerce-accordion-header::marker,
.wp-block-woocommerce-accordion-item.is-open .wp-block-woocommerce-accordion-header .accordion-item__toggle-icon {
color: #7d3211;
}
details[open] .wp-block-woocommerce-accordion-panel, details.is-open .wp-block-woocommerce-accordion-panel,
.wp-block-woocommerce-accordion-item[open] .wp-block-woocommerce-accordion-panel,
.wp-block-woocommerce-accordion-item.is-open .wp-block-woocommerce-accordion-panel {
padding: 0 2rem 2rem;
}
details[open] .wp-block-woocommerce-accordion-panel *:last-child, details.is-open .wp-block-woocommerce-accordion-panel *:last-child,
.wp-block-woocommerce-accordion-item[open] .wp-block-woocommerce-accordion-panel *:last-child,
.wp-block-woocommerce-accordion-item.is-open .wp-block-woocommerce-accordion-panel *:last-child {
margin-bottom: 0;
}
details[open] li,
details[open] p, details.is-open li,
details.is-open p,
.wp-block-woocommerce-accordion-item[open] li,
.wp-block-woocommerce-accordion-item[open] p,
.wp-block-woocommerce-accordion-item.is-open li,
.wp-block-woocommerce-accordion-item.is-open p {
color: #431707;
}
details summary,
details .wp-block-woocommerce-accordion-header,
.wp-block-woocommerce-accordion-item summary,
.wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-header {
border-radius: 1rem;
padding: 1rem 2rem;
background-color: #fff8ed;
border: 1px solid #fedbaa;
}
details summary h3, details summary form.woocommerce-checkout .col-1 h4, details summary form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 details summary h4, form.woocommerce-checkout .checkout_coupon details summary h4,
details summary span,
details .wp-block-woocommerce-accordion-header h3,
details .wp-block-woocommerce-accordion-header form.woocommerce-checkout .col-1 h4,
details .wp-block-woocommerce-accordion-header form.woocommerce-checkout .checkout_coupon h4,
form.woocommerce-checkout .col-1 details .wp-block-woocommerce-accordion-header h4,
form.woocommerce-checkout .checkout_coupon details .wp-block-woocommerce-accordion-header h4,
details .wp-block-woocommerce-accordion-header span,
.wp-block-woocommerce-accordion-item summary h3,
.wp-block-woocommerce-accordion-item summary form.woocommerce-checkout .col-1 h4,
.wp-block-woocommerce-accordion-item summary form.woocommerce-checkout .checkout_coupon h4,
form.woocommerce-checkout .col-1 .wp-block-woocommerce-accordion-item summary h4,
form.woocommerce-checkout .checkout_coupon .wp-block-woocommerce-accordion-item summary h4,
.wp-block-woocommerce-accordion-item summary span,
.wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-header h3,
.wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-header form.woocommerce-checkout .col-1 h4,
.wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-header form.woocommerce-checkout .checkout_coupon h4,
form.woocommerce-checkout .col-1 .wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-header h4,
form.woocommerce-checkout .checkout_coupon .wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-header h4,
.wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-header span {
color: #431707;
font-weight: 700;
font-family: "Lato", sans-serif;
font-size: 1.4rem;
cursor: pointer;
margin-bottom: 0;
display: inline;
}
details summary button,
details .wp-block-woocommerce-accordion-header button,
.wp-block-woocommerce-accordion-item summary button,
.wp-block-woocommerce-accordion-item .wp-block-woocommerce-accordion-header button {
padding: 1rem 1rem 1rem 2rem;
}
details > *:not(summary):not(:last-child),
.wp-block-woocommerce-accordion-item > *:not(summary):not(:last-child) {
margin-bottom: 1rem;
}
details > *:last-child,
.wp-block-woocommerce-accordion-item > *:last-child {
margin-bottom: 0;
}
details p,
details li,
.wp-block-woocommerce-accordion-item p,
.wp-block-woocommerce-accordion-item li {
color: #fff;
font-size: 1.4rem;
line-height: 1.5;
}
details ul > li,
.wp-block-woocommerce-accordion-item ul > li {
list-style-type: disc;
}
details ol > li,
.wp-block-woocommerce-accordion-item ol > li {
list-style-type: decimal;
}
@media only screen and (min-width: 670px) {
.grid-cols-1-4 {
grid-template-columns: 1fr 4fr;
}
}   form label, .addresses address p:before,
.woocommerce-customer-details address p:before, .addresses address:before,
.woocommerce-customer-details address:before, .woocommerce-order-overview .deliveryDetails > span, .variation .wc-item-meta-label,
.variation dt,
.wc-item-meta .wc-item-meta-label,
.wc-item-meta dt, div.product-type-variable .single_variation_wrap .woocommerce-variation-price .price:before {
display: block;
clip: unset;
width: auto;
height: auto;
text-transform: none;
font-size: 14px;
cursor: pointer;
color: hsl(0deg, 0%, 50%);
font-weight: 700;
}
div.product-type-variable .single_variation_wrap .woocommerce-variation-price .price:before {
font-weight: 700;
font-size: 1.6rem;
color: #666;
} .archive.woocommerce .content {
width: 100%;
display: grid;
margin-top: 0;
}
.archive.woocommerce .content > * {
width: min(94%, 1400px);
margin-inline: auto;
}
.archive.woocommerce aside.widget-area {
align-self: stretch;
}
@media only screen and (max-width: 670px) {
.archive.woocommerce aside.widget-area {
position: fixed;
display: none;
width: 100%;
margin-right: 0;
border-right: 0;
z-index: 10000;
background: #fff;
height: 100vh;
top: 0;
left: 0;
padding: 100px 50px;
}
} .shop-banner p {
padding: 0;
margin-left: auto;
margin-right: auto;
font-size: 1.4rem;
}
@media only screen and (min-width: 960px) {
.shop-banner p {
max-width: 60vw;
}
} .archive-topbar {
border-bottom: 2px solid #f1f1f1;
padding-bottom: 30px;
margin-bottom: 30px;
position: relative;
width: 100%;
padding: 20px 0;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.woocommerce-result-count {
margin-bottom: 0;
color: hsl(0deg, 0%, 60%);
font-size: 1.2rem;
}
.woocommerce-ordering {
width: 100%;
}
@media only screen and (max-width: 670px) {
.woocommerce-ordering {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 960px) {
.woocommerce-ordering {
width: 250px;
}
} .woocommerce aside.widget-area {
border-right: 2px solid #f1f1f1;
padding-right: 15px;
margin-right: 15px;
margin-bottom: 30px;
width: 150px;
}
@media only screen and (min-width: 960px) {
.woocommerce aside.widget-area {
border-right: 2px solid #f1f1f1;
padding-right: 30px;
margin-right: 30px;
width: 250px;
}
}
.woocommerce aside.widget-area .widget {
border-bottom: 2px solid #f1f1f1;
padding-bottom: 30px;
margin-bottom: 30px;
} #sidebar-toggle {
width: 100%;
}
@media only screen and (min-width: 670px) {
#sidebar-toggle {
display: none;
}
}
#sidebar-toggle-close {
width: 40px;
height: 40px;
background-color: #f1f1f1;
border-radius: 50%;
font-size: 25px;
color: #a54508;
position: absolute;
top: 5vw;
right: 5vw;
}
#sidebar-toggle-close:hover,
#sidebar-toggle-close a:hover {
text-decoration: none;
}
@media only screen and (min-width: 670px) {
#sidebar-toggle-close {
display: none;
}
} .menu-shop-menu-container,
.widget_product_categories {
font-size: 1.4rem;
}
.menu-shop-menu-container a,
.widget_product_categories a {
color: hsl(0deg, 0%, 60%);
display: block;
padding: 0.2em 0;
}
.menu-shop-menu-container a:hover,
.widget_product_categories a:hover {
color: hsl(0deg, 0%, 40%);
padding-left: 0.4em;
text-decoration: none;
}  ul.products {
position: relative;
margin-bottom: 30px;
display: grid;
gap: 2rem 1rem;
}
@media only screen and (min-width: 670px) {
ul.products {
gap: 1rem;
}
}
ul.products.columns-2 {
grid-template-columns: repeat(2, 1fr);
}
ul.products.columns-3 {
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 670px) {
ul.products.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (min-width: 670px) {
ul.products.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
} li.product {
position: relative;
display: flex;
flex-flow: column nowrap;
text-align: left;
padding: 5px;
}
li.product > * {
margin-bottom: 10px;
}
li.product > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 960px) {
li.product {
padding: 10px;
}
li.product:hover {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
background-color: #fff;
}
}
li.product a {
width: 100%;
text-decoration: none;
}
@media only screen and (max-width: 670px) {
li.product > div.grid.grid-cols-2 {
grid-template-columns: 1fr 2fr;
}
}
li.product .attachment-woocommerce_thumbnail {
object-fit: cover;
width: 100%;
margin-bottom: 0px;
}
@media only screen and (min-width: 960px) {
li.product .attachment-woocommerce_thumbnail {
transition: all 0.2s ease-in-out;
margin-left: auto;
margin-right: auto;
}
}
li.product .woocommerce-loop-product__title {
font-size: 2.4rem;
color: #bd5009;
margin-bottom: 5px;
}
li.product .price {
font-size: 1.4rem;
font-weight: 400;
color: #999; }
li.product .price ins {
font-weight: 700;
color: #ee640b;
text-decoration: none;
}
li.product p {
line-height: 1.3;
color: hsl(0deg, 0%, 40%);
font-weight: 500;
font-size: 1.2rem;
}
li.product a.add_to_cart_button {
margin-top: auto;
} .category-tag {
font-size: 1.2rem;
background-color: #ffefd5;
padding: 0.4rem 0.8rem;
border-radius: 0.4rem;
text-decoration: none;
color: #fa7e15;
}
.category-tag:hover {
color: #431707;
background-color: #fff8ed;
}
.product-ingredient-icons {
position: relative;
margin-left: auto;
gap: 0.5rem;
margin-bottom: -10px;
}
.product-ingredient-icons figure:hover img {
border: 2px solid #c34a0b;
}
.product-ingredient-icons figure:hover figcaption {
opacity: 1;
}
.product-ingredient-icons img {
width: 30px;
aspect-ratio: 1;
object-fit: cover;
border-radius: 50%;
border: 1px solid #c34a0b;
}
@media only screen and (min-width: 670px) {
.product-ingredient-icons img {
width: 40px;
}
}
.product-ingredient-icons figcaption {
position: absolute;
text-align: center;
line-height: 0.8;
font-size: 1.2rem;
font-weight: 600;
color: #fff;
left: 50%;
transform: translateX(-50%);
background-color: #c34a0b;
padding: 0.4rem 0.6rem;
border-radius: 0.6rem;
opacity: 0;
transition: 0.3s;
} .single-product .product-primary-information {
background-color: #fff8ed;
padding: 0 2.5%;
}
@media only screen and (min-width: 670px) {
.single-product .product-primary-information {
padding: 0 5%;
}
} div.product {
position: relative;
width: 100%;
display: flex;
flex-flow: row wrap; }
div.product .summary {
position: relative;
}
div.product .summary > * {
margin-bottom: 15px;
}
div.product .summary > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 670px) {
div.product .summary {
flex: 1 1 0;
}
}
div.product .product_title {
font-size: 3rem;
}
div.product .price {
font-size: 2rem;
font-weight: 700;
}
div.product .woocommerce-product-details__short-description {
padding: 20px 10px;
background-color: hsl(0deg, 0%, 100%);
border-radius: 5px;
border: 1px solid hsl(0deg, 0%, 90%);
}
@media only screen and (min-width: 670px) {
div.product .woocommerce-product-details__short-description {
padding: 20px;
}
}
div.product .woocommerce-product-details__short-description > *:last-child {
margin-bottom: 0;
} .woocommerce-product-gallery img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
.woocommerce-product-gallery div.thumbnails {
padding-top: 1em;
}
.woocommerce-product-gallery.woocommerce-product-gallery {
position: relative;
margin-bottom: 40px;
display: flex;
flex-flow: row wrap;
}
@media only screen and (min-width: 670px) {
.woocommerce-product-gallery.woocommerce-product-gallery {
flex: 1 1 0;
margin-right: 50px;
flex-flow: row-reverse nowrap;
max-width: 42vw;
}
}
.woocommerce-product-gallery.woocommerce-product-gallery .woocommerce-product-gallery__image {
background-color: transparent;
}
.woocommerce-product-gallery.woocommerce-product-gallery .woocommerce-product-gallery__image a > img {
height: 400px;
object-fit: contain;
}
@media only screen and (min-width: 670px) {
.woocommerce-product-gallery.woocommerce-product-gallery .woocommerce-product-gallery__image a > img {
height: 500px;
}
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
margin: 0;
padding: 0;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .zoomImg {
background-color: #fff;
opacity: 0;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger::after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
transform: rotate(-45deg);
box-sizing: content-box;
}
.woocommerce-product-gallery .flex-control-thumbs {
zoom: 1;
margin: 0;
padding: 0;
align-self: flex-start;
margin-top: 30px;
}
@media only screen and (min-width: 670px) {
.woocommerce-product-gallery .flex-control-thumbs {
width: 80px;
max-width: 80px;
min-width: 80px;
}
}
.woocommerce-product-gallery .flex-control-thumbs li {
padding: 0 10px 10px;
float: left;
margin: 0;
list-style: none;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
cursor: pointer;
opacity: 0.5;
margin: 0;
width: 40px;
}
@media only screen and (min-width: 670px) {
.woocommerce-product-gallery .flex-control-thumbs li img {
width: 80px;
}
}
.woocommerce-product-gallery .flex-control-thumbs li img:hover {
opacity: 1;
}
.woocommerce-product-gallery .flex-control-thumbs .slick-list {
display: flex;
flex-flow: row wrap;
align-items: center;
}
@media only screen and (min-width: 670px) {
.woocommerce-product-gallery .flex-control-thumbs .slick-list {
flex-direction: column;
}
}
.woocommerce-product-gallery .flex-control-thumbs .slick-current img {
opacity: 1;
}
@media only screen and (min-width: 670px) {
.woocommerce-product-gallery .flex-control-thumbs .slick-current img {
box-shadow: 0 0 0 3px #fff, 0 0 0 4px #ccc;
}
}
@media only screen and (min-width: 670px) {
.woocommerce-product-gallery .flex-control-thumbs .slick-next {
transform: rotate(90deg) translateY(50%);
top: auto;
bottom: -30px;
left: 50%;
}
}
@media only screen and (min-width: 670px) {
.woocommerce-product-gallery .flex-control-thumbs .slick-prev {
transform: rotate(90deg) translateY(50%);
top: -30px;
left: 50%;
}
} div.product-type-variable {  }
div.product-type-variable table.variations {
table-layout: fixed;
margin-bottom: 10px;
}
div.product-type-variable table.variations tbody {
vertical-align: top;
border: 0;
}
div.product-type-variable table.variations td {
border: 0;
}
div.product-type-variable table.variations .label {
width: 120px;
}
div.product-type-variable table.variations .value {
width: auto;
}
div.product-type-variable table.variations .value select {
width: 100%;
}
div.product-type-variable table.variations .value .reset_variations {
display: none !important;
}
div.product-type-variable .single_variation_wrap > * {
margin-bottom: 15px;
}
div.product-type-variable .single_variation_wrap .single_variation {
padding: 20px 10px;
background-color: hsl(0deg, 0%, 100%);
border-radius: 5px;
border: 1px solid hsl(0deg, 0%, 90%);
}
@media only screen and (min-width: 670px) {
div.product-type-variable .single_variation_wrap .single_variation {
padding: 20px;
}
}
div.product-type-variable .single_variation_wrap .woocommerce-variation-price {
border-top: 1px solid #f1f1f1;
padding-top: 20px;
margin-top: 20px;
}
div.product-type-variable .single_variation_wrap .woocommerce-variation-price .price {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
div.product-type-variable .single_variation_wrap .woocommerce-variation-price .price:before {
content: "Price";
display: inline-block;
width: 120px;
margin-right: 6px;
}
div.product-type-variable .single_variation_wrap .woocommerce-variation-price .price del {
font-size: 1.2rem;
opacity: 0.6;
margin-right: 3px;
} div.product-type-variable .woocommerce-variation-add-to-cart, div.product-type-simple form.cart {
position: relative;
display: flex;
flex-flow: row wrap;
padding: 15px 0;
}
div.product-type-variable .woocommerce-variation-add-to-cart input.qty, div.product-type-simple form.cart input.qty {
height: 100%;
width: 40px;
}
div.product-type-variable .woocommerce-variation-add-to-cart .quantity, div.product-type-simple form.cart .quantity {
position: relative;
z-index: 2;
display: flex;
flex-flow: row nowrap;
flex: 0 0 40px;
}
div.product-type-variable .woocommerce-variation-add-to-cart .quantity input, div.product-type-simple form.cart .quantity input {
border: 0;
border-top: 1px solid hsl(0deg, 0%, 80%);
border-bottom: 1px solid hsl(0deg, 0%, 80%);
text-align: center;
border-radius: 0;
z-index: 1; }
div.product-type-variable .woocommerce-variation-add-to-cart .quantity input[type=number]::-webkit-outer-spin-button, div.product-type-simple form.cart .quantity input[type=number]::-webkit-outer-spin-button, div.product-type-variable .woocommerce-variation-add-to-cart .quantity input[type=number]::-webkit-inner-spin-button, div.product-type-simple form.cart .quantity input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
div.product-type-variable .woocommerce-variation-add-to-cart .quantity input[type=number], div.product-type-simple form.cart .quantity input[type=number] {
-moz-appearance: textfield;
}
div.product-type-variable .woocommerce-variation-add-to-cart .minus, div.product-type-simple form.cart .minus,
div.product-type-variable .woocommerce-variation-add-to-cart .plus,
div.product-type-simple form.cart .plus {
font-size: 20px;
width: 40px;
height: 40px;
padding: 0;
font-weight: 700;
border: 1px solid hsl(0deg, 0%, 80%);
}
div.product-type-variable .woocommerce-variation-add-to-cart .minus, div.product-type-simple form.cart .minus {
border-radius: 4px 0 0 4px;
}
div.product-type-variable .woocommerce-variation-add-to-cart .plus, div.product-type-simple form.cart .plus {
border-radius: 0 4px 4px 0;
}
div.product-type-variable .woocommerce-variation-add-to-cart .button.single_add_to_cart_button, div.product-type-simple form.cart .button.single_add_to_cart_button {
flex: 1 1 0;
margin-left: 15px;
} .woocommerce .woocommerce-tabs {
width: 100%;
} .related.products {
position: relative;
width: 100%;
padding: 50px 2.5%;
}
@media only screen and (min-width: 670px) {
.related.products {
padding: 50px 5%;
}
}
.related.products > h2 {
position: relative;
text-align: center;
font-size: 2.8rem;
text-transform: uppercase;
} .summary .addtoany_header {
width: 100%;
}
@media only screen and (max-width: 670px) {
.summary .addtoany_header {
text-align: center;
}
}
@media only screen and (min-width: 670px) {
.summary .addtoany_header {
float: left;
line-height: 30px;
width: 120px;
}
}
.summary .a2a_kit {
position: relative;
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 670px) {
.summary .a2a_kit {
width: 100%;
margin-top: -10px;
padding-bottom: 30px;
justify-content: center;
}
}
@media only screen and (min-width: 670px) {
.summary .a2a_kit {
left: 10px;
}
}
.woocommerce-tabs.wc-tabs-wrapper {
padding: 0 5%;
max-width: 1400px;
margin: 50px auto;
}
.wc-tabs {
display: flex;
flex-flow: row wrap;
gap: 1rem;
width: min(100%, 80ch);
margin: 0 auto;
justify-content: center;
}
.woocommerce-Tabs-panel {
width: min(100%, 80ch);
margin: 5rem auto;
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--khoozh_woo_single_product_gallery {
width: 100%;
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--khoozh_woo_single_product_gallery .gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
gap: 10px;
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--khoozh_woo_single_product_gallery .gallery img {
object-fit: cover;
width: 100%;
aspect-ratio: 1;
}  .woocommerce-cart .woocommerce {
padding: 50px 3vw 80px;
width: 100%;
display: flex;
flex-flow: row wrap;
}
@media only screen and (min-width: 960px) {
.woocommerce-cart .woocommerce {
padding: 50px 5% 80px;
}
}
.woocommerce-cart .woocommerce-cart-form {
flex: 1 1 100%;
}
@media only screen and (min-width: 960px) {
.woocommerce-cart .woocommerce-cart-form {
margin-right: 5vw;
flex: 2 1 0;
}
}
.woocommerce-cart .cart-collaterals {
flex: 1 1 100%;
}
@media only screen and (min-width: 960px) {
.woocommerce-cart .cart-collaterals {
flex: 1 1 0;
}
} .shop_table {
background-color: #fff;
font-size: 1.4rem;
table-layout: fixed;
overflow: hidden;
}
.shop_table p {
margin: 0;
}
.shop_table thead {
color: hsl(0deg, 0%, 60%);
font-size: 1.2rem;
text-transform: uppercase;
border-bottom: 5px solid #eee;
}
.shop_table th {
padding: 8px 10px;
font-weight: 700;
border-top: 1px solid #eee;
}
.shop_table td {
padding: 15px 10px;
}
@media only screen and (min-width: 960px) {
.shop_table td {
padding: 25px 15px;
}
}
.shop_table td:before {
text-transform: uppercase;
font-size: 1.2rem;
color: #999;
}
.shop_table td.product-name {
font-weight: 700;
color: #bd5009;
font-size: 1.4rem;
width: auto;
line-height: 2.2rem;
}
.shop_table td.product-name a {
color: hsl(0deg, 0%, 30%);
font-weight: 700;
}
.shop_table td.product-name p {
color: hsl(0deg, 0%, 60%);
font-size: 1.2rem;
margin-bottom: 15px;
font-weight: 400;
}
.shop_table td.product-name p:last-child {
margin-bottom: 0;
}
.shop_table .product-quantity {
width: 100%;
}
@media only screen and (min-width: 670px) {
.shop_table .product-quantity {
width: 100px;
}
}
.shop_table .product-quantity input {
width: 50px;
text-align: center;
}
@media only screen and (min-width: 670px) {
.shop_table .product-quantity input {
width: 80%;
text-align: left;
}
}
@media only screen and (min-width: 670px) {
.shop_table .product-price {
width: 100px;
}
.shop_table .product-subtotal {
width: 100px;
}
} table.cart { }
table.cart .product-remove {
font-weight: 700;
padding: 10px;
}
@media only screen and (min-width: 670px) {
table.cart .product-remove {
width: 30px;
}
}
table.cart .product-remove a {
width: 26px;
height: 26px;
background-color: #9e1c25;
border-radius: 50%;
font-size: 0;
color: #fff;
margin: 0 0 0 auto;
font-size: 0;
}
table.cart .product-remove a:hover,
table.cart .product-remove a a:hover {
text-decoration: none;
}
@media only screen and (min-width: 960px) {
table.cart .product-remove a {
width: 20px;
height: 20px;
opacity: 0.6;
}
table.cart .product-remove a:hover {
opacity: 1;
text-decoration: none;
}
}
table.cart .product-remove a:after {
content: "\ea0a";
font-size: 14px;
font-weight: 700;
}
@media only screen and (min-width: 670px) {
table.cart .product-thumbnail {
width: 100px;
text-align: center;
}
table.cart .product-thumbnail img {
width: 80px;
height: 80px;
object-fit: contain;
padding: 5px;
}
}
table.cart .actions {
padding: 20px;
border-top: 3px solid #eee;
*zoom: 1;
}
table.cart .actions::after, table.cart .actions::before {
content: " ";
display: table;
}
table.cart .actions::after {
clear: both;
}
table.cart .actions .button {
margin: 0;
font-size: 1.3rem;
}
table.cart .actions .coupon {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
float: left;
}
table.cart .actions .coupon label[for=coupon_code] {
display: none;
}
table.cart .actions button[name=update_cart] {
float: right;
}
table.cart .actions #coupon_code {
width: 50%;
}
@media only screen and (min-width: 960px) {
table.cart .actions #coupon_code {
width: auto;
}
}
@media only screen and (max-width: 670px) {
table.cart tbody tr.cart_item {
border: 1px solid #eee;
margin-bottom: 20px;
border-radius: 10px;
}
table.cart tbody tr.cart_item td {
border-color: #f5f5f5;
}
} .variation,
.wc-item-meta {
margin: 0;
}
.variation .wc-item-meta-label,
.variation dt,
.wc-item-meta .wc-item-meta-label,
.wc-item-meta dt {
margin-top: 10px;
}
.variation dd,
.wc-item-meta dd {
margin: 0;
} .cart_totals {
background-color: #f7f7f7;
padding: 5px 20px 20px;
}
.cart_totals .shop_table {
background-color: transparent;
border-radius: 0;
box-shadow: 0 0 0 0 transparent;
margin-bottom: 10px;
}
@media only screen and (min-width: 670px) {
.cart_totals .woocommerce-shipping-totals {
width: 200%;
}
}
.cart_totals > h2 {
display: none;
}
.cart_totals tr:first-child > * {
border-top: 0;
}
.cart_totals td,
.cart_totals th {
padding: 12px 0;
}
.cart_totals th {
width: auto;
border-top: 1px solid #eee;
color: #666;
}
.cart_totals td {
text-align: right;
}
.cart_totals .woocommerce-shipping-destination {
line-height: 20px;
font-size: 1.2rem;
margin: 10px 0;
opacity: 0.8;
}
.cart_totals .woocommerce-shipping-destination strong {
display: block;
}
.cart_totals .checkout-button i {
font-size: 1.4rem;
}
#shipping_method {
font: 700 1.4rem "Lato", sans-serif;
}
#shipping_method input[type=hidden] + label, #shipping_method input[type=radio]:checked + label {
border-radius: 7px;
border: 2px solid #5c2704;
}
#shipping_method input[type=radio] {
display: none;
}
#shipping_method input[type=hidden] {
display: none;
}
#shipping_method label {
width: 100%;
text-transform: capitalize;
}
.cart-empty {
width: 100%;
text-align: center;
}
.return-to-shop {
width: 100%;
text-align: center;
}
.woocommerce-checkout:not(.woocommerce-order-received) .entry,
.woocommerce-checkout:not(.woocommerce-order-received) .entry-content {
padding: 0;
}
.woocommerce-checkout:not(.woocommerce-order-received) .entry-content {
width: min(1400px, 90%);
margin-inline: auto;
}
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce {
padding: 0 5% 50px;
max-width: none;
}
@media only screen and (min-width: 960px) {
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce {
padding: 0 5% 50px;
}
}
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .woocommerce-form-login-toggle {
flex: 1 1 100%;
}
.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce h3, .woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form.woocommerce-checkout .col-1 h4, .woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form.woocommerce-checkout .checkout_coupon h4, form.woocommerce-checkout .col-1 .woocommerce-checkout:not(.woocommerce-order-received) .woocommerce h4, form.woocommerce-checkout .checkout_coupon .woocommerce-checkout:not(.woocommerce-order-received) .woocommerce h4 {
margin-bottom: 20px;
}
.woocommerce-checkout:not(.woocommerce-order-received) #ship-to-different-address span {
font-size: 1.6rem;
font-weight: 400;
}
form.woocommerce-checkout .col2-set {
display: flex;
flex-flow: row wrap;
}
form.woocommerce-checkout .col2-set > * {
width: 100%;
margin-bottom: 30px 2;
}
@media only screen and (min-width: 670px) {
form.woocommerce-checkout .col2-set > * {
width: calc((100% - (30px 2 * (2 - 1))) / 2);
margin-right: 30px 2;
}
form.woocommerce-checkout .col2-set > *:nth-child(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 670px) {
form.woocommerce-checkout .col2-set > *:nth-child(1) {
flex: 3 1 0;
}
form.woocommerce-checkout .col2-set > *:nth-child(2) {
flex: 2 1 0;
}
}
form.woocommerce-checkout .col-1, form.woocommerce-checkout .checkout_coupon {
margin-bottom: 50px;
}
form.woocommerce-checkout .col-1 > *, form.woocommerce-checkout .checkout_coupon > * {
margin-bottom: 25px;
}
form.woocommerce-checkout .col-1 > *:last-child, form.woocommerce-checkout .checkout_coupon > *:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 670px) {
form.woocommerce-checkout .col-1, form.woocommerce-checkout .checkout_coupon {
padding: 0;
}
}
form.woocommerce-checkout .col-1 h4, form.woocommerce-checkout .checkout_coupon h4 {
border-top: 1px solid hsl(0deg, 0%, 90%);
padding-top: 50px;
margin-top: 50px;
}
form.woocommerce-checkout .col-2 {
padding: 30px 10px;
align-self: flex-start;
}
@media only screen and (min-width: 960px) {
form.woocommerce-checkout .col-2 {
padding: 0;
}
}
@media only screen and (min-width: 960px) {
#order-review-wrapper {
border-left: 1px solid hsl(0deg, 0%, 95%);
padding-left: 50px;
margin-left: 50px;
max-width: 400px;
}
} .woocommerce-form__label-for-checkbox span {
font-size: 1.6rem;
font-weight: 700;
font-family: "Lato", sans-serif;
letter-spacing: 0;
} .checkout-select-shipping-method {
border-top: 1px solid hsl(0deg, 0%, 85%);
padding-top: 60px;
margin-top: 60px;
} .woocommerce-checkout-review-order h4 {
font-weight: 700;
} .shop_table.woocommerce-checkout-review-order-table .product-total,
.shop_table.woocommerce-checkout-review-order-table tfoot td {
width: 80px;
text-align: right;
vertical-align: top;
}
.shop_table.woocommerce-checkout-review-order-table thead {
display: none;
}
.shop_table.woocommerce-checkout-review-order-table th {
padding: 8px 0;
}
.shop_table.woocommerce-checkout-review-order-table td {
font-size: 13px;
line-height: 1.3;
padding: 13px 0;
}
.shop_table.woocommerce-checkout-review-order-table .variation {
overflow: hidden;
max-height: 0;
}
.shop_table.woocommerce-checkout-review-order-table .variation p {
font-size: 12px;
}
.shop_table.woocommerce-checkout-review-order-table .variation--active {
max-height: 500px;
}
.shop_table.woocommerce-checkout-review-order-table .order-total {
border-bottom: 4px double hsl(0deg, 0%, 75%);
}
.shop_table.woocommerce-checkout-review-order-table .product-name {
cursor: pointer;
}
.shop_table.woocommerce-checkout-review-order-table .product-name:hover {
color: #743105;
} #payment { }
#payment .wc-saved-payment-methods {
margin: 15px 0;
}
#payment .wc-saved-payment-methods label {
padding: 0.5rem 1rem;
}
#payment .wc-saved-payment-methods label:hover {
background-color: #e6e6e6;
}
input[id^=payment_method] {
display: none;
}
input[id^=payment_method]:checked + label {
background-color: #bd5009;
color: #fff;
border-radius: 7px 7px 0 0;
border: 0;
}
.wc_payment_methods {
margin-bottom: 25px;
}
.wc_payment_method {
margin-bottom: 15px;
}
.wc_payment_method > label {
cursor: pointer;
width: 100%;
text-align: left;
border: 1px solid hsl(0deg, 0%, 80%);
border-radius: 7px;
text-transform: none;
font-size: 1.6rem;
}
.wc_payment_method > label:hover {
border: 1px solid hsl(0deg, 0%, 70%);
}
.wc_payment_method > label img {
float: right;
}
.payment_box {
border: 1px solid hsl(0deg, 0%, 88%);
border-top: 0;
border-radius: 0 0 7px 7px;
padding: 20px;
background-color: hsl(0deg, 0%, 98%); }
@media only screen and (min-width: 960px) {
.payment_box {
padding: 30px 30px 20px;
}
}
.payment_box .wc-payment-form {
border: 0;
padding: 0;
}
.payment_box .wc-payment-form .form-row {
margin-bottom: 10px;
}
.payment_box .woocommerce_error {
font-weight: 700;
padding: 0.5rem 1rem;
text-align: center;
} #stripe-payment-data p {
font-size: 1.3rem;
line-height: 1.5;
}
label[for=payment_method_stripe] img {
display: none;
} .place-order .woocommerce-terms-and-conditions-checkbox-text {
display: inline-flex;
}
.place-order .woocommerce-terms-and-conditions-checkbox-text a {
margin-left: 3px;
}
.place-order p {
font-size: 1.4rem;
color: #666;
}
#place_order {
width: 100%;
}  #orddd_time_slot_field .select2-selection,
#orddd_time_slot_field .select2-selection__arrow {
height: 40px;
}
#orddd_time_slot_field .select2-selection__rendered {
line-height: 38px;
}
#payment .payment_methods > li > label img {
display: none;
} .checkout_coupon {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.checkout_coupon button {
width: 100%;
}
.checkout_coupon .form-row {
margin-left: 0;
margin-right: 0;
}
#order_review_heading {
font-family: "Cormorant Garamond", serif;
font-weight: 700;
}
.woocommerce-checkout .woocommerce-form-login .form-row {
width: 100%;
} .woocommerce-order-received .entry-title {
font-size: 4rem;
}
.woocommerce-order-received .woocommerce-order {
padding: 50px 5%;
background-color: hsl(0deg, 0%, 97%);
}
.woocommerce-order-received .woocommerce-order > * {
margin-bottom: 40px;
}
.woocommerce-order-received .woocommerce-order > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 960px) {
.woocommerce-order-received .woocommerce-order {
padding: 50px 10%;
}
}
.woocommerce-order-received .woocommerce-order-details__title {
font-size: 2rem;
}
@media only screen and (max-width: 670px) {
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-order-details {
padding: 0;
}
} .woocommerce-order-overview {
display: flex;
flex-flow: row wrap;
justify-content: center;
background-color: #fff;
position: relative;
margin: 0 auto;
border-top: 3px solid #ee640b;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); }
.woocommerce-order-overview > * {
flex: 1 1 100%;
position: relative;
text-transform: uppercase;
font-weight: 700;
font-size: 1.2rem;
padding: 10px 20px;
border-right: 1px dotted #ddd;
color: #888;
}
@media only screen and (min-width: 960px) {
.woocommerce-order-overview > * {
flex: 1 1 0;
}
}
.woocommerce-order-overview > *:last-child {
border-right: 0;
}
.woocommerce-order-overview > * strong {
position: relative;
text-transform: none;
display: block;
font-weight: 700;
font-size: 1.6rem;
color: #833706;
line-height: 20px;
}
.woocommerce-order-overview .deliveryDetails {
flex: 1 1 100%;
background-color: #bd5009;
margin: 0;
color: #fff;
font-size: 1.6rem;
text-transform: capitalize;
}
@media only screen and (min-width: 960px) {
.woocommerce-order-overview .deliveryDetails {
text-align: center;
flex: 1 1 50%;
}
}
.woocommerce-order-overview .deliveryDetails > span {
color: #fff;
}
.woocommerce-thankyou-order-received {
text-align: center;
}
.woocommerce-table--order-details .product-total,
.woocommerce-table--order-details tfoot td {
width: 20%;
text-align: right;
vertical-align: top;
}
.woocommerce-order-pay .entry-content {
background-color: hsl(0deg, 0%, 97%);
}
.woocommerce-order-pay .product-quantity {
width: auto;
}  .woocommerce-MyAccount-content {
padding: 35px 17.5px;
background-color: hsl(0deg, 0%, 100%);
border-radius: 10px;
border: 1px solid #ddd;
}
@media only screen and (min-width: 670px) {
.woocommerce-MyAccount-content {
padding: 35px;
}
} .woocommerce-account { }
.woocommerce-account .entry-content {
position: relative;
background-color: hsl(0deg, 0%, 97%);
padding: 30px 5%;
}
@media only screen and (min-width: 960px) {
.woocommerce-account .entry-content {
max-width: none;
width: 100%;
padding: 30px 10%;
}
}
.woocommerce-account.logged-in .woocommerce {
align-items: flex-start;
}
@media only screen and (min-width: 670px) {
.woocommerce-account.logged-in .woocommerce > *:nth-child(1) {
flex: 1 1 0;
}
.woocommerce-account.logged-in .woocommerce > *:nth-child(2) {
flex: 3 1 0;
}
} .woocommerce-MyAccount-navigation {
background-color: #fff;
border-radius: 10px;
border: 1px solid #ddd;
padding: 15px 0;
}
.woocommerce-MyAccount-navigation-link {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation-link.is-active a {
font-weight: 700;
color: #bd5009;
}
.woocommerce-MyAccount-navigation-link a {
display: block;
padding: 0 12px;
color: #888;
font-size: 1.5rem;
font-weight: 400;
}
.woocommerce-MyAccount-navigation-link a:hover {
text-decoration: none;
padding-left: 18px;
color: #555;
} .woocommerce-MyAccount-content {
display: flex;
flex-flow: column nowrap;
margin: 0 auto;
}
.woocommerce-MyAccount-content em {
opacity: 0.8;
font-size: 1.4rem;
}
.woocommerce-MyAccount-content mark {
position: relative;
display: inline-block;
border-radius: 5px;
margin-bottom: 5px;
background-color: hsl(0deg, 0%, 95%);
font-weight: 700;
font-size: 12px;
padding: 3px 8px;
color: hsl(0deg, 0%, 20%);
}
.woocommerce-MyAccount-content mark:hover {
background-color: #d9d9d9;
}
.woocommerce-MyAccount-content fieldset {
background-color: hsl(0deg, 0%, 99%);
border: 1px solid hsl(0deg, 0%, 90%);
padding: 10px 30px;
margin: 20px 0;
}
.woocommerce-MyAccount-content fieldset legend {
font-weight: 700;
font-size: 1.6rem;
color: hsl(0deg, 0%, 40%);
padding: 0 10px;
margin: 0 -10px;
} .woocommerce-MyAccount-navigation-link--dashboard {
display: none;
} .woocommerce-password-strength {
padding: 5px 0;
}
.woocommerce-password-strength.short {
color: #9e1c25;
}
.woocommerce-password-strength.bad {
color: #ff5b36;
}
.woocommerce-password-strength.good {
color: #689447;
}
.woocommerce-password-strength.strong {
color: #689447;
} .woocommerce-orders-table__cell-order-delivery-date, .woocommerce-orders-table__header-order-delivery-date {
display: none !important;
}
@media only screen and (min-width: 960px) {
.woocommerce-orders-table__header-order-number {
width: 80px;
}
.woocommerce-orders-table__header-order-actions, .woocommerce-orders-table__header-order-status {
width: 120px;
}
}
.woocommerce-table--order-details td {
padding: 15px 10px;
line-height: 1.5;
}  #customer_login {
display: flex;
flex-flow: row wrap;
}
#customer_login > * {
width: 100%;
margin-bottom: 5vw;
}
@media only screen and (min-width: 670px) {
#customer_login > * {
width: calc((100% - (5vw * (2 - 1))) / 2);
margin-right: 5vw;
}
#customer_login > *:nth-child(2n) {
margin-right: 0;
}
}
#customer_login .woocommerce-form-login {
background-color: transparent;
padding: 0;
}
#customer_login .col-1, #customer_login .checkout_coupon {
border-bottom: 1px solid hsl(0deg, 0%, 85%);
margin-bottom: 30px;
}
@media only screen and (min-width: 960px) {
#customer_login .col-1, #customer_login .checkout_coupon {
border-bottom: 0;
margin-bottom: 0;
}
}
.woocommerce-form-login {
position: relative;
display: flex;
flex-flow: column nowrap;
background-color: #fff;
padding: 30px;
width: 100%;
}
@media only screen and (min-width: 960px) {
.woocommerce-form-login {
max-width: 50vw;
margin: 0 auto;
}
}
.woocommerce-form-login label.woocommerce-form__label {
float: right;
font-size: 1.4rem;
}
.woocommerce-privacy-policy-text p {
line-height: 1.5;
color: hsl(0deg, 0%, 60%);
} .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
zoom: 1;
}
.widget_layered_nav_filters ul li {
float: left;
padding: 0 1em 1px 1px;
list-style: none;
}
.widget_layered_nav_filters ul li a {
color: #888;
font-size: 1.3rem;
text-decoration: none;
}
.widget_layered_nav_filters ul li a::before {
display: inline-block;
font: normal normal normal 1em/1 "baseicon";
speak: none;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ea0a";
font-weight: 700;
margin-right: 8px;
width: 15px;
height: 15px;
background-color: #9e1c25;
border-radius: 50%;
font-size: 1.4rem;
color: #fff;
}
.widget_layered_nav_filters ul li a::before:hover,
.widget_layered_nav_filters ul li a::before a:hover {
text-decoration: none;
}  #cart-items {
position: absolute;
width: 20px;
height: 20px;
background-color: #ee640b;
border-radius: 50%;
font-size: 1.4rem;
font-weight: 700;
top: -5px;
right: -3px;
color: #fff;
}
#cart-items:hover,
#cart-items a:hover {
text-decoration: none;
}
#interactive-cart-activate {
position: relative;
}
.interactive-cart__bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
background-color: rgba(0, 0, 20, 0.5);
}
.interactive-cart-wrapper {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99999999;
display: none;
}
.interactive-cart {
position: relative;
background-color: hsl(0deg, 0%, 95%);
margin: 0 0 0 auto;
height: 100%;
display: flex;
flex-flow: column nowrap;
overflow: hidden;
}
@media only screen and (min-width: 960px) {
.interactive-cart {
width: 40vw;
}
} .interactive-cart-header {
position: relative;
background-color: #fff;
padding: 20px 12px;
flex: 0 1 0;
}
@media only screen and (min-width: 960px) {
.interactive-cart-header {
padding: 12px;
}
}
.interactive-cart-header > * {
margin: 0;
text-align: center;
color: #888;
}
.interactive-cart-header a:hover {
text-decoration: none;
}
.interactive-cart-header .interactive-cart-close {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
color: hsl(0deg, 0%, 50%);
height: 100%;
width: 50px;
font-size: 25px;
}
.interactive-cart-header .interactive-cart-close:hover {
left: -3px;
color: #777;
} .interactive-cart__notice {
padding: 10px 0;
}
.interactive-cart__notice > * {
margin-bottom: 5px;
}
.interactive-cart__notice > *:last-child {
margin-bottom: 0;
}
.interactive-cart__notice > * {
margin-left: 15px;
margin-right: 15px;
}
.interactive-cart__notice.cart-item-card {
flex-flow: column nowrap;
}
.interactive-cart__notice p {
font-size: 13px;
line-height: 1.5;
font-weight: 700;
}
.message--error {
color: #9e1c25;
}
.message--success {
color: #689447;
} .interactive-cart-items {
flex: 1 1 0;
padding: 20px 0;
overflow-y: scroll;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 960px) {
.interactive-cart-items {
margin-right: -17px;
padding-right: 17px; box-sizing: content-box; }
} .cart-item-card {
position: relative;
display: flex;
flex-flow: row wrap;
flex-wrap: nowrap;
width: 94%;
background-color: #fff;
border-radius: 8px;
margin-left: 3%;
margin-right: 3%;
margin-bottom: 10px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.cart-item-card > figure {
position: relative;
width: 80px;
padding-top: 80px;
}
.cart-item-card > figure > img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
.cart-item-card .caption {
flex: 1 1 0;
position: relative;
padding: 15px;
background-color: #fff;
}
@media only screen and (min-width: 960px) {
.cart-item-card {
width: 93%;
margin-left: 5%;
margin-right: auto;
}
}
.cart-item-card img {
align-self: center;
margin: 10px;
display: block;
width: 100px;
height: 100px;
object-fit: cover;
}
.cart-item-card .caption {
flex: 1 1 auto;
}
.cart-item-card .caption > * {
margin-bottom: 8px;
}
.cart-item-card .caption > *:last-child {
margin-bottom: 0;
}
.cart-item-card .caption > * {
font-size: 1.4rem;
}
.cart-item-card .product-title {
font-size: 1.4rem;
font-weight: 700;
color: #743105;
}
.cart-item-card .remove_from_cart_button {
flex: 0 0 auto;
align-self: flex-start;
width: 40px;
height: 40px;
font-size: 20px;
text-align: center;
line-height: 40px;
text-decoration: none;
font-weight: 700;
color: #9e1c25;
}
.interactive-cart-summary {
position: relative;
background-color: #fff;
flex: 0 1 0;
}
.interactive-cart-summary > div {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 5px;
margin-bottom: 5px;
position: relative;
justify-content: space-between;
padding: 8px 5%;
}
.interactive-cart-summary > div > * {
margin-bottom: 0;
}
.interactive-cart-summary > div:last-of-type {
margin-bottom: 0;
border-bottom: 0;
}
.interactive-cart-summary__buttons {
display: flex;
flex-flow: row wrap;
}
.interactive-cart-summary__buttons > * {
width: calc((100% - (0px / 2 * (2 - 1))) / 2);
margin-right: 0px;
}
@media only screen and (max-width: 670px) {
.interactive-cart-summary__buttons > * {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 670px) {
.interactive-cart-summary__buttons > *:nth-child(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 670px) {
.interactive-cart-summary__buttons > * {
width: calc((100% - (0px * (2 - 1))) / 2);
margin-right: 0px;
}
.interactive-cart-summary__buttons > *:nth-child(2n) {
margin-right: 0;
}
}
.interactive-cart-summary__buttons a {
border-radius: 0;
}
.interactive-cart-summary__buttons a:first-child {
border-right: 1px solid #a54508;
} .no-product-text {
position: relative;
display: block;
text-align: center;
padding: 0 5%;
}  header.woocommerce-Address-title {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
header.woocommerce-Address-title h2,
header.woocommerce-Address-title h3,
header.woocommerce-Address-title form.woocommerce-checkout .col-1 h4,
form.woocommerce-checkout .col-1 header.woocommerce-Address-title h4,
header.woocommerce-Address-title form.woocommerce-checkout .checkout_coupon h4,
form.woocommerce-checkout .checkout_coupon header.woocommerce-Address-title h4 {
margin-bottom: 0;
} .addresses h2,
.addresses h3,
.addresses form.woocommerce-checkout .col-1 h4,
form.woocommerce-checkout .col-1 .addresses h4,
.addresses form.woocommerce-checkout .checkout_coupon h4,
form.woocommerce-checkout .checkout_coupon .addresses h4,
.woocommerce-customer-details h2,
.woocommerce-customer-details h3,
.woocommerce-customer-details form.woocommerce-checkout .col-1 h4,
form.woocommerce-checkout .col-1 .woocommerce-customer-details h4,
.woocommerce-customer-details form.woocommerce-checkout .checkout_coupon h4,
form.woocommerce-checkout .checkout_coupon .woocommerce-customer-details h4 {
font-size: 1.8rem;
}
.addresses address,
.woocommerce-customer-details address {
padding: 15px 7.5px;
background-color: hsl(0deg, 0%, 100%);
border-radius: 5px;
border: 1px solid hsl(0deg, 0%, 90%);
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 1.5;
}
@media only screen and (min-width: 670px) {
.addresses address,
.woocommerce-customer-details address {
padding: 15px;
}
}
.addresses address:before,
.woocommerce-customer-details address:before {
content: "Address: ";
}
.addresses address p,
.woocommerce-customer-details address p {
margin-top: 15px;
margin-bottom: 0;
line-height: 1.5;
font-size: 1.4rem;
}
.addresses address p.woocommerce-customer-details--phone:before,
.woocommerce-customer-details address p.woocommerce-customer-details--phone:before {
content: "Phone: ";
}
.addresses address p.woocommerce-customer-details--email:before,
.woocommerce-customer-details address p.woocommerce-customer-details--email:before {
content: "Email address: ";
}  @media only screen and (max-width: 670px) {
.woocommerce,
.woocommerce-page {      }
.woocommerce table.shop_table_responsive thead,
.woocommerce-page table.shop_table_responsive thead {
display: none;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,
.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
border-top: 0;
}
.woocommerce table.shop_table_responsive tbody th,
.woocommerce-page table.shop_table_responsive tbody th {
display: none;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
display: block;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align: right !important;
}
.woocommerce table.shop_table_responsive tr td.order-actions,
.woocommerce-page table.shop_table_responsive tr td.order-actions {
text-align: left !important;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
font-weight: 700;
float: left;
}
.woocommerce table.shop_table_responsive tr td.actions::before, .woocommerce table.shop_table_responsive tr td.product-remove::before,
.woocommerce-page table.shop_table_responsive tr td.actions::before,
.woocommerce-page table.shop_table_responsive tr td.product-remove::before {
display: none;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: rgba(0, 0, 0, 0.025);
}
.woocommerce table.my_account_orders tr td.order-actions,
.woocommerce-page table.my_account_orders tr td.order-actions {
text-align: left;
}
.woocommerce table.my_account_orders tr td.order-actions::before,
.woocommerce-page table.my_account_orders tr td.order-actions::before {
display: none;
}
.woocommerce table.my_account_orders tr td.order-actions .button,
.woocommerce-page table.my_account_orders tr td.order-actions .button {
float: none;
margin: 0.125em 0.25em 0.125em 0;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .checkout_coupon,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .checkout_coupon,
.woocommerce-page .col2-set .col-2 {
float: none;
width: 100%;
}
.woocommerce #content div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.images,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.images,
.woocommerce-page div.product div.summary {
float: none;
width: 100%;
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
display: none;
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
text-align: left;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
float: none;
*zoom: 1;
padding-bottom: 0.5em;
}
.woocommerce #content table.cart td.actions .coupon::after, .woocommerce #content table.cart td.actions .coupon::before,
.woocommerce table.cart td.actions .coupon::after,
.woocommerce table.cart td.actions .coupon::before,
.woocommerce-page #content table.cart td.actions .coupon::after,
.woocommerce-page #content table.cart td.actions .coupon::before,
.woocommerce-page table.cart td.actions .coupon::after,
.woocommerce-page table.cart td.actions .coupon::before {
content: " ";
display: table;
}
.woocommerce #content table.cart td.actions .coupon::after,
.woocommerce table.cart td.actions .coupon::after,
.woocommerce-page #content table.cart td.actions .coupon::after,
.woocommerce-page table.cart td.actions .coupon::after {
clear: both;
}
.woocommerce #content table.cart td.actions .coupon .button,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon input,
.woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon input,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon input,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon input {
width: 48%;
box-sizing: border-box;
}
.woocommerce #content table.cart td.actions .coupon .button.alt,
.woocommerce #content table.cart td.actions .coupon .input-text + .button,
.woocommerce table.cart td.actions .coupon .button.alt,
.woocommerce table.cart td.actions .coupon .input-text + .button,
.woocommerce-page #content table.cart td.actions .coupon .button.alt,
.woocommerce-page #content table.cart td.actions .coupon .input-text + .button,
.woocommerce-page table.cart td.actions .coupon .button.alt,
.woocommerce-page table.cart td.actions .coupon .input-text + .button {
float: right;
}
.woocommerce #content table.cart td.actions .button,
.woocommerce table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button {
display: block;
width: 100%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .shipping_calculator {
width: 100%;
float: none;
text-align: left;
}
.woocommerce.woocommerce-checkout form.login .form-row,
.woocommerce-page.woocommerce-checkout form.login .form-row {
width: 100%;
float: none;
}
.woocommerce #payment .terms,
.woocommerce-page #payment .terms {
text-align: left;
padding: 0;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none;
width: 100%;
box-sizing: border-box;
margin-bottom: 1em;
}
.woocommerce .lost_reset_password .form-row-first,
.woocommerce .lost_reset_password .form-row-last,
.woocommerce-page .lost_reset_password .form-row-first,
.woocommerce-page .lost_reset_password .form-row-last {
width: 100%;
float: none;
margin-right: 0;
}
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
} .single-product .twentythirteen .panel {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
#woocommerce-product-search-field {
position: fixed;
width: 100%;
height: 70px;
border: 0;
border-radius: 0;
background-color: hsl(0deg, 0%, 95%);
text-align: center;
font-size: 2.4rem;
max-width: 0;
left: 50%;
right: 50%;
padding: 0;
}
#woocommerce-product-search-field:focus, #woocommerce-product-search-field:hover {
background-color: #ee640b;
color: #fff;
box-shadow: none;
}
#woocommerce-product-search-field:focus::placeholder, #woocommerce-product-search-field:hover::placeholder {
color: #fff;
}
.woocommerce-product-search--active #woocommerce-product-search-field {
max-width: 100%;
left: 0;
right: 0;
padding: 0 5%;
}
#woocommerce-product-search-button {
-webkit-appearance: none;
background: transparent;
padding: 0;
}
#woocommerce-product-search-button:hover {
background: transparent;
}
#woocommerce-product-search-button i {
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
} table.variations tr {
display: flex;
flex-flow: column nowrap;
}
table.variations tr td {
padding: 0;
} .wapf-pricing-hint {
float: right !important;
}
.wapf-input[type=checkbox] + .wapf-label-text {
padding-left: 0;
} .wapf-radios {
display: flex;
flex-flow: row wrap;
}
.wapf-radios > * {
margin-right: 6px;
}
.wapf-radios > *:last-child {
margin-right: 0;
}
.wapf-radios .wapf-input-label {
height: 100%;
}
.wapf-radios .wapf-checkable {
width: calc(50% - 6px);
margin-bottom: 6px;
}
.wapf-radios .wapf-checkable.wapf-checked .wapf-label-text {
border: 1px solid #8d3b06;
}
.wapf-radios .wapf-checkable input[type=radio] {
display: none;
}
.wapf-radios .wapf-label-text {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border: 1px solid hsl(0deg, 0%, 80%);
}
@media only screen and (max-width: 670px) {
.wapf-radios .wapf-label-text {
flex-direction: column;
}
} .woocommerce {
*zoom: 1;
}
.woocommerce::after, .woocommerce::before {
content: " ";
display: table;
}
.woocommerce::after {
clear: both;
} .woocommerce-column__title {
margin-bottom: 10px;
}   .checkout-button,
a.add_to_cart_button,
button.add_to_cart_button,
button[type=submit] {
margin-bottom: 0;
display: block;
}
@media only screen and (max-width: 670px) {
.wc-backward {
display: block;
}
} .woocommerce-breadcrumb {
font-size: 1.3rem;
text-transform: uppercase;  }
.woocommerce.archive .woocommerce-breadcrumb {
letter-spacing: 1px;
}
.single-product .woocommerce-breadcrumb {
border-bottom: 2px solid #f1f1f1;
padding-bottom: 20px;
margin-bottom: 20px;
width: 100%;
color: #888;
font-size: 1.4rem;
padding: 20px 0;
}
@media only screen and (min-width: 670px) {
.single-product .woocommerce-breadcrumb {
padding: 30px 0;
}
}
.single-product .woocommerce-breadcrumb a {
margin: 0;
font-weight: 700;
} .onsale {
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
}
li.product .onsale {
display: table;
margin: -26px auto 5px;
font-size: 12px;
padding: 0.05rem 0.6rem;
border-radius: 3px;
background-color: #689447;
}
.summary .onsale {
position: relative;
display: inline-block;
border-radius: 5px;
margin-bottom: 5px;
background-color: #689447;
font-weight: 700;
font-size: 12px;
padding: 3px 8px;
}
.summary .onsale:hover {
background-color: #507236;
} .woocommerce-notices-wrapper {
margin: 30px auto 0;
flex: 1 1 100%;
}
.woocommerce-account.logged-in .woocommerce-notices-wrapper {
margin-top: 0;
}
.woocommerce-cart .woocommerce-notices-wrapper {
margin-top: 0;
}
.woocommerce-NoticeGroup {
margin: 30px auto 0;
flex: 1 1 100%;
} .woocommerce-info,
.woocommerce-message {
position: relative;
border-radius: 3px;
font-size: 1.4rem;
line-height: 1.5;
font-weight: 400;
background-color: #f2f2f2;
color: #555;
list-style: none outside;
width: 100%;
margin: 0 auto 2em;
word-wrap: break-word;
text-align: center;
padding: 12px;
}
@media only screen and (min-width: 960px) {
.woocommerce-info,
.woocommerce-message {
margin-bottom: 30px;
padding: 12px 24px 12px 12px;
}
}
.woocommerce-info a,
.woocommerce-message a {
width: 100%;
height: auto;
white-space: nowrap;
border-radius: 3px;
margin: 0 0 10px;
}
@media only screen and (min-width: 960px) {
.woocommerce-info a,
.woocommerce-message a {
width: auto;
margin: 0 10px;
}
}
.woocommerce-info .restore-item,
.woocommerce-message .restore-item {
display: none;
} .woocommerce-error {
position: relative;
border-radius: 3px;
font-size: 1.4rem;
line-height: 1.5;
font-weight: 400;
list-style: none outside;
width: 100%;
word-wrap: break-word;
display: flex;
flex-flow: column nowrap;
padding: 12px;
margin-bottom: 30px;
}
.woocommerce-error li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
width: 100%;
margin-bottom: 0 !important;
}
.woocommerce-NoticeGroup-checkout .woocommerce-error li {
margin-bottom: 10px !important;
}
.woocommerce-NoticeGroup-checkout .woocommerce-error li:last-child {
margin-bottom: 0 !important;
}
.woocommerce-message {
color: #fff;
background-color: #689447;
}
.woocommerce-message a {
background: #5c833f;
}
.woocommerce-message a:hover {
background-color: #507236;
}
.woocommerce-info {
color: #fff;
background-color: #ccc;
}
.woocommerce-info a {
background: #bfbfbf;
}
.woocommerce-info a:hover {
background-color: #b3b3b3;
}
.woocommerce-error {
color: #fff;
background-color: #9e1c25;
}
.woocommerce-error a {
background: #881820;
}
.woocommerce-error a:hover {
background-color: #73141b;
} .woocommerce-pagination {
position: relative;
text-align: center;
margin: 10px 0;
grid-column: 1/-1;
}
.woocommerce-pagination .page-numbers > * {
margin-right: 5px;
}
.woocommerce-pagination .page-numbers > *:last-child {
margin-right: 0;
}
.woocommerce-pagination a,
.woocommerce-pagination span {
font-size: 1.6rem;
}
.woocommerce-pagination span {
cursor: unset;
} .woocommerce-store-notice {
position: fixed;
width: 100%;
color: #fff;
background-color: #ee640b;
text-align: center;
margin-bottom: 0;
padding: 12px 5%;
z-index: 88;
bottom: 0;
}
@media only screen and (min-width: 960px) {
.woocommerce-store-notice {
position: relative;
padding: 6px 5%;
}
}
.woocommerce-store-notice__dismiss-link {
position: absolute;
right: 5%;
color: #fff;
font-size: 18px;
}
.first-block-woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.first-block-woocommerce-checkout .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
box-shadow: inset 0 0 0 2px hsl(0deg, 0%, 85%);
background-color: #fff;
}
.first-block-woocommerce-checkout .wc-block-components-radio-control__option-layout {
padding: 0;
}
h2.wc-block-components-title.wc-block-components-title {
font-size: 2rem;
}
.wc-blocks-components-select select.wc-blocks-components-select__select,
textarea.wc-block-components-textarea {
border-color: #D1D1D1;
border-radius: 0;
} a.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
font-weight: 700;
}
input[type=checkbox].wc-block-components-checkbox__input {
display: block;
padding: 0;
}
.wc-block-components-product-metadata {
display: none;
}