/*
Theme Name: Cafe Coffee Blocks
Theme URI: https://www.wpradiant.net/products/free-coffee-wordpress-theme
Author: WP Radiant
Author URI: https://www.wpradiant.net/
Description: The Cafe Coffee Blocks WordPress Theme is a sleek, modern template specifically designed for cafes, coffee shops, and cosy coffee houses looking to create an inviting online presence. It’s ideal for showcasing cafe menus and promoting specialty coffee drinks such as cafe espresso, cafe latte, cold brew coffee, and iced coffee. Café owners can also feature their gourmet food offerings like pastries, sandwiches, and brunch items. The theme is highly customizable, allowing businesses to highlight their freshly brewed coffee, single-origin blends, and cafe coffee deals through visually appealing, engaging layouts. Designed to evoke a cosy, welcoming atmosphere, the theme includes sections dedicated to cafe seating, coffee shop decor, and overall cafe ambience. This makes it a great fit for local coffee shops aiming to draw customers with a comfortable setting and enticing visuals. Additional features support the promotion of coffee loyalty programs, online ordering options for takeout or drive-thru, and even customer-friendly services like cafe wifi for remote work or studying. With its responsive and user-friendly design, the Cafe Coffee Blocks Theme ensures an excellent browsing experience on any device, helping cafes attract new customers and boost online engagement. Café owners can effectively showcase their signature drinks, gourmet food items, and unique ambience, establishing their brand as a favourite local spot.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
WordPress Available: yes
Requires License: no
Text Domain: cafe-coffee-blocks
Tags: grid-layout, one-column, two-columns, right-sidebar, wide-blocks, block-patterns, block-styles, custom-menu, custom-background, custom-header, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, template-editing, translation-ready, rtl-language-support, style-variations, block-editor-patterns, block-editor-styles, block-themes, food-and-drink, e-commerce, blog
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

:root {
  --wp--custom--core-button--spacing--padding--left: 40px;
  --wp--custom--core-button--spacing--padding--right: 8px;
  --wp--custom--core-button--spacing--padding--top: 8px;
  --wp--custom--core-button--spacing--padding--bottom: 10px;
  --wp--custom--core-button--color: var(--wp--preset--color--white);
  --wp--custom--core-button--color--background: var(
    --wp--preset--color--primary
  );
  --wp--custom--core-button--color-hover: var(--wp--preset--color--primary);
  --wp--custom--core-button--color--background-hover: var(
    --wp--preset--color--secondary
  );
  --wp--custom--core-button--box-sizing: border-box;
  --wp--custom--core-button--word-break: border-box;
  --wp--custom--core-button--text-align: center;
  --wp--custom--core-button--border-radius--top-left: 0;
  --wp--custom--core-button--border-radius--top-right: 0;
  --wp--custom--core-button--border-radius--bottom-left: 0;
  --wp--custom--core-button--border-radius--bottom-right: 0;
  --wp--custom--core-button--typography--font-size: var(
    --wp--preset--font-size--small
  );
  --wp--custom--core-button--typography--font-weight: 500;
  --wp--custom--core-button--line-height: 1.7;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

header p a,
footer p a {
  text-decoration: none;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

body {
  font-family: "Figtree", sans-serif;
}
a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
  text-decoration-style: dashed;
}

a:active {
  text-decoration: none;
}

.editor-styles-wrapper .wp-site-blocks > * + *,
.editor-styles-wrapper .wp-site-blocks > * + * + *,
.wp-site-blocks > * + *,
.wp-site-blocks > * + * + * {
  margin: 0;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
  text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  background-color: var(--wp--preset--color--primary);
  border-radius: 0;
  border: none;
  color: var(--wp--preset--color--background);
  font-size: var(--wp--preset--font-size--medium);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
  opacity: 0.9;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
  padding-top: var(--wp--custom--spacing--outer);
  padding-bottom: var(--wp--custom--spacing--large);
  padding-right: var(--wp--custom--spacing--outer);
  padding-left: var(--wp--custom--spacing--outer);
}

/*image border style*/
.wp-block-image.is-style-cafe-coffee-blocks-border img {
  border: calc(3 * 1px) solid var(--wp--preset--color--accent);
}
.block-box {
  box-shadow: 0 0 10px #d1d0d0;
}
/*tag style*/
.taxonomy-post_tag.wp-block-post-terms a {
  padding: 5px 10px;
  margin-right: 10px;
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--secondary);
  border-radius: 4px;
  font-size: var(--wp--preset--font-size--tiny);
}

.taxonomy-post_tag.wp-block-post-terms span {
  display: none;
}

body:not(.home) .wp-site-blocks main {
  padding-bottom: var(--wp--style--block-gap);
  padding-top: var(--wp--style--block-gap);
  margin-top: 0;
}
.entry-content a {
  text-decoration: underline;
}
.wp-block-query-pagination a.wp-block-query-pagination-previous,
.wp-block-query-pagination a.wp-block-query-pagination-next {
  color: var(--wp--preset--color--secondary);
  background: var(--wp--preset--color--accent);
  padding: 0.6rem 1rem;
  margin: 0.3rem;
}
.comment-reply-title,
#comments {
  font-weight: 500;
}
/*-------------------------------------------------------- */
/* --- Block Woo-Commerce
-------------------------------------------------------- */
/* Styles for Product Listing Page */
.edit-post-visual-editor
  .editor-block-list__block
  .wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title,
.wc-block-grid__product-title {
  font-size: var(--wp--preset--font-size--extra-small);
  font-weight: 500;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.wp-block-button.wc-block-components-product-button
  .wc-block-components-product-button__button,.woocommerce a.added_to_cart {
  background: var(--wp--preset--color--secondary);
  border: 1px solid var(--wp--preset--color--accent);
  border-radius: 0;
  color: var(--wp--preset--color--accent);
  cursor: pointer;
  padding: 0.6rem 0.8rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: var(--wp--preset--font-size--tiny);
  font-weight: 500;
}

.wc-block-components-product-sale-badge,
.woocommerce span.onsale,
.wc-block-grid__product-onsale {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--secondary);
  font-size: 0.7em;
  padding: 0.3em 0.7em;
  border: 0;
  line-height: 1.5;
  text-transform: uppercase;
  min-height: auto;
  min-width: auto;
  border-radius: 0px;
  left: 14px;
  top: 14px;
  letter-spacing: 1px;
  font-weight: 300;
}

