/*
  Theme Name: Bakery Child
  Theme URI: http://themeforest.net/item/bakery-wordpress-bakery-cakery-food-theme/11112118?ref=milingona_
  Author: Milingona
  Author URI: http://themeforest.net/user/milingona_
  Description: Bakery is a powerful responsive WordPress theme designed for bakery/cakery shops. It comes with all features bakery shops need such as product post type, menu, order form, offer, gallery, news etc. The theme also includes the drag-drop page builder which lets you customize your specific needs with incredible ease.
  Template: bakery
  Version: 2.8.2
  Requires PHP: 7.4
  Tested up to: 6.1
  Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, editor-style, featured-image-header, featured-images, post-formats, theme-options, sticky-post, translation-ready, full-width-template
  Text Domain: bakery-child
  License: GPLv2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
  
  Copyright (C) 2024 Milingona (dev@milingona.co)
  Bakery is licensed under GPLv2 or later
*/

body {
  counter-reset: products;
}

/* .vu_product_custom .vu_p-image {
    border: 1px solid var(--primary-color);
    border-radius: 50%;
} */

.vu_cta-bg-primary {
    color: #fff;
    border: none;
    background-color: #4cadc9;
    background-image: -webkit-linear-gradient(to right, #4cadc9 0%, #4cadc9 50%, #00c1cf 75%, #4cadc9 100%);
    background-image: linear-gradient(to right, #4cadc9 0%, #4cadc9 50%, #00c1cf 75%, #4cadc9 100%);
}

.vu_cta-bg-brown {
  color: #fff;
  border: none;
  background-color: #6e4f3a;
  background-image: -webkit-linear-gradient(90deg,rgba(75, 52, 38, 1) 0%, rgba(110, 79, 58, 1) 57%, rgba(156, 116, 72, 1) 67%, rgba(110, 79, 58, 1) 95%);
  background-image: linear-gradient(90deg,rgba(75, 52, 38, 1) 0%, rgba(110, 79, 58, 1) 57%, rgba(156, 116, 72, 1) 67%, rgba(110, 79, 58, 1) 95%);
}

.custom-footer-navigation p {
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
}

.custom-footer-navigation a {
  color: inherit;
}

.custom-footer-navigation a:hover {
  color: var(--primary-color);
}

.vu_product_custom {
  display: flex;
  align-items: center;
  position: relative;
}

.vu_product_custom.vu_product_no_image {
  align-items: flex-start;
}

.vu_product_custom.vu_product_card {
  padding: 16px;
  box-shadow: 3px 3px 10px rgba(200, 200, 200, .3);
  border-radius: 6px;
}

.vu_product_custom .vu_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.vu_product_custom .vu_tags span {
  font-size: 12px;
  background-color: rgba(200, 200, 200, .2);
  padding: 0 9px;
  border-radius: 20px;
  font-weight: lighter;
  border: 1px solid var(--primary-color);
}

.vu_product_custom.vu_product_counter::before {
  counter-increment: products;
  content: counter(products);
  position: absolute;
  width: 21px;
  height: 21px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  font-family: 'Font Awesome 5 Brands';
  background-color: #ffffff;
  color: var(--primary-color);
  box-shadow: 3px 3px 10px rgba(200, 200, 200, .3);
}

/* Width fix for categories gallery */
.vu_gallery .vu_g-items { width: 100%; }


/* <Categories gallery> */
.wpb_single_image_custom .card-header {
  padding: 10px 16px;
  border-bottom: 3px solid var(--primary-color);
}

.wpb_single_image_custom .card-header h3 {
  font-size: 2rem;
  color: var(--primary-color);
}

.wpb_single_image_custom .card-header p {
  margin: 0;
  font-size: 1.3rem;
}

.wpb_single_image_custom .card-header a {
  text-decoration: none;
}

.wpb_single_image_custom .vc_figure {
  display: block;
}

.wpb_single_image_custom .vc_single_image-wrapper {
  display: block;
  padding-bottom: 100%;
  position: relative;
}

.wpb_single_image_custom {
  box-shadow: 3px 3px 10px rgba(200, 200, 200, .5);
  border-radius: 6px;
  overflow: hidden;
}

.wpb_single_image_custom img {
  transition: all 1s ease;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.wpb_single_image_custom:hover img {
  transform: scale(1.5) rotate(10deg);
}

.wpb_single_image_custom .vc_single_image-wrapper::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  z-index: 9;
  opacity: 0;
  transition: all 1s ease;
}

.wpb_single_image_custom:hover .vc_single_image-wrapper::before {
  opacity: .3;
}

.wpb_single_image_custom .card-header a {
  font-size: 13px;
  margin-top: 10px;
  display: inline-block;
}

.wpb_single_image_custom .card-header .wpb_heading {
  margin-top: 0;
  margin-bottom: 10px;
}

.wpb_single_image_custom.custom_image_first {
  display: flex;
  flex-direction: column-reverse;
}

.wpb_single_image_custom.custom_image_first .card-header{
  border-bottom: none;
  border-top: 3px solid var(--primary-color);
}

@media screen and (max-width: 991.98px) {
  .wpb_single_image_custom.custom_image_first {
    display: flex;
    flex-direction: column;
  }
}



/* <Categories gallery /> */


.product_card_list_grid .vu_product {
  margin-bottom: 0;
}
.product_card_list_grid {
  display: grid;
  gap: 2rem;
}
.product_card_list_grid_1 {
  grid-template-columns: repeat(1, 1fr);
}
.product_card_list_grid_2 {
  grid-template-columns: repeat(2, 1fr);
}
.product_card_list_grid_3 {
  grid-template-columns: repeat(3, 1fr);
}
.product_card_list_grid_4 {
  grid-template-columns: repeat(4, 1fr);
}
.product_card_list_grid_5 {
  grid-template-columns: repeat(5, 1fr);
}
.product_card_list_grid_6 {
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (max-width: 991.98px) {
  .product_card_list_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 575.98px) {
  .product_card_list_grid {
    grid-template-columns: 1fr;
  }
}



/* .custom-carousel-wrapper .vu_column:nth-child(1) {
  padding: 0;
} */
.custom-carousel-wrapper .vu_row .vu_r-content {
  display: flex;
  flex: 1;
  margin-bottom: 70px;
  box-shadow: 3px 3px 10px rgba(200, 200, 200, .3);
}

.custom-carousel-wrapper .vu_c-wrapper,
.custom-carousel-wrapper .wpb_single_image,
.custom-carousel-wrapper figure,
.custom-carousel-wrapper .vc_single_image-wrapper,
.custom-carousel-wrapper img {
  height: 100%;
}

.custom-carousel-wrapper img {
  object-fit: cover;
}

.custom-carousel-wrapper .vu_r-content {
  box-shadow: 3px 3px 10px rgba(200, 200, 200, .3);
  border-radius: 6px;
  overflow: hidden;
}


@media screen and (max-width: 991.98px) {
  .custom-carousel-wrapper { 
    margin-bottom: 50px;
  }
}