/*
Theme Name: Cafe Coffee Charm
Theme URI: https://www.seothemesexpert.com/products/cafe-coffee-charm-theme
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: Cafe Coffee Charm is a multipurpose free theme crafted for cafes, coffee shops, restaurants, espresso cafes, cappuccino bars, latte lounges, mocha cafes, brew houses, coffee houses, coffee corners, coffee bistros, coffee hubs, bakery shops, food delivery services, and beverage businesses seeking a minimal yet elegant online presence. Designed with sophistication in mind, this theme offers a clean, modern, and luxurious layout that adapts seamlessly across all devices, making it fully responsive and mobile-friendly. With retina-ready graphics, SEO optimization, and interactive features, your website will look stunning and captivate visitors instantly. Developers and business owners alike will appreciate the optimized codes, faster page load time, and secure, clean code structure supported by the Bootstrap framework. It works perfectly with popular plugins like WooCommerce, Contact Form 7, Yoast SEO, and Jetpack, enhancing functionality, customer engagement, and performance. The theme provides extensive customization options, allowing you to personalize every element, from banners and call-to-action buttons (CTA) to testimonial sections, product showcases, and team introductions. Whether you want to highlight your special brews, display a dynamic coffee menu, share customer reviews, or introduce your expert baristas, Cafe Coffee Charm ensures a user-friendly and engaging browsing experience. Elegant banner layouts, parallax effects, and animated sections create an interactive visual flow, while built-in social media integration helps connect with your audience effortlessly. Agency-friendly, translation-ready, and optimized for eCommerce, this theme supports multilingual and global audiences. With clean visuals and luxurious design elements, it delivers both aesthetic appeal and high performance. Perfect for professional developers, coffee brand owners, and creatives, Cafe Coffee Charm combines flexibility, personalization, and sophistication in every detail. If you want a modern, stunning, and multipurpose theme that blends elegance, speed, and functionality, Cafe Coffee Charm is the ultimate choice to elevate your cafe or coffee business online.
Version: 0.7.3
Tested up to: 6.8
Requires PHP: 7.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cafe-coffee-charm
Template: coffee-tea
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, editor-style, full-width-template, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, featured-image-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, e-commerce, food-and-drink, entertainment

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

a{
    text-decoration: none;
    color: var(--color-primary1);
}
.blog-item.inner-related-post .post-title a{
  color: var(--color-primary1);
  text-decoration: none;
}
.singel-page-area a{
  color: var(--color-primary1);
}
.footer-area{
  background-color:var(--color-primary1);
}
#slider-section:before {
   content: "";
    position: absolute;
    background-image: url(assets/images/slider-bg.png);
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    clip-path: circle(33% at 76% 0);
    object-fit: cover;
    width: 100%;
    object-fit: cover;
    height: 440px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    filter: blur(3px);
}
.navbar-menubar .current-menu-item a{
  color: #F49B3F !important;
}
.navbar-menubar .current-menu-item a::after{
  background-color: #F49B3F !important;
}
.navbar-menubar .current-menu-item a::after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: -20px;
    right: 20px;
    width: 60%;
    height: 2px;
    background-color: #F49B3F;
}
.navbar-menubar .current-menu-item a::before{
  content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    right: 20px;
    width: 60%;
    height: 2px;
    background-color:#F49B3F;
}
.navbar-menubar .sub-menu a::after, .navbar-menubar .sub-menu a::before{
  content: none;
}
/* Product Grid */
#product_cat_slider h2{
  font-size: 68px;
  color: #38220F;
}
#product_cat_slider p.short_head:before, #product_cat_slider p.short_head:after{
  width: 8%;
}
#product_cat_slider p.short_head{
  font-size: 25px;
  color: #38220F;
  font-weight: 500;
}
#product_cat_slider .product-box {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  height: 320px;
}
#product_cat_slider .product-image img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}
#product_cat_slider .product-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.7) 60%,
    rgba(0,0,0,0.9) 100%
  );
  border-radius: 16px;
  z-index: 1;
  height: 320px;
}
.product-image h3 {
  font-weight: 600;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 10%;
    z-index: 999;
    text-align: center;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
.product-image h3 a {
  color: #fff;
  text-decoration: none;
  padding: 3px 10px;
  font-size: 20px;
  text-align: center;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: inline-block;
  text-transform: capitalize;
}
.product-box:hover h3 a{
  padding: 3px 22px;
  border-top: 1px solid #634832;
  border-bottom: 1px solid #634832;
}
/* Price Circle */
#product_cat_slider .product-price del {
    display: none;
}
#product_cat_slider .product-price {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #fff;
  color: #000;
  font-weight: bold;
  z-index: 999;
  border-radius: 50%;
  /* padding: 8px 14px; */
  font-size: 14px;
  line-height: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  text-decoration: none;
  width: 64px;
  font-size: 16px;
  height: 64px;
  align-items: center;
  display: flex;
  justify-content: center;
}
#product_cat_slider .owl-carousel .owl-nav.disabled{
  display: block !important;
}
#product-carousel .owl-stage-outer{
  padding: 10px 0;
}
.footer-area .footer-widget .widget:not(.widget_social_widget):not(.widget_tag_cloud) li a:hover{
  color: #fff;
}
@media (max-width: 767px) {
 #product_cat_slider p.short_head{
  font-size: 14px;
 }
 #product_cat_slider h2{
  font-size: 46px;
 }
}
@media (min-width: 768px) and (max-width: 999px) {
  #product_cat_slider p.short_head{
  font-size: 14px;
 }
 #product_cat_slider h2{
  font-size: 46px;
 }
  .product-image h3 a{
    font-size: 16px;
  }
 #product_cat_slider .product-box::after, #product_cat_slider .product-image img{
  height: 220px;
 }
 #product_cat_slider .owl-next span{
  font-size: 24px;
  width: 40px;
  height: 40px;
 }
 #product_cat_slider .product-price{
  width: 54px;
  height: 54px;
  font-size: 13px;
 }
}
@media (min-width: 999px) and (max-width: 1024px) {
  #product_cat_slider p.short_head{
  font-size: 16px;
 }
 #product_cat_slider h2{
  font-size: 46px;
 }
  .product-image h3 a{
    font-size: 16px;
  }
 #product_cat_slider .product-box::after, #product_cat_slider .product-image img{
  height: 270px;
 }
 #product_cat_slider .owl-next span{
  font-size: 24px;
  width: 40px;
  height: 40px;
 }
 #product_cat_slider .product-price{
  width: 54px;
  height: 54px;
  font-size: 13px;
 }
}
@media (max-width: 1000px) {
  .navbar-menubar .current-menu-item a::before, .navbar-menubar .current-menu-item a::after{
    content: none;
  }
}