/*
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 Theme is a sleek, modern, and feature-rich template specifically designed for cafes, coffee shops, coffee houses, bistros, local cafes, and specialty coffee businesses looking to create a cozy and inviting online presence. Perfect for showcasing cafe menus, gourmet coffee drinks like espresso, cappuccino, latte, cold brew, and iced coffee, as well as pastries, sandwiches, brunch items, and desserts, this theme provides visually appealing layouts to highlight freshly brewed coffee, single-origin blends, coffee deals, and daily specials. It includes dedicated sections for barista highlights, cafe seating, coffee shop decor, and ambience, making it ideal for local coffee spots aiming to attract customers online. Built with a versatile Gutenberg blocks plugin, it allows easy customization, while supporting features like coffee loyalty programs, online ordering, takeout and delivery services, event promotion, and customer-friendly services such as cafe wifi and study-friendly spaces. Fully responsive, mobile-friendly, and SEO-optimized, the Cafe Coffee Blocks Theme ensures smooth browsing across all devices, helping cafes boost online engagement, attract new visitors, and establish their brand as a favourite local destination.
Version: 1.1.7
Requires at least: 6.0
Tested up to: 6.8
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, left-sidebar, custom-colors, sticky-post, threaded-comments, 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, 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;
color: #000;
}
.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 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);
}
.search .wp-block-search__input {
color: white;
font-size: 15px !important
}
.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;
}
.woocommerce-checkout .wp-block-post-title{
max-width: 100%;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: transparent;
}
/*checkout page*/
.woocommerce-checkout .wp-block-post-title{
max-width: 100%;
}
.woocommerce .wp-block-woocommerce-product-collection,.woocommerce-cart .wp-block-post-content,
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout,.woocommerce-account .wp-block-post-content{
max-width: 80% !important;
}
.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;
text-align: center;
}
.woocommerce-account form .form-row label {
margin-bottom: 10px;
}
.woocommerce-account .entry-content .woocommerce-form-login {
width: 450px;
margin: 0 auto;
}
.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: 10px;
}
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;
}
}
.wc-block-components-checkout-return-to-cart-button svg{
left: 3% !important;
}
.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button{
padding: 10px 12px 10px 30px !important;
}
@media screen and (min-width: 721px) and (max-width: 991px) {
.wc-block-product-template.wc-block-product-template,
ul.wc-block-grid__products,.blog .post-grid-layout {
grid-template-columns: repeat(2,minmax(max(150px, calc(50% - 0.83333em)), 1fr))!important;
gap: 0.83333em;
}
.wp-block-woocommerce-related-products .wp-block-post {
width: calc(50% - 1em) !important;
}
}
@media screen and (min-width: 721px) and (max-width: 1299px){
.archive .style-post-box,.related-post .wp-block-post-template{
grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr));
gap: 0.83333em;
}
}
@media screen and (max-width: 720px) {
.wc-block-product-template__responsive,ul.wc-block-grid__products,.blog .post-grid-layout,.archive .style-post-box,.related-post .wp-block-post-template {
display: block;
grid-template-columns: auto !important;
}
li.wc-block-product,li.wc-block-grid__product,.blog .post-grid-layout li,.archive .style-post-box li ,.related-post .wp-block-post-template li{
margin-bottom:20px;
}
.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;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
flex-direction: column;
gap: 1em;
}
.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;
}
}
/*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: repeat(auto-fill, minmax(max(150px, calc(25% - .9375em)), 1fr));
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: 1440px)and (min-width: 1100px){
.header-logo .wp-block-site-title,.header-logo .wp-block-site-title a{
font-size: 16px !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;
}
/* About Us Section */
.about-us-col01 img{
width: 100%;
}
.about-img01 img{
aspect-ratio: 367 / 270;
object-fit: cover;
}
.about-img02 img{
aspect-ratio: 323 / 251;
object-fit: cover;
}
.about-img03 img{
aspect-ratio: 339 / 374;
object-fit: cover;
}
.about-us-section,.faq-section{
padding: 40px 0 !important;
}
/* Testimonial Section */
.testimonial-swiper-button-prev a,.testimonial-swiper-button-next a{
padding-top: 10px !important;
padding-bottom: 10px !important;
line-height: 1.6 !important;
}
.testimonial-swiper-button-next img{
width: 15px !important;
}
.testimonials-slider-block{
box-shadow: 0px 0px 3px 3px #00000026;
border-radius: 6px;
}
.wp-block-group.testimonial-swiper-slider {
overflow: hidden;
position: relative;
}
.testimonials-slider{
gap: 15px;
}
.testimonials-slider .swiper-slide{
margin-top: 0px;
}
.testimonial-swiper-slider.mySwiper{
position: relative;
}
.test-prev-next{
position: absolute !important;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
width: calc(100% + 200px);
}
.testimonial-swiper-button-prev{
margin-left: -5% !important;
}
.testimonial-swiper-button-next{
margin-right: -5%!important;
}
.testimonial-swiper-button-prev:hover a,
.testimonial-swiper-button-next:hover a{
background: var(--wp--preset--color--accent) !important;
}
.testimonials-slider-block:hover .testimonial-author-name{
color: var(--wp--preset--color--accent) !important;
}
.block-editor-block-list__block.testimonials-slider.swiper-wrapper{
display: grid;
grid-template-columns: auto auto auto;
}
.testimonial-swiper-slider{
padding: 0 10px;
}
/* FAQ Section */
.faq-list summary{
position: relative;
z-index: 1;
border: 1px solid #191919;
border-radius: 6px;
padding: 10px;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
background: var(--wp--preset--color--background) ;
color: var(--wp--preset--color--primary);
}
.faq-list summary::before{
position: absolute;
background:var(--wp--preset--color--background);
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0.3;
content: "";
z-index: -1;
border-radius: 6px;
}
.faq-section details[open] summary::before {
background:var(--wp--preset--color--accent);
color:var(--wp--preset--color--background)!important ;
}
.faq-right .faq-list p{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 22px;
letter-spacing: 0%;
text-transform: capitalize;
color:var(--wp--preset--color--background) ;
}
.faq-left img{
width: 100%;
object-fit: cover;
border-radius: 8px;
height: 350px;
}
/* News Section */
.news-post-template{
display: grid;
}
.news-post-template .wp-block-post {
position: relative;
border: 0px;
border-radius: 6px !important;
}
.news-post-template .wp-block-post::after {
position: absolute;
background: var(--wp--preset--color--accent);
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0.1;
content: "";
z-index: -1;
border-radius: 6px !important;
}
.news-post-template .wp-block-post:hover::after{
background: var(--wp--preset--color--secaccent);
}
.news-post-template .wp-block-post:hover .wp-block-post-title a{
color: var(--wp--preset--color--secaccent);
}
.news-image img{
border-radius: 6px 6px 0px 0px;
height: 300px !important;
}
.news-image {
border-radius: 6px 6px 0px 0px;
background-color: #f2f2f2;
height: 300px !important;
}
.news-info .wp-block-group{
display: flex !important;
justify-content: space-between;
flex-wrap: wrap;
}
.news-info .wp-block-post-title a{
font-weight: 700;
font-size: 17px;
line-height: 20px;
letter-spacing: 0%;
text-transform: capitalize;
}
.news-info .wp-block-comments-title{
margin: 0px !important;
}
.news-info .wp-block-post-author-name,
.news-info .wp-block-comments-title,
.news-info .wp-block-post-date{
position: relative;
padding-left: 20px;
font-weight: 500 !important;
font-size: 14px;
line-height: 12px;
letter-spacing: 0%;
text-transform: capitalize;
}
.news-info .wp-block-post-date a,
.news-info .wp-block-post-author-name a{
text-decoration: none !important;
}
.news-info .wp-block-post-author-name::before{
position: absolute;
content: '';
width: 16px;
height: 16px;
top: 50%;
left: 0;
transform: translateY(-50%);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.news-info .wp-block-comments-title::before{
position: absolute;
content: '';
width: 15px;
height: 15px;
top: 50%;
left: 0;
transform: translateY(-50%);
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.news-info .wp-block-post-date::before{
position: absolute;
content: '';
width: 15px;
height: 15px;
top: 50%;
left: 0;
transform: translateY(-50%);
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
}
@media (min-width:300px) and (max-width: 600px){
.news-post-template {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.test-prev-next {
position: static !important;
transform: translate(0);
}
.swiper-test-button{
justify-content: center !important;
}
.about-col02-list{
flex-wrap: wrap !important;
}
}
@media (min-width: 601px) and (max-width:1023px){
.news-post-template {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (min-width:601px) and (max-width: 781px){
.about-col02-list{
flex-wrap: nowrap !important;
}
}
@media (min-width:300px) and (max-width: 781px){
.about-us-col01 > .wp-block-columns{
flex-wrap: nowrap !important;
gap: 11px;
}
.about-img02{
margin-top: 12px;
}
.about-us-section > .wp-block-columns{
flex-direction: column-reverse;
}
.about-us-col02 , .faq-left{
text-align: center;
}
}
@media screen and (max-width: 1024px) {
.swiper-slide img{
height: 270px !important;
}
.news-image img{
height: 240px !important;
}
.news-image {
height: 240px !important;
}
}
/*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: 3px !important;
}
.header-box-upper .wp-block-navigation ul li a {
padding: 3px 5px;
}
}
@media (min-width: 782px) and (max-width: 1250px) {
.footer-box p a{
font-size: 14px !important;
}
}
@media screen and (min-width: 782px) and (max-width: 1100px){
.single-product .woocommerce-product-gallery img{
width: 400px !important;
height: 400px !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 (max-width: 768px) {
.search .wp-block-search__inside-wrapper {
display: flex;
flex-direction: column;
}
.search .wp-block-search__button{
margin: 0 !important;
}
.search .wp-block-search__input {
color: white;
font-size: 15px !important;
padding: 10px;
text-align: center;
}
}
/*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 (min-width: 782px) and (max-width: 1224px){
.sidebar-box .type-post .wp-block-columns{
flex-wrap: wrap !important;
}
.sidebar-box .type-post .wp-block-columns .wp-block-column{
flex-basis: 100% !important;
}
.single-post .wp-block-columns-is-layout-flex{
gap: 25px !important;
}
}
@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;
border-bottom: 2px solid #eee;
width: 100%;
align-items: flex-start !important;
}
header .wp-block-navigation-submenu li.has-small-font-size.wp-block-navigation-item.wp-block-navigation-link{
border: 0 !important;
padding-bottom: 0 !important;
}
header .header-box-upper .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
padding-top: 0 !important;
}
header .wp-block-navigation-submenu li.wp-block-navigation-item{
border: 0 !important;
}
header .header-box-upper .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container a:before{
content: "";
position: absolute;
right: 0;
top: 14px;
left: 5px;
width: 0;
height: 0;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
border-right: 6px solid transparent;
border-top: 6px solid transparent;
transform: translate(-50%);
}
.header-inner-menu ul{
gap: 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: 5px !important;
}
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;
}
.woocommerce-account .entry-content .woocommerce-form-login{
width: 100%;
}
}
/*header .header-inner-menu ul li:hover{
background: var(--wp--preset--color--accent)!important;
color: #fff !important;
}*/
@media screen and (min-width: 600px){
header li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover,header li.wp-block-navigation-item.wp-block-navigation-link a:hover{
/* background-color: var(--wp--preset--color--accent);*/
color: var(--wp--preset--color--accent);
padding: 5px;
}
header .wp-block-navigation-submenu li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu,
header .wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link{
background-color: var(--wp--preset--color--accent)!important;
color: #fff !important;
}
header .wp-block-navigation-submenu li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover,
header .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover,header .wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link:hover{
background: #000 !important;
color: #fff !important;
padding: 5px !important;
}
header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu{
border: 0 !important;
background: transparent !important;
}
header button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle{
padding-right: 18px;
}
}
/*footer animation*/
footer .footer-box{
animation: bounceInUp 1s ease forwards;
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(3000px);
}
60% {
opacity: 1;
transform: translateY(-20px);
}
75% {
transform: translateY(10px);
}
90% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
/*blog post and shop page animation*/
.sidebar-box,.archive .style-post-box .wp-block-post, .single-post .wp-block-post-comments,li.wc-block-product, li.wc-block-grid__product{
animation: zoomInUp 0.6s ease-out both;
overflow: hidden;
animation-delay: 0.8s;
}
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale(0.5) translateY(100px);
}
60% {
opacity: 1;
transform: scale(1.05) translateY(-10px);
}
100% {
transform: scale(1) translateY(0);
}
}