/*
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 and versatile theme crafted for cafes, coffee shops, Coffee Roastery, Espresso Bar, Latte Bar, Cappuccino outlets, restaurants, espresso cafes, coffee lovers café, warm café ambience spaces, cappuccino bars, latte lounges, mocha cafes, brew houses, coffee houses, coffee corners, coffee bistros, coffee hubs, bakery shops, food delivery services, beverage businesses, and modern co-working café environments seeking a minimal yet elegant online presence. Designed with sophistication in mind, it delivers a clean, modern, and luxurious layout that adapts seamlessly across all devices, ensuring a fully responsive and mobile-friendly experience. With retina-ready visuals, SEO optimization, and interactive elements, your website captures attention instantly and enhances visitor engagement. Developers and business owners will appreciate the optimized coding structure, faster loading performance, and secure, clean architecture supported by a robust framework. It integrates smoothly with popular tools like WooCommerce, Contact Form 7, Yoast SEO, and Jetpack, improving functionality, customer interaction, and overall performance. The theme provides extensive customization options, allowing personalization of banners, call-to-action sections, testimonial displays, product showcases, and team introductions. Whether highlighting signature brews, showcasing a dynamic coffee menu, sharing customer feedback, or introducing expert baristas, Cafe Coffee Charm ensures a seamless and engaging browsing experience. Elegant banner designs, parallax scrolling effects, and smooth animations create a visually rich flow, while built-in social media integration strengthens audience connection. Agency-friendly, translation-ready, and optimized for online selling, it supports multilingual and global reach. With refined visuals and premium design elements, it balances aesthetic appeal with high performance, making it ideal for professional creators, coffee brand owners, and modern co-working café spaces. Cafe Coffee Charm brings together flexibility, personalization, and sophistication to help elevate any cafe or coffee business online.
Version: 1.1
Tested up to: 6.9
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;
  }
}