.woocommerce ul.products li.product .onsale {
  left: 14px;
  right: auto;
  top: 14px;
  margin: 0;
}

.wc-block-grid__product-onsale {
  position: absolute;
  top: 14px;
}

/*hover style*/
.wp-block-social-links.is-style-logos-only
  .wp-social-link
  .wp-block-social-link-anchor:hover,
.wc-block-mini-cart__button:hover {
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--secondary);
}
.wp-block-social-links.is-style-logos-only
  .wp-social-link
  .wp-block-social-link-anchor,
.wc-block-mini-cart__button {
  border-radius: 30px;
}

a,
.content > .video-play:hover span,
.content > .video-play svg,
a svg.icon,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-post-featured-image img,
.wp-block-fse-pro-header-search svg,
.wp-block-fse-pro-header-social svg,
.wp-block-search__button,
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close,
.wc-block-mini-cart__button {
  transition: all 0.5s ease;
}
.wp-block-fse-pro-header-social .social-controller,
.wp-block-fse-pro-header-search .search-controller,
.wp-block-social-links.is-style-logos-only
  .wp-social-link
  .wp-block-social-link-anchor {
  padding: 9px;
  width: auto;
  height: auto;
}
.wc-block-grid__product a {
  text-decoration: none;
}

.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce #review_form #respond .form-submit input:hover,
.wp-block-button .wp-block-button__link,
.woocommerce #review_form #respond .form-submit input:focus,
.wc-block-grid__product-add-to-cart.wp-block-button
  .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button
  .wp-block-button__link:focus,
.wp-block-button.wc-block-components-product-button
  .wc-block-components-product-button__button:hover,
.wp-block-button.wc-block-components-product-button
  .wc-block-components-product-button__button:focus,.woocommerce a.added_to_cart:hover {
  border-color: transparent;
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--secondary);
  opacity: 1;
}

.woocommerce a.button:hover,
.woocommerce a.button:focus,
.wc-block-grid__product-add-to-cart.wp-block-button
  .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button
  .wp-block-button__link:focus {
  color: var(--wp--preset--color--secondary);
  background: var(--wp--preset--color--accent);
  border: 1px solid var(--wp--preset--color--accent);
  letter-spacing: 1px;
}

.wp-block-button .wp-block-button__link:hover {
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--secondary);
}

.wc-block-components-product-sort-select
  .wc-block-components-sort-select__select,
.woocommerce .woocommerce-ordering select {
  background: transparent;
  cursor: pointer;
  font-size: var(--wp--preset--font-size--tiny);
  padding: 14px;
  min-width: 160px;
  border: 1px solid #ddd;
}
.wc-block-components-checkbox
  .wc-block-components-checkbox__input[type="checkbox"] {
  border: 2px solid #ddd;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--secondary);
}

.wc-block-components-pagination__page,
.wc-block-components-pagination__page:not(.toggle),
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: var(--wp--preset--color--body-text);
  line-height: 1;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0;
  min-width: 1em;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 0;
  margin: 0 3px;
}

.woocommerce #review_form #respond .form-submit input,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--secondary);
  border: 0;
  border-radius: 0px;
  cursor: pointer;
  font-size: var(--wp--preset--font-size--small);
  font-weight: normal;
  line-height: var(--wp--custom--typography--line-height--paragraph);
  padding-top: max(0.7rem, 0.75vw);
  padding-right: max(1.5rem, 1.85vw);
  padding-bottom: max(0.7rem, 0.75vw);
  padding-left: max(1.5rem, 1.85vw);
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus {
  border-color: transparent;
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--secondary);
  opacity: 0.8;
}

.woocommerce .quantity .qty {
  width: 4.5em;
  height: 51px;
}

