/*
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 WordPress theme crafted for cafes, coffee shops, restaurants, cafe coffee, coffee shop, espresso cafe, cappuccino bar, latte lounge, mocha cafe, brew house, coffee house, coffee lounge, coffee corner, coffee istro, and coffee hub 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 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. The theme is built on a powerful Bootstrap framework and comes with handy shortcodes to simplify the design process. It provides extensive customization options, allowing you to personalize every element, from banners and call-to-action buttons (CTA) to testimonial sections and team showcases. Whether you want to highlight your special brews, share customer stories, or introduce your expert baristas, Cafe Coffee Charm ensures a user-friendly and engaging experience. The elegant banner layouts and animated sections create an interactive flow, while built-in social media integration helps you connect with your audience effortlessly. Agency-friendly and translation-ready, this theme supports global reach and multilingual audiences. With clean, retina-ready visuals and luxurious design elements, it delivers both beauty and performance. Perfect for professionals, creatives, and developers, Cafe Coffee Charm offers flexibility, personalization, and sophistication in every detail. If you want a modern, stunning, and multipurpose theme that blends elegance with functionality, Cafe Coffee Charm is the perfect choice to elevate your cafe or coffee business online.
Version: 0.5
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;
  }
}