/*
Theme Name: Tea Cafe Delight
Theme URI: https://www.theclassictemplates.com/products/free-cafe-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Tea Cafe Delight is a specialized and elegant theme designed for tea cafes, tea houses, and beverage businesses, offering a refined platform to create an engaging and visually appealing online presence. Perfect for tea cafe, coffee shop, café, tea house, bistro, restaurant, brunch spot, food and drink outlets, dining spaces, eateries, gourmet tea brands, beverage businesses, culinary ventures, hospitality services, and café menu showcases, this theme features clean and organized layouts, soothing color palettes, and sophisticated typography that enhance user experience across all devices. It includes dedicated menu showcase sections to highlight tea blends, flavors, and brewing methods, along with integrated e-commerce functionality powered by WooCommerce for seamless online ordering. A built-in reservation system simplifies table bookings and personalized experiences, while blog integration allows sharing of tea-related stories, recipes, and updates. The theme also supports social media integration, event management through tools like The Events Calendar for tastings and workshops, and clear contact and location sections to improve customer interaction. Built with SEO-friendly and performance-optimized code, Tea Cafe Delight ensures fast loading and better search visibility, making it a powerful and user-friendly solution for tea and beverage businesses looking to grow and stand out online.
Template: classic-coffee-shop
Version: 3.4.8
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: tea-cafe-delight
Tags: blog, e-commerce, food-and-drink, one-column, two-columns, three-columns, four-columns, grid-layout, left-sidebar, right-sidebar, custom-logo, post-formats, featured-images, full-width-template, custom-colors, editor-style, flexible-header, footer-widgets, wide-blocks, custom-header, translation-ready, custom-background, custom-menu, sticky-post, threaded-comments, rtl-language-support, theme-options

Tea Cafe Delight WordPress Theme has been created by classictemplate (theclassictemplates.com), 2023.
Tea Cafe Delight WordPress Theme is released under the terms of GNU GPL

Tea Cafe Delight WordPress Theme is child theme of Classic Coffee Shop WordPress Theme, Copyright 2023 classictemplate (theclassictemplates.com)
Tea Cafe Delight WordPress Theme is distributed under the terms of the GNU GPL
*/