.product_meta {
  font-size: var(--wp--preset--font-size--tiny);
}
.woocommerce div.product section.related.products,
.woocommerce div.product section.upsells.products {
  text-align: center;
  margin-top: 2rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-Tabs-panel h2,
.related.products > h2,
.up-sells.upsells.products h2 {
  font-weight: 500;
}
/*single product page*/
.woocommerce .woocommerce-breadcrumb {
  color: var(--wp--preset--color--primary);
  background: var(--wp--preset--color--secbackground);
  padding: 15px;
  font-size: 12px;
  margin: 0 0 3em;
}
/* Single Page Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  background-color: transparent;
  margin-right: 28px;
  padding: 0;
  margin-left: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-bottom: 1px solid var(--wp--preset--color--fourground);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: transparent;
  z-index: 0;
  background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin-bottom: 0;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding: 30px 0 0;
  background: transparent;
}

.woocommerce .woocommerce-breadcrumb {
  color: var(--wp--preset--color--primary);
  text-align: center;
}
.woocommerce .woocommerce-breadcrumb a {
  color: var(--wp--preset--color--accent);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  border: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
  box-shadow: none;
}

.woocommerce-Tabs-panel h2,
.related.products > h2,
.up-sells.upsells.products h2 {
  font-size: var(--wp--custom--typography--font-size--heading-five);
  margin-bottom: 28px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--wp--preset--color--primary);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--wp--preset--color--accent);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--wp--preset--color--accent);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
  left: 0;
  width: 100%;
  background: var(--wp--preset--color--accent);
}

.woocommerce-Tabs-panel p {
  margin-top: 0;
}

.woocommerce .woocommerce-product-attributes.shop_attributes {
  text-align: left;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
  padding: 10px 0;
  text-transform: capitalize;
  font-weight: 400;
}

.woocommerce table.shop_attributes th p,
.woocommerce table.shop_attributes td p {
  padding: 0;
}

.woocommerce table.shop_attributes th {
  color: var(--wp--preset--color--primary);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: var(--wp--preset--font-size--extra-small);
  font-weight: 500;
}

.woocommerce-Reviews .commentlist {
  padding-left: 0;
}

.woocommerce-Reviews .comment-respond .comment-reply-title {
  font-size: var(--wp--preset--font-size--upper-heading);
  margin-bottom: 21px;
  display: block;
}

.woocommerce-Reviews .comment-form {
  padding: 0px;
}

.woocommerce #review_form #respond textarea {
  height: auto;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  vertical-align: middle;
  text-align: left;
  position: relative;
}

table.variations {
  text-transform: capitalize;
}

.woocommerce-variation.single_variation {
  padding: 21px 0;
  margin-bottom: 42px;
}

.woocommerce button.button.alt.disabled {
  background-color: var(--wp--preset--color--text);
}

.woocommerce div.product .product_title {
  font-size: var(--wp--preset--font-size--upper-heading);
  font-weight: 600;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.wc-block-grid__product-price.price,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price {
  color: var(--wp--preset--color--accent);
  font-weight: 400;
  margin-top: 0;
}

.woocommerce ul.products li.product .price,
.wc-block-grid__product .wc-block-grid__product-price,
.woocommerce ul.products li.product .price ins {
  font-size: var(--wp--preset--font-size--extra-small);
  font-weight: 300;
}

.wc-block-grid__product .wc-block-grid__product-price del,
.woocommerce div.product div.summary del,
.woocommerce ul.products li.product .price del {
  color: #999;
  margin-right: 0.4rem;
}
.wc-block-grid__product-add-to-cart .added_to_cart.wc-forward {
  font-size: var(--wp--preset--font-size--extra-small);
  margin-left: 0.5rem;
}
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel p {
  font-size: var(--wp--preset--font-size--extra-small);
}
.woocommerce #review_form #respond .form-submit input,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  padding-left: 80px;
  padding-right: 80px;
}
.woocommerce div.product div.summary span.woocommerce-Price-amount.amount {
  font-size: var(--wp--preset--font-size--medium);
  color: var(--wp--preset--color--accent);
  font-weight: 500;
}
.wc-block-grid__product .wc-block-grid__product-price ins,
.woocommerce div.product div.summary ins {
  color: var(--wp--preset--color--accent);
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
.select2-container--default .select2-selection--single {
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #ddd;
  color: var(--wp--preset--color--background);
}

.woocommerce-page .input-text {
  padding: 0.9rem 0.4rem 0.9rem 0.9rem;
}

.woocommerce-cart .woocommerce {
  display: flow-root;
}

.woocommerce-cart-form {
  width: 65%;
  float: left;
}
.woocommerce-cart .cart-collaterals {
  width: calc(35% - 40px);
  float: right;
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
  width: 100%;
  float: left;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: right;
  width: 80%;
}

.woocommerce-checkout > .col2-set {
  float: left;
  width: 48%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  float: left;
  width: 100%;
}
.woocommerce-checkout > .col2-set > .col-2 {
  float: none;
  width: 100%;
}
.woocommerce-checkout h3#order_review_heading {
  float: right;
  width: 45%;
  margin-bottom: 30px;
}
.woocommerce-checkout #order_review {
  float: right;
  width: 45%;
  border: 1px solid #cccc;
}
.woocommerce-page .input-text,
.woocommerce-page .select2-container .select2-search__field,
.woocommerce-page .select2-container .select2-selection {
  font-size: var(--wp--preset--font-size--tiny);
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
  border: 0;
  width: 100%;
}
.woocommerce table.shop_table th {
  font-weight: 700;
  font-size: var(--wp--preset--font-size--tiny);
}
.woocommerce-cart td.product-price bdi {
  color: var(--wp--preset--color--tertiary);
  font-size: var(--wp--preset--font-size--tiny);
}
.woocommerce-cart td.product-subtotal bdi {
  font-size: var(--wp--preset--font-size--tiny);
  color: #000000;
  font-weight: 500;
}
.woocommerce-cart td.product-name {
  color: #000000;
  font-size: var(--wp--preset--font-size--tiny);
  font-weight: 600;
}
.woocommerce a.remove {
  font-size: 1.3em;
  font-weight: 300;
  color: var(--wp--preset--color--tertiary);
}
.woocommerce a.remove:hover {
  color: red !important;
  background: transparent;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}
.woocommerce table.shop_table {
  border: 0;
}
.woocommerce-cart .cart-collaterals {
  border: 2px solid #efefef;
  padding: 10px 20px 30px 20px;
}
.woocommerce-page .cart-collaterals h2 {
  font-size: var(--wp--preset--font-size--content-heading);
  font-weight: 600;
  text-transform: capitalize;
  color: var(--wp--preset--color--primary);
}
.woocommerce-page .woocommerce-cart-form #coupon_code,
.woocommerce-page .woocommerce-cart-form .actions .button {
  font-size: var(--wp--preset--font-size--tiny);
  height: 42px;
}

.woocommerce-cart .wc-proceed-to-checkout a.button {
  font-size: var(--wp--preset--font-size--tiny);
  padding: 18px 0 18px 0;
}

.cart_totals .shop_table .order-total th,
.cart_totals .shop_table .order-total td {
  font-size: var(--wp--preset--font-size--upper-heading);
  padding-top: 20px;
  font-weight: 500;
}
.cart_totals .shop_table .cart-subtotal th,
.cart_totals .shop_table .cart-subtotal td {
  padding-top: 10px;
  padding-bottom: 10px;
}
tr.cart-subtotal td,
tr.order-total td {
  text-align: right;
}
tr.cart-subtotal td span.woocommerce-Price-amount.amount {
  text-align: right;
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--extra-small);
  font-weight: 300;
}
.cart_totals .shop_table .cart-subtotal th {
  color: var(--wp--preset--color--tertiary);
  font-weight: 500;
}
.cart_totals span.woocommerce-Price-amount.amount {
  color: var(--wp--preset--color--tertiary);
  font-size: var(--wp--preset--font-size--content-heading);
  font-weight: 500;
}
.woocommerce-cart .woocommerce .quantity .qty {
  width: 4em;
  height: 45px;
}
.woocommerce form .form-row.place-order {
  margin-bottom: 0;
}
.checkout.woocommerce-checkout {
  display: inline-block;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: transparent;
}

/*checkout page*/

.woocommerce-notices-wrapper {
  display: block;
  clear: both;
}
.woocommerce-form-coupon-toggle {
  max-width: 600px;
  margin: 0 auto 15px auto;
}
.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info {
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  padding: 0;
  border: 0;
  font-size: var(--wp--preset--font-size--extra-small);
}
.woocommerce-form-coupon-toggle .woocommerce-info {
  color: inherit;
}
.woocommerce-form-coupon-toggle .showcoupon {
  font-weight: 500;
}
.woocommerce-info::before {
  display: none;
}

.woocommerce-error {
  background-color: firebrick;
  flex-direction: column;
  align-items: flex-start;
  color: var(--wp--preset--color--secondary);
}
.woocommerce-error::before {
  color: var(--wp--preset--color--secondary);
}
.checkout_coupon.woocommerce-form-coupon {
  border: 2px dashed #e8e8e8 !important;
  border-radius: 2px;
  max-width: 600px;
  margin: 0 auto 30px auto !important;
  padding: 30px;
  justify-content: center;
  align-items: center;
}
.form-row .input-text {
  width: 100%;
  height: 50px;
  padding: 0 1em;
  border-radius: 2px;
}
.checkout_coupon.woocommerce-form-coupon .form-row-first,
.checkout_coupon.woocommerce-form-coupon .form-row-last {
  width: 100%;
  text-align: center;
}
.woocommerce-page .woocommerce-form-coupon .button {
  min-height: 45px;
  font-size: var(--wp--preset--font-size--tiny);
}
form.checkout_coupon.woocommerce-form-coupon p {
  font-size: var(--wp--preset--font-size--tiny);
}
.woocommerce-checkout #order_review {
  background-color: var(--wp--preset--color--fourground);
  padding: 30px;
  border-radius: 4px;
  border: 0;
}
.woocommerce-checkout > .col2-set {
  width: 58%;
}
.woocommerce-checkout #order_review {
  width: 35%;
}
.woocommerce-checkout h3#order_review_heading {
  width: 35%;
  font-size: var(--wp--preset--font-size--upper-heading);
  font-weight: 500;
}
.woocommerce-billing-fields h3 {
  font-size: var(--wp--preset--font-size--upper-heading);
  font-weight: 500;
}
.woocommerce form .form-row label {
  font-size: var(--wp--preset--font-size--tiny);
  line-height: 28px;
  margin: 0;
}
.form-row .input-text {
  width: 100%;
  height: 50px;
  padding: 0 1em;
  border-radius: 2px;
}
.form-row-first,
.form-row-last {
  width: 48%;
}
.woocommerce form .form-row {
  margin-bottom: 0.5em;
}
select,
button,
input,
textarea,
.woocommerce-privacy-policy-text {
  font-weight: 400;
  text-transform: none;
  font-size: var(--wp--preset--font-size--tiny);
  color: var(--wp--preset--color--tertiary);
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 2rem;
}
.woocommerce-additional-fields h3 {
  font-size: var(--wp--preset--font-size--upper-heading);
  font-weight: 500;
}
.woocommerce-checkout-review-order-table tr {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  border-bottom: 1px solid #ddd;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table td,
.woocommerce .woocommerce-checkout-review-order table.shop_table tbody th,
.woocommerce .woocommerce-checkout-review-order table.shop_table tfoot td,
.woocommerce .woocommerce-checkout-review-order table.shop_table tfoot th {
  border-top: 0;
}
.woocommerce-checkout-review-order-table thead th {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-size: var(--wp--preset--font-size--tiny);
}
.woocommerce table.shop_table td {
  font-size: var(--wp--preset--font-size--tiny);
}
tr.cart-subtotal th,
tr.cart-subtotal span.woocommerce-Price-amount.amount {
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 400 !important;
}

tr.order-total,
tr.order-total span.woocommerce-Price-amount.amount {
  font-size: var(--wp--preset--font-size--small);
  font-weight: 500;
}
.woocommerce-info {
  border-top-color: #1e85be;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--secondary);
  font-size: var(--wp--preset--font-size--tiny);
  border: 0;
}
.woocommerce-page table.shop_table td,
.woocommerce-page table.shop_table th {
  padding: 0.8rem;
}
#place_order {
  text-transform: uppercase;
  width: 100%;
  min-height: 50px;
  margin-top: 30px;
}

