/*
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 solution designed exclusively for tea cafes, tea houses, and beverage businesses, providing them with the tools to create an engaging and visually appealing online presence. This theme boasts a design that exudes warmth and sophistication, featuring clean and organized layouts, soothing color schemes, and elegant typography. These elements collectively contribute to a delightful user experience, which remains consistent across various devices, ensuring accessibility to a wider audience. Key features of this theme encompass menu showcases for presenting an array of tea offerings, including blends, flavors, and brewing methods, as well as integrated e-commerce functionality for convenient online ordering. A reservation system simplifies table bookings, offering personalized tea experiences, while seamless blog integration facilitates the sharing of engaging tea-related content. Furthermore, Tea Cafe Delight supports social media integration, an events calendar for promoting tea-related events such as tastings and workshops, and prominently displays contact and location information for enhanced customer interaction. In summary, the Tea Cafe Delight WordPress theme is the perfect choice for businesses deeply rooted in the tea and beverage industry looking to establish a robust online presence. Its inviting design, premium status, and rich feature set provide the necessary tools to effectively showcase tea offerings, engage customers, and excel in the competitive landscape of tea and beverage businesses.
Template: classic-coffee-shop
Version: 3.2
Tested up to: 6.5
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, right-sidebar, left-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-logo, post-formats, full-width-template, featured-images, custom-colors, editor-style, wide-blocks, block-styles, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options, rtl-language-support

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;
}
#error-page{
  margin-top: 0 !important;
}
a, a:hover{
  text-decoration: none;
  color:#a85d33;
}
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: #566b30;
  color: #fff !important;
}
.postsec-list .wp-block-button__link{
  background: #a85d33;
  color:#fff !important;
  border-radius: 30px;
}
.postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid #a85d33 !important;
  color: #a85d33 !important;
}
/*breadcrumb*/
.breadcrumb a{
  color: #a85d33 !important;
}
.breadcrumb .current-breadcrumb, .breadcrumb a:hover{
  background: #a85d33 !important;
  color:#fff !important;
}
/* = 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: #f0e4d4;
}
.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: #a85d33;
}
h1.site-title, p.site-title{
  font-size: 35px;
  margin-bottom: 0;
  color:#a85d33;
}
h1.site-title a, p.site-title a{
  color: #a85d33;
  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: #566b30;
}
span.site-description {
  font-size: 14px;
  color: #a85d33;
}
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: #566b30;
}
.logo {
  border-bottom: solid 4px #566b30;
}
.social-icons {
  border-bottom: solid 4px #566b30;
  border-top: solid 4px #566b30;
}
.postmeta a:hover{
    color:#a85d33;
}
/*scroll to top*/
#button{
  background: #566b30;
  color:#fff;
}
/* = header css
-------------------------------------- */
.rsvp_button a {
  padding: 12px 28px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  border: solid 1px #a85d33;
  color: #a85d33;
  text-decoration: none;
}
#catsliderarea .rsvp_button a {
  background-color: #fff;
  color: #a85d33;
}
.rsvp_button a:hover {
  background: #566b30;
  border: solid 1px #566b30;
  color: #fff;
}
#catsliderarea .rsvp_button a:hover {
  background: #566b30;
  border: solid 1px #566b30;
  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: #a85d33;
  text-transform: uppercase;
  border-radius: 0;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  border: solid 1px #a85d33;
  color: #a85d33;
  text-decoration: none;
}
.woocommerce a.added_to_cart {
  margin-top: 10px;
  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: #566b30;
  color: #fff;
  border: 1px solid #566b30;
}
.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: #a85d33 !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{
    border: solid 1px #a85d33 !important;
    color: #a85d33 !important;
    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{
  background: #566b30 !important;
  color: #fff !important;
}
/* = menus css */
.main-nav li ul{
  border: none;
}
.main-nav a {
  color: #a85d33;
}
.main-nav a:hover {
  color: #fff;
  background-color: #566b30;
}
.main-nav ul ul a {
  color: #566b30;
  border: none;
  padding: 15px;
  text-align: center;
}
.main-nav li ul {
  border-top: 3px solid #566b30 !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: #a85d33;
  border: 1px solid #a85d33;
}
.page-links .post-page-numbers.current, .page-links a:hover{
  background-color: #a85d33 !important;
  color: #fff;
}
/* = slider section css
-------------------------------------- */
.slider-img-color{
  background-color: #a85d33;
  width:1800px;
}
/* = services css
-------------------------------------- */
.service-content h3{
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 20px;
}
.serv-box h2{
  color: #566b30;
}
.services_inner_box p{
  color:#000;
}
.meta-feilds i{
  font-size: 52px;
  color: #566b30;
}
.services{
  position: relative;
}
.service-content{
  background-color: #fff7ed;
  padding: 50px 23px;
  border: 2px dashed #333; 
  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: #a85d33;
}
.postsec-list .search-form input.search-submit, #sidebar input[type="text"], #sidebar input[type="search"], #footer input[type="search"]{
  border-color: #a85d33;
}
#sidebar ul li::before{
  color: #a85d33 !important;
}
#sidebar .widget{
  border-bottom: 3px solid #a85d33;
}
nav.woocommerce-MyAccount-navigation ul li, .woocommerce-message, span.page-numbers.current, .nav-links .page-numbers:hover{
  border-color: #a85d33 !important;
}
#sidebar .widget a:hover, #sidebar .widget a:active, .listarticle h2 a, .woocommerce-message::before{
  color: #a85d33;
}
#sidebar .widget-title{
  color: #000;
}
nav.woocommerce-MyAccount-navigation ul li{
  background-color: #a85d33 !important;
}
/*responsive*/
@media screen and (max-width: 1000px){
  .sidenav, .toggle-nav button{
    background-color: #a85d33 !important;
  }
  .sidenav .close-button{
    margin-bottom: 20px !important;
  }
  .main-nav a:hover{
    background:none;
    color:#fff !important;
  }
}
@media screen and (max-width: 768px) and (min-width:320px){
  .bg-color{
    width: 100% !important;
  }
}