body{
  margin:0;
  padding:0;
  line-height:20px;
  font-size:13px;
  color:#aaaaaa;
  font-family: 'Inter', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background: #ffffff;
  overflow-x: hidden !important;
}
:root {
  --child-first-theme-color: #f0e4d4;
  --child-second-theme-color: #a85d33;
  --third-theme-color: #566b30;
}
#error-page{
  margin-top: 0 !important;
}
a, a:hover{
  text-decoration: none;
  color:var(--child-second-theme-color);
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Merienda', cursive;
  font-weight: 600;
  color:#000;
}
/*block css*/
.postsec-list .wp-block-button a:hover, 
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  background-color: var(--third-theme-color);
  color: #fff !important;
}
.postsec-list .wp-block-button__link{
  background: var(--child-second-theme-color);
  color:#fff !important;
  border-radius: 30px;
}
.postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid var(--child-second-theme-color) !important;
  color: var(--child-second-theme-color) !important;
}
/*breadcrumb*/
.breadcrumb a{
  color: var(--child-second-theme-color);
}
.breadcrumb .current-breadcrumb, .breadcrumb a:hover{
  background: var(--child-second-theme-color);
  color:#fff;
}
/* = top header css
-------------------------------------- */
.bg-color{
  background: #dbb78d;
  position: fixed;
  top: auto;
  z-index: 555;
  width: 284px;
  padding: 0;
  left: 0;
  height: 100% !important;
}
.header{
  background-color: var(--child-first-theme-color);
}
.scroll-box {
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.outer-area{
  padding-left: 284px;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 111;
}
.header::-webkit-scrollbar-track{
  background-color: #f3efed;
}
.header::-webkit-scrollbar{
  width: 5px;
  background-color: #f3efed;
}
.header::-webkit-scrollbar-thumb{
  background-color: var(--child-second-theme-color);
}
h1.site-title, p.site-title{
  font-size: 35px;
  margin-bottom: 0;
  color:var(--child-second-theme-color);
}
h1.site-title a, p.site-title a{
  color: var(--child-second-theme-color);
  margin: 10px;
  display: inline-block;
  font-family: 'Merienda', cursive;
  font-size: 27px;
}
h1.site-title a:hover, p.site-title a:hover, #footer p.site-title a:hover{
  color: var(--third-theme-color);
}
span.site-description {
  font-size: 14px;
  color: var(--child-second-theme-color);
}
h1.site-title a:hover {
  text-decoration: unset;
}
.social-icons i {
  font-size: 20px;
  margin-right: 20px;
}
.social-icons i:hover, #footer .social-icons i:hover{
  color: var(--third-theme-color);
}
.logo {
  border-bottom: solid 4px var(--third-theme-color);
}
.social-icons {
  border-bottom: solid 4px var(--third-theme-color);
  border-top: solid 4px var(--third-theme-color);
}
.postmeta a:hover{
    color:var(--child-second-theme-color);
}
/*scroll to top*/
#button{
  background: var(--third-theme-color);
  color:#fff;
}
/* = header css
-------------------------------------- */
.rsvp_button a {
  padding: 12px 28px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  border: solid 1px var(--child-second-theme-color);
  color: var(--child-second-theme-color);
  text-decoration: none;
}
#catsliderarea .rsvp_button a {
  background-color: #fff;
  color: var(--child-second-theme-color);
}
.rsvp_button a:hover {
  background: var(--third-theme-color);
  border: solid 1px var(--third-theme-color);
  color: #fff;
}
#catsliderarea .rsvp_button a:hover {
  background: var(--third-theme-color);
  border: solid 1px var(--third-theme-color);
  color: #fff;
}
.woocommerce a.added_to_cart,.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
  background: transparent;
  color: var(--child-second-theme-color);
  text-transform: uppercase;
  border-radius: 0;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  border: solid 1px var(--child-second-theme-color);
  color: var(--child-second-theme-color);
  text-decoration: none;
}
.woocommerce a.added_to_cart {
  margin: 10px 0;
  padding: 10px 40px 10px 37px;
}
.pagemore a:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#commentform input#submit:hover,.woocommerce a.added_to_cart:hover {
  background: var(--third-theme-color);
  color: #fff;
  border: 1px solid var(--third-theme-color);
}
.woocommerce input#coupon_code{
  padding: 10px;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
  width: 110px;
}
.woocommerce ul.products li.product .onsale{
  background-color: var(--child-second-theme-color);
}
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{
    border: solid 1px var(--child-second-theme-color);
    color: var(--child-second-theme-color);
    background:none;
    border-radius: 0;
}
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, .woocommerce-account .addresses .title .edit:hover{
  background: var(--third-theme-color) !important;
  color: #fff !important;
}
.site-main .wp-block-button__link:hover{
  background-color: transparent !important;
}
/* = menus css */
.main-nav li ul{
  border: none;
}
.main-nav a {
  color: var(--child-second-theme-color);
}
.main-nav a:hover {
  color: #fff !important;
  background-color: var(--third-theme-color);
}
.main-nav ul ul a {
  color: var(--third-theme-color);
  border: none;
  padding: 15px;
  text-align: center;
}
.main-nav li ul {
  border-top: 3px solid var(--third-theme-color) !important;
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}
.main-nav .menu > ul > li.highlight {
  background-color: #006ccc;
}
/*Clearing floats css*/
.page-links a, .page-links span{
  color: var(--child-second-theme-color);
  border: 1px solid var(--child-second-theme-color);
}
.page-links .post-page-numbers.current, .page-links a:hover{
  background-color: var(--child-second-theme-color) !important;
  color: #fff;
}
/* = slider section css
-------------------------------------- */
.slider-img-color{
  background-color: var(--child-second-theme-color);
  width:1800px;
}
/* = services css
-------------------------------------- */
.service-content h3{
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 20px;
}
.serv-box h2{
  color: var(--third-theme-color);
}
.services_inner_box p{
  color:#000;
}
.meta-feilds i{
  font-size: 52px;
  color: var(--third-theme-color);
}
.services{
  position: relative;
}
.service-content{
  background-color: #fff7ed;
  padding: 50px 23px;
  border: 2px dashed var(--third-theme-color); 
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  right: auto;
  background-image: url(images/service-border.png);
  background-repeat: no-repeat;
}
/*footer*/
.postsec-list .search-form input.search-submit, .widget_calendar caption, .widget_calendar #today, span.page-numbers.current, .nav-links .page-numbers:hover, #footer, #sidebar input.search-submit, #footer input.search-submit, form.woocommerce-product-search button{
  background-color: var(--child-second-theme-color);
}
.postsec-list .search-form input.search-submit, #sidebar input[type="text"], #sidebar input[type="search"], #footer input[type="search"]{
  border-color: var(--child-second-theme-color);
}
#sidebar ul li::before{
  color: var(--child-second-theme-color) !important;
}
#sidebar .widget{
  border-bottom: 3px solid var(--child-second-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li, .woocommerce-message, span.page-numbers.current, .nav-links .page-numbers:hover{
  border-color: var(--child-second-theme-color) !important;
}
#sidebar .widget a:hover, #sidebar .widget a:active, .listarticle h2 a, .woocommerce-message::before{
  color: var(--child-second-theme-color);
}
#sidebar .widget-title{
  color: #000;
}
nav.woocommerce-MyAccount-navigation ul li, #sidebar .wp-block-search__button{
  background-color: var(--child-second-theme-color) !important;
}
.entry-content .tags a{
  color:#fff !important;
}
#sidebar .wp-block-search__label {
  color:#000;
}
/*responsive*/
@media screen and (max-width: 1000px){
  .sidenav, .toggle-nav button{
    background-color: var(--child-second-theme-color) !important;
  }
  .sidenav .close-button{
    margin-bottom: 20px !important;
  }
  .main-nav a:hover{
    background:none;
    color:#fff !important;
  }
}