.woocommerce table.shop_table tfoot th {
  font-weight: 600;
}

.shadow-box {
  box-shadow: 0 0 10px #d5d5d5;
  border-radius: 7px;
}
.has-no-hover-box-shadow ul {
  padding: 0px;
}
.has-no-hover-box-shadow ul li {
  list-style: none;
}
.has-no-hover-box-shadow ul li a {
  text-decoration: none;
  line-height: 32px;
}

/*  account page*/

.woocommerce-account h2 {
  font-weight: 500;
}
.woocommerce-account form .form-row label {
  margin-bottom: 10px;
}
.woocommerce-account .entry-content .woocommerce-form-login {
  width: 450px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  display: inline-block;
  margin: 15px 0;
}

.woocommerce form .form-row {
  margin-bottom: 0.5em;
  display: grid;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 30%;
  padding: 0px 20px;
  background: var(--wp--preset--color--fourground);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  list-style: none;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  padding: 0;
}

.woocommerce-MyAccount-navigation ul li a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  padding: 15px 0;
  display: block;
  text-decoration: none;
}

.woocommerce-MyAccount-navigation ul li:last-child {
  border: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 2rem;
  padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  text-decoration: none;
}

.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-1 {
  float: left;
  width: 48%;
}

.woocommerce-account .addresses .title h3 {
  float: left;
  font-weight: 500;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  top: 2.5em;
  left: 0.7em;
}

.woocommerce-order-received section.woocommerce-order-details {
  width: 48%;
  float: left;
}
.woocommerce-order-received section.woocommerce-customer-details {
  width: 48%;
  float: right;
}

.woocommerce-order-received .woocommerce-order {
  display: flow-root;
}

.woocommerce-order-received
  .woocommerce-table.woocommerce-table--order-details {
  border: 1px solid #ddd;
}

.woocommerce-page h2.woocommerce-order-details__title {
  font-size: var(--wp--preset--font-size--large);
  font-weight: 300;
}
.woocommerce-order-received ul.woocommerce-order-overview {
  display: flex;
  width: 100%;
  padding-left: 0;
  font-size: var(--wp--preset--font-size--small);
  background: #ebf3ff;
  padding: 2rem;
}

/*mini cart style*/

h2.wc-block-mini-cart__title {
  font-size: 1em;
  margin: 40px 16px 0;
  font-weight: normal;
}
.wc-block-components-product-badge {
  font-size: 0.65em;
  font-weight: 600;
  padding: 0.2rem 1em;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--secondary);
}
.is-mobile
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__quantity {
  padding-top: 7px;
  display: flex;
}
.wc-block-cart-item__remove-link {
  margin-left: 0.5rem !important;
  cursor: pointer;
}
/* single product form */
#reviews .comment-form {
  display: flex;
  flex-direction: column;
}
#reviews .comment-form-author {
  order: 1;
}
#reviews .comment-form-email {
  order: 2;
}
#reviews .comment-form-comment {
  order: 3;
}
#reviews .comment-form-cookies-consent {
  order: 4;
}
#reviews .form-submit {
  order: 5;
}
.comment-form-author input,
.comment-form-email input {
  width: 100%;
  padding: 10px;
}
/* Wishlist CSS*/
#yith-wcwl-popup-message,
.wishlist_table .product-stock-status .wishlist-in-stock {
  color: #000000 !important;
}
.wishlist_table th {
  background-color: var(--wp--preset--color--accent);
  font-size: 15px;
  color: #ffffff;
}
.wishlist_table .product-name a {
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  text-decoration: none;
}
.wishlist_table .product-price span.nobr,
.wishlist_table .product-stock-status {
  color: #ffffff !important;
}
.wishlist_table .product-price,
.wishlist_table .product-stock-status {
  color: #000000;
  font-weight: 600;
  font-size: 15px;
  text-align: left;
}
.wishlist_table .product-add-to-cart a {
  background: var(--wp--preset--color--accent);
  border: 2px solid var(--wp--preset--color--accent);
  color: #fff;
  font-weight: 600;
  padding: 10px 12px;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none;
  display: inline-block !important;
}
.yith-wcwl-share .share-button i {
  font-family: "FontAwesome";
}
.wishlist_table.mobile {
  padding-left: 0;
}
.wishlist_table.mobile table {
  width: auto;
}
.wishlist_table.mobile li {
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cart.wishlist_table .additional-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile {
  display: grid;
  grid-template-columns: 2fr 50%;
  gap: 10px;
}
.wishlist_table.images_grid li .item-details table.item-details-table td.label,
.wishlist_table.mobile li .item-details table.item-details-table td.label,
.wishlist_table.mobile li table.additional-info td.label,
.wishlist_table.modern_grid li .item-details table.item-details-table td.label {
  font-size: 16px !important;
  font-weight: 500;
}
.wishlist_table.mobile li .item-details table.item-details-table td,
.additional-info .value {
  font-size: 14px !important;
  padding: 6px !important;
  font-family: "Jost", sans-serif;
}
#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share {
  float: none !important;
}
#yith-wcwl-form .wishlist_table {
  width: 100% !important;
}
#yith-wcwl-form .wishlist_table tbody {
  border: 1px solid #80808057;
}
/*woocommerce css*/
.single-product .is-layout-constrained > .alignwide,
.woocommerce-cart .is-layout-constrained > .alignwide,
.woocommerce-checkout .is-layout-constrained > .alignwide {
  max-width: 80% !important;
}
.woocommerce-shop .is-layout-constrained > .alignwide {
  max-width: 80% !important;
}
.woocommerce-shop .wp-block-group .alignwide {
  margin: auto !important;
}
.single-product .wc-block-grid__product-price del {
  font-size: 16px;
}
.wc-block-mini-cart__drawer
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-cart-item__image
  img {
  padding-right: 15px;
}
.wc-block-mini-cart__drawer .wc-block-components-button:hover {
  background-color: var(--wp--preset--color--accent) !important;
  color: #fff !important;
}
.wp-block-woocommerce-related-products .yith-wcwl-add-button,
.wp-block-woocommerce-product-collection .yith-wcwl-add-button,
.wp-block-woocommerce-related-products .yith-wcwl-wishlistexistsbrowse,
.wp-block-woocommerce-product-collection .yith-wcwl-wishlistexistsbrowse {
  text-align: center;
}
.wp-block-button.wc-block-components-product-button {
  gap: 0;
}
.woocommerce a.added_to_cart {
  margin-top: 0;
}
li.wc-block-product,
li.wc-block-grid__product {
  border: 1px solid #dcdcdc;
  padding: 10px;
}
.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale {
  background: var(--wp--preset--color--accent);
  color: #fff;
  border-color: var(--wp--preset--color--accent);
}
.woocommerce .price ins,
.woocommerce bdi {
  font-size: 16px;
}
.woocommerce-Tabs-panel h2,
.woocommerce h2.wp-block-heading {
  font-size: 30px;
}
.wp-block-woocommerce-related-products .wp-block-post {
  width: calc(33% - 1em) !important;
}
.tax-product_cat .is-layout-constrained > .alignwide{
  max-width: 80% !important;
}
.woocommerce-shop .woocommerce.wc-block-catalog-sorting{
  margin-bottom: 10px ;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.single-product .wc-block-store-notices ~ .wp-block-columns .wp-block-column{
  flex-basis: 50% !important;
}
.single-product .wc-block-store-notices ~ .wp-block-columns{
  flex-wrap: nowrap !important;
}
.single-product .wc-block-store-notices ~ .wp-block-columns button.button.alt
, .single-product .wc-block-store-notices ~ .wp-block-columns input.button.alt {
  padding-left: 50px;
  padding-right: 50px;
}
}
@media screen and (min-width: 721px) and (max-width: 768px) {
  .wc-block-product-template.wc-block-product-template,
  ul.wc-block-grid__products {
    grid-template-columns: repeat(
      2,
      minmax(max(150px, calc(50% - 0.83333em)), 1fr)
    );
    gap: 0.83333em;
  }
  .wp-block-woocommerce-related-products .wp-block-post {
    width: calc(50% - 1em) !important;
  }
}
@media screen and (max-width: 720px) {
  .wc-block-product-template__responsive,
  ul.wc-block-grid__products {
    display: block;
    grid-template-columns: auto !important;
  }
  li.wc-block-product,
  li.wc-block-grid__product {
    margin-bottom: 10px;
  }
  .wp-block-woocommerce-related-products .wp-block-post {
    width: calc(100% - 1em) !important;
  }
  .not-found-heading {
    font-size: 50px !important;
  }
}
@media screen and (max-width: 425px) {
  .woocommerce .wp-block-group .alignwide {
    display: block;
    text-align: center;
  }
}

/*blog post css*/
.wp-block-query-pagination {
  gap: 0 !important;
}
.wp-block-post-excerpt__more-link,
.post-content .wp-block-post-title a,
a.page-numbers,
a.wp-block-query-pagination-previous,
a.wp-block-query-pagination-next,
.wp-block-post-template h2 a {
  text-decoration: none;
}
.wp-block-post {
  border: 1px solid #e1e1e1;
}
.wp-block-post-excerpt__more-link,
a.wp-block-read-more.has-upper-heading-font-size {
  background: var(--wp--preset--color--accent);
  border-radius: 6px;
  padding: 7px 10px;
  color: #fff;
  text-decoration: none !important;
}
.wp-block-post-excerpt__more-link:hover,
a.wp-block-read-more.has-upper-heading-font-size:hover {
  background: #000;
  color: #fff;
}
span.page-numbers.current {
  background: var(--wp--preset--color--accent);
  color: #fff;
  padding: 8px 10px;
}
a.page-numbers {
  background: transparent;
  color: var(--wp--preset--color--accent);
  border: 1px solid var(--wp--preset--color--accent);
  padding: 8px 10px;
}
a.page-numbers:hover {
  background: var(--wp--preset--color--accent);
  color: #fff;
}
.wp-block-query-pagination a.wp-block-query-pagination-next {
  margin: 0 !important;
}
.wp-block-query-pagination > .wp-block-query-pagination-numbers {
  margin-bottom: 0 !important;
}
/*cart css*/

ul.wc-block-grid__products {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 1em;
}
li.wc-block-grid__product {
  max-width: 100% !important;
}
.wc-block-grid__product-onsale {
  padding: 5px 12px !important;
  font-size: 10px !important;
}

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,
.wp-block-woocommerce-cart-order-summary-block {
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
td.wc-block-cart-item__image {
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,
.wc-block-components-totals-item,
.wc-block-components-totals-coupon {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
tr.wc-block-cart-items__header th {
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
a.wc-block-components-product-name,
button.wc-block-cart-item__remove-link,
a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button {
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link {
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-totals-coupon__button.contained,
button.wc-block-components-checkout-place-order-button {
  background: var(--wp--preset--color--accent);
  border-radius: 0;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
  border-radius: 6px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover {
  background-color: #000;
}
.wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
  padding: 10px;
}
.wc-block-components-button {
  background-color: var(--wp--preset--color--accent);
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
}
.wc-block-components-button:hover {
  background-color: #000 !important;
}
.wc-block-components-product-metadata
  .wc-block-components-product-metadata__description
  p {
  font-size: 14px;
}
.wp-block-woocommerce-cart.alignwide {
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
  padding-right: 0%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background-color: transparent !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li,.woocommerce-account .addresses .title .edit {
  background: var(--wp--preset--color--accent);
  margin-bottom: 10px;
}
.woocommerce-account .addresses .title .edit{
  float: left !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit {
  padding: 10px 12px !important;
  font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0 !important;
}
.woocommerce-account .addresses .title .edit{
  color: #fff !important;
  text-decoration: none;
}
.woocommerce {
  margin: 0 auto;
  max-width: 100% !important;
}
.wp-block-woocommerce-customer-account {
  display: inline-block;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button {
  background-color: var(--wp--preset--color--accent) !important;
  color: #fff !important;
}

@media screen and (max-width: 991px) {
  .wc-block-components-sidebar-layout {
    display: block;
  }
  .wc-block-components-sidebar-layout .wc-block-components-main,
  .wc-block-components-sidebar,
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
  }
  .woocommerce-cart .wc-block-cart-item__image img{
    padding-right: 10px !important;
  }
}
@media screen and (max-width: 425px) {
  td.wc-block-cart-item__total {
    padding: 0 !important;
  }
  tr.wc-block-cart-items__row {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  .is-mobile
    table.wc-block-cart-items
    .wc-block-cart-items__row
    .wc-block-cart-item__quantity {
    display: block;
  }
}
/*header css*/

.header-box-upper
  .wp-block-buttons
  > .wp-block-button.has-custom-font-size
  .wp-block-button__link {
  margin-top: 0px;
}
.header-box-upper .wp-block-navigation ul li {
  padding: 5px;
}
.header-product-search button{
  background: transparent !important;
  padding: 0px !important;
}
.header-product-search button svg{
  min-height: 30px!important;
  min-width: 30px!important;
  transform: rotate(270deg);
}
.header-product-search .wp-block-search__input{
  border: none;
}
.header-product-search .wp-block-search__input::placeholder{
  color: #fff;
  font-weight: 600;
}
.header-box-upper .wp-block-navigation-item__content:hover,
.header-box-upper .current-menu-item a.wp-block-navigation-item__content,
.header-box-upper .current-menu-item a.wp-block-navigation-item__content span{
  color: var(--wp--preset--color--accent) !important;
}
.header-box-upper .wp-block-navigation__submenu-container li{
  background-color: var(--wp--preset--color--thirdaccent) !important;
}
/* Banner Section */
.banner-column-section01,.banner-column-section02{
  justify-content: center;
}
.banner-column-section02{
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* form-section */

.inquiry-form-row {
  display: flex;
  flex-direction: column;
}
.wpcf7 select,
.wpcf7 input[type="email"],
.wpcf7 input[type="text"],
.wpcf7 input[type="date"],
.wpcf7 input[type="time"],
.wpcf7 textarea{
  width: 100%;
  padding: 12px;
  font-size: 16px;
  background: #F2F2F2;
  color: #000;
  margin-top: 7px;
  border: none;
}
.wpcf7 textarea{
  height: 45px;
}
/* Button styles */
.wpcf7 input[type="submit"] {
  background-color: var(--wp--preset--color--accent);
  font-weight: 600;
  color: white;
  border: none;
  padding: 12px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
  margin-top: 15px;
}
.wpcf7 input[type="submit"]:hover {
  background-color: var(--wp--preset--color--secaccent);
}
.wpcf7 form.wpcf7-form{
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 0px 15px;
  align-items: center;
  box-shadow: 0px 10px 18px #00000029;
  background: #FFFFFF;
  padding: 20px;
  position: absolute;
  top: -100px;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
  width: 75%;
}
.wpcf7-spinner{
  display: none !important;
}
.form-section{
  margin-bottom: 100px;
}
input.inquiry-form-button[type="submit"]{
  margin-top: 10px;
}
.wpcf7-form input::placeholder{
  color: #000;
}

/* Map section*/
.service-group {
  text-align: center;
}
.post-main{
  border: 1px solid #DBDBDB;
}
.load-more-button ,.load-more-button a ,.load-more-button.wp-block-buttons>.wp-block-button {
  display: block !important;
}
.map-column .wp-block-gmap-gmap-block iframe,.map-column .wp-block-gmap-gmap-block{
  height: 100% !important;
}
.post-image img{
  object-fit: cover;
  height: 145px !important;
}
.post-button a:hover {
  background: var(--wp--preset--color--secaccent) !important;
}
.load-more-button a:hover {
  background: var(--wp--preset--color--accent) !important;
}
.map-image-column figure{
  height: 100%;
}
.map-image-column img{
  min-height: 100%;
  object-fit: cover;
}
/*footer css*/
.footer-box a,
.copyright-text a {
  color: #fff;
}
.copyright-text a:hover {
  color: var(--wp--preset--color--secaccent);
}
.footer-box ul {
  display: block;
}
.footer-box ul li {
  padding: 6px 0;
}
.footer-box .wp-block-social-links li:hover {
  background: var(--wp--preset--color--accent) !important;
}

footer .wp-block-search__button {
  background: #fff !important;
  color: var(--wp--preset--color--accent);
}
.footer-box p {
  word-break: break-all;
}
.footer-box .dashicons {
  margin-right: 5px;
}
@media (max-width: 900px) {
  .header-logo h1,
  .copyright-text p,
  .block-wrap-inner .wp-block-heading {
    text-align: center;
  }
  .footer-box nav {
    align-content: center;
  }
  .header-box-middle
    .wp-container-core-navigation-is-layout-1.wp-container-core-navigation-is-layout-1 {
    justify-content: center;
  }
  .header-box-middle .items-justified-right {
    justify-content: center !important;
  }
  .woocommerce-cart-form,
  .woocommerce-checkout > .col2-set,
  .woocommerce-checkout > .col2-set > .col-2,
  .woocommerce-checkout #order_review,
  .woocommerce-checkout h3#order_review_heading {
    width: 100%;
    float: left;
  }
  .woocommerce-cart .cart-collaterals {
    width: 100%;
    float: left;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 65%;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 0px 10px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 1rem;
    padding: 0;
  }
  .banner-heading {
    font-size: 40px !important;
  }
  .header-box-upper .wp-block-social-links {
    justify-content: start !important;
  }
  .header-button a {
    padding-right: var(--wp--preset--spacing--30) !important;
    padding-left: var(--wp--preset--spacing--30) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .header-inner-menu
    ul.wp-block-navigation__container.items-justified-center.is-head-menu.wp-block-navigation {
    gap: 8px !important;
  }
  .header-box-upper .wp-block-navigation ul li a {
    padding: 5px 7px;
  }

}
@media (min-width: 782px) and (max-width: 1250px) {
  .footer-box p a{
    font-size: 14px !important;
  }
}

@media (min-width: 600px) and (max-width: 900px) {
  .wp-block-columns.header-box-lower.wp-block-columns-is-layout-flex
    .wp-block-column {
    display: flex !important;
    justify-content: flex-start !important;
  }
}
@media (min-width: 767px) and (max-width: 900px) {
  .wp-block-columns.menu-group.has-background-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
    display: grid;
    grid-template-columns: 80% 20%;
    grid-template-rows: auto auto;
  }
  .header-logo {
    grid-column: 1 / span 2;
  }
  .header-inner-menu {
    grid-column: 1;
  }
  .header-inner-menu ul {
    gap: 10px !important;
  }
  .search-column {
    grid-column: 2;
  }
  .footer-content {
    display: grid !important;
    grid-template-columns: auto auto;
  }
  .footer-box nav {
    align-items: start !important;
    align-content: start;
  }
  .footer-box{
    padding: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .banner-heading {
    font-size: 30px !important;
    line-height: 33px;
  }
  .wp-block-columns.header-box-lower.wp-block-columns-is-layout-flex
    .wp-block-column {
    flex-direction: column;
  }
  .column-section01 {
    flex-basis: 80% !important;
  }
  .banner-column-section02 h2{
    line-height: 1.4 !important;
  }
  .header-inner-menu nav ul, .header-right-menu nav ul{
    gap: 8px;
  }
  .menu-group{
    max-width: 85% !important;
  }
}
@media screen and (max-width: 781px) {
  .cafe-coffee-blocks-theme-col.wp-block-columns:not(.is-not-stacked-on-mobile)
    > .wp-block-column {
    flex-basis: min-content !important;
  }
  .header-logo .wp-block-site-logo {
    float: none !important;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .banner-section .main-column {
    text-align: center;
  }
  .slider-main-box .wp-block-buttons {
    justify-content: center;
  }
  .banner-heading {
    font-size: 28px !important;
    line-height: 33px;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-inner-menu,.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-right-menu {
    flex-basis: 40% !important;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-logo {
    flex-basis: 17% !important;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-product-search{
    flex-basis: 75% !important;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-account{
    flex-basis: 20% !important;
  }
}

@media (max-width: 768px) {
  .cafe-coffee-blocks-theme-col.wp-block-columns:not(.is-not-stacked-on-mobile)
    > .wp-block-column {
    flex-basis: 100% !important;
  }
  .banner-section {
    min-height: 450px !important;
  }
  .slider-main-box,
  .slider-main-box .wp-block-buttons {
    text-align: center;
  }
  .slider-main-box .wp-block-buttons {
    justify-content: center;
  }
  .header-box-upper nav ul,
  .header-box-upper nav {
    justify-content: center !important;
  }
  footer .social-box {
    justify-content: center !important;
  }
  footer .wp-block-search__button {
    padding: 8px;
  }
  footer .wp-block-search {
    margin-bottom: 10px !important;
  }
  .header-box-upper .wp-block-social-links {
    justify-content: center;
  }
  .wp-block-columns.header-box-lower.wp-block-columns-is-layout-flex {
    flex-direction: column;
  }
  .wpcf7 form.wpcf7-form{
    position: static;
    width: 100%;
    transform:none;
  }
  .form-section{
    margin-bottom: 0px;
    margin-top: 30px;
  }
  .map-image-column{
    margin-bottom: 10px !important;
  }
  .single-product  ul.tabs.wc-tabs{
    display: flex !important;
  }
}

@media screen and (max-width: 600px) {
  .header-inner-menu .wp-block-navigation,.header-right-menu .wp-block-navigation  {
    --navigation-layout-justification-setting: center;
    --navigation-layout-justify: center;
  }
  .wp-block-navigation__submenu-container {
    padding-top: 0.7rem !important;
    padding-bottom: 0.5rem !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content
    .wp-block-navigation__container {
    gap: 18px !important;
    
  }
  .wp-block-navigation__responsive-container{
    background-color: var(--wp--preset--color--thirdaccent) !important;
  }
  .footer-box {
    padding: 0 !important;
    padding-bottom: 25px !important;
  }
  .text-box-about,
  .footer-box,
  .subscribe-box,
  .copyright-text p {
    text-align: center;
  }
  .footer-box .has-modal-open svg {
    fill: #000 !important;
  }
  .footer-box .has-modal-open span.wp-block-navigation-item__label {
    color: #000 !important;
  }
  .banner-heading {
    font-size: 30px !important;
    line-height: 33px;
  }
  .wpcf7 form.wpcf7-form{
    display: grid;
    grid-template-columns: auto;
  }
  .wpcf7-form input::placeholder{
    color: #000;
    text-align: center;
  }
  .wpcf7 select, .wpcf7 input[type="email"], .wpcf7 input[type="text"], .wpcf7 input[type="date"], .wpcf7 input[type="time"], .wpcf7 textarea {
    text-align: center;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-inner-menu,.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-right-menu {
    flex-basis: 20% !important;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.header-logo {
    flex-basis: 50% !important;
  }
}
@media screen and (max-width: 767px) {
  .footer-box ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer-box .wp-block-navigation .wp-block-navigation-item {
    justify-content: space-around;
  }
  .footer-box h2,
  .footer-box p {
    text-align: center;
  }
  .banner-column-section02 h2 {
    line-height: 1.4 !important;
    font-size: 23px !important;
  }
  .column-section01 {
    flex-basis: 80% !important;
  }
  .banner-column-section02{
    width: 100%;
  }
}
@media (min-width: 426px) and (max-width: 992px) {
  .wp-block-columns.places-column{
    flex-direction: column !important;
  }
  .wp-block-columns.post-main {
    flex-direction: row;
    flex-wrap: nowrap !important;
  }
  .wp-block-column.post-image{
    flex-basis: 30% !important;
  }
  .wp-block-column.post-content{
    flex-basis: 70% !important;
  }
  .map-column .wp-block-gmap-gmap-block iframe, .map-column .wp-block-gmap-gmap-block{
    height: 310px !important;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px){
  .wc-block-components-sidebar-layout{
    display: block;
  }
  .wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
    width: 100% !important;
  }
  .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2{
      float: none;
      width: 100%;
    }
}
@media screen and (max-width: 425px) {
  .post-content h2 ,.post-content p{
    text-align: center;
  }
  .post-button{
    justify-content: center;
  }
  .map-column .wp-block-gmap-gmap-block iframe, .map-column .wp-block-gmap-gmap-block{
    height: 310px !important;
    margin-bottom: 20px;
  }
}
/*sidebar*/
.has-shadow-dark:hover {
  box-shadow: 1px 4px 20px -2px #0003;
  transform: translateY(-10px);
}
.has-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
}
.banner-meta .taxonomy-category a {
  text-decoration: none;
}
.post-navigation-link-previous a,
.post-navigation-link-next a {
  text-decoration: none;
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--secondary);
  padding: 10px 24px;
  border-radius: 0px;
}
.single-post main main .wp-block-post-featured-image .wp-post-image{
  width: fit-content;
}
.single-post .sidebar-box .wp-block-post-title a,.single-post .sidebar-box .wp-block-post-title,.archive .sidebar-box .wp-block-post-title a,.archive .sidebar-box .wp-block-post-title{
  line-height: 1.2 !important;
}
.single-post .sidebar-box .wp-block-post-template .wp-block-columns,.archive .sidebar-box .wp-block-post-template .wp-block-columns{
  padding: 10px !important;
  margin-bottom: 0 !important;
}
/*.scroll-top-button css*/
.scroll-top-button {
    display: none; /* Initially hidden */
    position: fixed;
    bottom: 20px; 
    right: 20px; 
    background-color: var(--wp--preset--color--accent) !important; 
    color: white; 
    border: none;
    border-radius: 50% !important;
    padding: 10px; 
    cursor: pointer;
    z-index: 1000; 
    transition: opacity 0.3s;
}
.scroll-top-button .wp-block-button__link.wp-element-button{
  border-radius: 50% !important;
  padding: 0!important;
  margin: 0 !important;
}
@media screen and (min-width: 1024px) {
  .woocommerce-shop .wc-block-product-template__responsive.columns-3, .woocommerce-page .wc-block-product-template__responsive.columns-3,
  .single-product .wp-block-woocommerce-related-products .products-block-post-template{
    grid-template-columns: repeat(auto-fill, minmax(max(150px, calc(25% - .9375em)), 1fr)) !important;
    display: grid !important;
  }
  .single-product .wp-block-woocommerce-related-products .wp-block-post{
    width: 100% !important;
  }
  #reviews .comment-form{
    width: 70%;
  }
}


@media screen and (max-width: 599px){
  header .wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{
    padding: 10px;
    color: var(--wp--preset--color--background) !important;
    background-color: var(--wp--preset--color--accent);
  }
  header .wp-block-navigation .wp-block-navigation-item a{
    text-align: left;
  }
  header ul.wp-block-navigation__container.is-responsive.items-justified-right.is-head-menu.wp-block-navigation, header .wp-block-navigation__container{
    width: 100% !important;
  }
  header li.wp-block-navigation-item{
    padding: 5px !important;
    width: 100%;
    align-items: flex-start !important;
  }
  header li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu{
    border: 0 !important;
  }   
  header .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container li{
    border: 0 !important;
  }
  footer h2,footer h1,footer p{
    text-align: left;
  }
  header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content{
    width: 100%;
    padding: 10px !important;
    border-bottom: 2px solid #eee;
  }
  header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu a.wp-block-navigation-item__content:hover{
    color: #fff !important;
  }
  header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu{
    width: 100% !important;
    padding-right: 0 !important;
  }
}