/*
Theme Name: Online Bakery and Patisserie Shop Pro
Theme URI:  https://www.themespride.com/products/bakery-patisserie-shop
Author: themespride
Author URI: https://www.themespride.com/
Description: The Bakery Theme is a perfect blend of elegance and functionality, designed specifically for bakeries, patisseries, cake shops, and dessert cafés that want to build a charming online presence. This visually delightful theme highlights your baked creations, cakes, pastries, breads, and cookies, with beautiful layouts and customizable sections that perfectly capture the warmth of your bakery. Built on a responsive framework, the Bakery Theme ensures your website looks equally delicious on all devices, whether it’s a desktop, tablet, or smartphone. Its clean code and SEO-friendly structure help your bakery rank higher on search engines, while the Gutenberg compatibility allows you to edit content effortlessly. The theme also offers multiple homepage sections like featured items, about us, testimonials, and blogs, making it easier to engage your audience. You can easily customize your color palette, typography, and header layouts to reflect your bakery’s branding style. The Bakery Theme is lightweight yet robust, giving your website the professional touch it deserves without slowing down performance.
Version: 1.0
Requires at least: 5.4.2 
Tested up to: 5.8
Requires PHP: 5.2.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bakery-and-patisserie-shop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Online Bakery and Patisserie Shop Pro WordPress Theme has been created by themespride(themespride.com), 2021.
Online Bakery and Patisserie Shop Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */

@font-face {
  font-family: 'GochiHand';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('GochiHand-Regular'), local('GochiHand-Regular'), url(./assets/webfonts/GochiHand-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------- MrsSaintDelafield -------------*/

@font-face {
  font-family: 'MrsSaintDelafield';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('MrsSaintDelafield-Regular'), local('MrsSaintDelafield-Regular'), url(./assets/webfonts/MrsSaintDelafield-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------- Poppins -------------*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Poppins Light'), local('Poppins-Light'), url(./assets/webfonts/Poppins-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(./assets/webfonts/Poppins-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Poppins Medium'), local('Poppins-Medium'), url(./assets/webfonts/Poppins-Medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(./assets/webfonts/Poppins-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(./assets/webfonts/Poppins-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url(./assets/webfonts/Poppins-ExtraBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --color-primary: #D95942;
  --color-secondry: #407D7E ;
 }
:root {
  --primary-font: 'Poppins'; --secondary-font: 'GochiHand'; --ternary-font: 'MrsSaintDelafield';
}
/*---------*/
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: #fcf7eb;
  position: relative;
  font-size: 14px;
  color: #222222;
  overflow-x: hidden;
  font-family: var(--primary-font);
  line-height: 24px;
  font-weight: 500;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:10px 0;
  line-height: 1.2;
  color: #222222;
  font-family: var(--secondary-font);
  font-weight: 800;
}
p{
  margin:0 0 15px;
  font-size:14px;
  font-weight:400;
  line-height: 26px;
}
body a{
  text-decoration:none;
  color: var(--color-primary);
}
a:hover{
  text-decoration:none;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 70px;
  position: absolute;
  left: 0px;
  top: -7%;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:12px;
  padding:10px 10px;
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0 75px 0;
}
select{
  padding: 6px;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{
  margin:0;
  padding:0;
  background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  padding:5px;
}
.alignright, img.alignright {
  display: inline;
  float: right;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  padding:5px;
}
.comment-list{
  border-radius: 30px;
  padding: 10px 10px;
}
.comment-body {
    background: #F7F7F7;
    border-radius: 30px;
    padding: 20px 20px;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
table, td, th {
  border: 1px solid #cccccc;
}
.post-template-default input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"] {
  width: 100%;
  margin-top: 0px;
  float: unset;
  margin-left: 0px;
}
.post-template-default textarea {
  background: white7d;
  border: 1px solid #414647;
}
a:hover {
    color: var(--color-primary);
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 0.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 700;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--color-primary);
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 5px;
}
/*--------------------------  Theme Button  --------------------------*/
.woocommerce a.button, .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.added_to_cart, a.custom_read_more{
  padding: 12px 20px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt {
  background-color: var(--color-primary);
  border-radius: 30px;
  padding: 10px 14px;
  color: #fff;
}
.theme_button a, a.theme_button2, a.theme_button3, a.theme_button, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.added_to_cart, input[type="submit"], a.custom_read_more, .custom_cart a, table.compare-list .add-to-cart td a:not(.unstyled_button), button#bmi_submit, .contact-box .contac_form input[type="submit"], input[type="submit"], .contact_shortcode input[type="submit"] {
    font: 600 14px var(--primary-font);
    display: inline-block;
    padding: 11px 16px;
    border-radius: 100px;
    border: none;
    position: relative;
    transition: all 0.3s ease 0s;
    color: white;
    box-shadow: 1.5px 2px 1px 0px #9A3827;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .contact-box .contac_form input[type="submit"]{
  background-color: var(--color-primary);
  color: white;
}
.contact-box .contac_form input[type="submit"]{
  border: none;
}
a.theme_button, .contact_shortcode input[type="submit"], .newsletter_shortcode input[type="submit"], input[type="submit"], .contact_us_shortcode input[type="submit"] {
  background-color: var(--color-secondry);
  color: white;
}
.theme_button:hover {
  background-color: black;
  color: white;
}
a.theme_button2{
  background-color: transparent;
  color: var(--color-secondry);
}
a.theme_button3{
  background-color: #222222;
  color: white;
}
.contact-box .contac_form input[type="submit"]:hover {
  background-color: var(--color-primary);
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
  color: #fff;
  transform: translateY(-7px);
}

a.theme_button2:hover {
  background-color: var(--color-secondry);
  color: #fff;
}
/*----- Site Frame -------*/
.site-frame{
  top: 0;
}
.site-frame, .site-frame:after {
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 99999;
  background: #000;
}
.site-frame:after {
  bottom: 0;
}
.site-frame-sides:before, .site-frame-sides:after {
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 1405;
  background: #000;
}
.site-frame-sides:after {
  right: 0;
}
/* --------- Widget Text ------- */
.textwidget p {
  padding-top: 15px;
  padding-bottom: 15px;
}
#sidebar form {
  margin-top: 5px;
}
/*--- Preloader 1 ---*/
.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  cursor: pointer;
  z-index: 999999;
}
.spinner-loading-box .preloarder{
  position:absolute;
  width:100px;
  height:70px;
  display:inline-block;
  transform-origin:center;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.spinner-loading-box .loader{
    width: 100px;
    height: 80px;
    position: relative;
    margin: 0 auto;
}
.spinner-loading-box .loader .inner-loader,
.spinner-loading-box .loader .inner-loader:nth-child(2),
.spinner-loading-box .loader .inner-loader:nth-child(3),
.spinner-loading-box .loader .inner-loader:nth-child(4){
    width: 100px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    animation: helix-spin 1.5s infinite linear
}
.spinner-loading-box .loader .inner-loader:nth-child(2){
    top:20px;
    animation: helix-spin 1.5s  infinite linear;
    animation-delay: 0.1s;
}
.spinner-loading-box .loader .inner-loader:nth-child(3){
    top:40px;
    animation: helix-spin 1.5s infinite linear;
    animation-delay: 0.2s; 
}
.spinner-loading-box .loader .inner-loader:nth-child(4){
    top:60px;
    animation: helix-spin 1.5s  infinite linear;
}
.spinner-loading-box .loader .inner-loader .dotA,
.spinner-loading-box .loader .inner-loader .dotB{
    background: var(--color-primary);
    width:10px;
    height:10px;
    float:left;
    border-radius: 50%;
    animation: helix-spinB 1.5s infinite linear;
}
.spinner-loading-box .loader .inner-loader .dotB{
    background: var(--color-secondry);
    float:right;
}
@keyframes helix-spin{
    0% { transform: rotateY(0deg); }
    50% { transform: rotateY(179deg); }
    100% { transform: rotateY(360deg); }
}
@keyframes helix-spinB{
    0% { transform: scale(0.5) rotateX(-179deg); }
    50% { transform: scale(1.5) rotateX(-360deg); }
    100% { transform: scale(0.5) rotateX(0deg); }
}

/*------------------ Comments BOX ------------------*/
#comments h2.comments-title{
  color: #13182c;
  font-weight: normal;
  font-size: 30px;}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px;
  font-size:18px;
  color: #000;
  float: unset;
  background: #fff;
  border: 1px solid #cccccc;}
#comments p.comment-form-comment label{
  display: block;
  margin-bottom: 10px !important;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;}
#comments .comment-author{
  margin-bottom: 1em;}
#comments h2#reply-title {
  display: inline-table;
  text-align: center;
  color: #13182c;
  font-size: 30px;}
#comments .comment-author.vcard img {
    padding: 2px;
    border-radius: 50%;}
#comments .comment-author .fn, #comments .comment-author .says{
  color: #13182c;}
#comments ol{
  list-style-type: none;
  margin-left: 0;}
#comments .comment-meta{
  color: var(--color-primary);
  font-weight: bold;}
#comments .comment-body p{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;}
#comments .reply a {
  background-color: var(--color-primary);
  color: white;
  font-weight: bold;
  padding: 8px 20px 8px 20px;
  font-size: 13px;
  width: 56%;
  position: relative;
  margin-top: -10%;
}
#comments ol li{
  padding-bottom: 30px;
}
.post-navigation .nav-previous .meta-nav, .post-navigation .nav-next .meta-nav {
  background-color: var(--color-primary);
  padding: 5px 20px 6px 20px;
  color: white;
  border-radius: 0;
}
.attachment #sidebar{
  margin-top: 2em;
}
/*--------------- Sidebar -----------------*/
.home .post-section .container{
  margin-top: 200px;
}
 .wp-block-search__label{
  padding-left: 10px;
}
#sidebar .textwidget label {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
  background: #333;
  border: none;
  color: white;
  padding: 14px 0;
  font-size: 15px;
  margin: 0;
  width: 100%;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3, label.wc-block-product-search__label, #sidebar h2 {
    color: var(--color-primary);
    font-weight: 500;
    padding: 0px;
    font-size: 17px;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    margin-bottom: 20px !important;
    margin: 20px auto;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-family: var(--primary-font);
}
#sidebar h3:before, #sidebar h2:before{
  content: '';
  width: 52px;
  height: 7px;
  width: 58px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  margin-left: 3px;
  border: 3px solid var(--color-ternary);
  border-bottom: none;
  margin: 0 auto;
}
.widget_categories ul li.cat-item:before, .widget_archive li:before, .widget_meta li:before, .widget_recent_comments li:before {
  content: '\f101';
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  margin-right: 8px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background: transparent;
  padding: 10px 10px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #000;
  width: 100%;
}
#sidebar input[type="search"]:focus{
  outline: unset;
}
#sidebar label{
  width:100%;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  border: none;
  color: #fff;
  padding: 12px 10px;
  font-size: 13px;
  margin: 0px 0;
  background-color: var(--color-primary);
  width: 29%;
}
#sidebar aside {
  margin-bottom: 40px;
  padding: 15px;
  border: 1px solid #ebebeb;
  background-color: white;
  border-radius: 25px;
}
#sidebar ul {
  padding:0;
}
#sidebar ul li {
  list-style: none;
  margin-bottom: 10px;
}
#sidebar ul li a{
  color:rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a{
  background:#13182c;
  color:#fff;
  font-size:15px !important;
  padding:5px 18px;
  margin:10px 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#13182c;
}
#sidebar .widget_recent_entries ul li{
  background: none;
}
#sidebar .post-content {
  line-height: 20px;
}
/*---- About Widget css ----*/
p.custom_author, p.custom_designation  {
  font-weight: 600;
  margin: 10px 0;
  font-size: 15px;
}
a.custom_read_more {
  padding: 10px;
  background: var(--color-primary);
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
#footer p.custom_desc{
  margin-bottom: 10px;
}
/*---------------- Pagination ----------------*/
.navigation {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.navigation a, .post-navigation .nav-previous a,
.post-navigation .nav-next a {
  padding: 0;
  background: transparent;
}
.navigation span.post-title{
  color: rgba(0, 0, 0, 0.78);
  background: transparent;
}
.navigation span, .navigation a {
  display: inline-block;
  /* float: left; */
  padding: 4px 15px;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  background-color: var(--color-primary);
  margin: 0 2px;
}
.navigation span{
  margin-right: 10px;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333;
  color:white;
  font-weight:normal;
}
.page-template-default #comments{
	display: none;
}
.woocommerce span.onsale {
  background-color: var(--color-primary);
  padding: 0;
}
.woocommerce .products ul li, .woocommerce ul.products li{
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-weight: 600;
    font-size: 14px;
    font-family: var(--primary-font);
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  padding: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  opacity: 1;
}
span.posted_in {
  display: block;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .button{
  margin: 0;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price {
  color: var(--color-primary);
}

.woocommerce ul.products li.product .star-rating {
  float: none;
  margin: 0 auto;
  margin-bottom: 10px;
}
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
#contentwoocom {
    padding: 20px 15px;
}
.woocommerce div.product form.cart .button {
    border: solid 1px var(--color-primary);
}
.woocommerce-message {
    border-top-color: var(--color-primary);
}
.woocommerce-message::before {
    content: "\e015";
    color: var(--color-primary);
}
.woocommerce-input-wrapper textarea, .woocommerce-input-wrapper input[type="tel"], .woocommerce-input-wrapper input[type="email"]{
    background: unset;
    border: 1px solid #000;
}
.woocommerce-billing-fields__field-wrapper p, .woocommerce-additional-fields__field-wrapper p{
  color: #292b2c;
}
.coupon input{
  margin-top: 0% !important;
}
.woocommerce nav.woocommerce-pagination ul li span{
  background: #fff !important;
  color: #000 !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: var(--color-primary);
}
#footer .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
#sidebar .widget.woocommerce form{
  border: 0;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
  height: 50px;
}
.woocommerce-product-search input[type="search"]{
  width: 100%;
  border: 1px solid #000 !important;
  margin-bottom: 10px;
}
#footer .woocommerce-product-search input[type="search"]{
  border: 1px solid #fff !important;
}
.woocommerce-product-search button[type="submit"]{
  background: #00cdfc;
  color: #000;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 500;
  width: 100%;
  border: none;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em !important;
  margin-top: 10px;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove{
  top: 8px;
}
.wc-block-grid__product {
  border: 4px solid transparent !important;
  background-color: white;
  overflow: hidden;
  padding: 11px;
  background-color: white;
  border-radius: 20px;
  position: relative;
  box-shadow: 0px 0px 10px 0px #00000040;
  border: 3px solid transparent;
}
.wc-block-grid__products {
    gap: 15px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid.has-4-columns .wc-block-grid__product {
  flex: 1 0 24%;
  max-width: 24%;
}
.wc-block-grid__product .wc-block-grid__product-title {
  font-size: 16px;
  font-weight: 700;
}
.wc-block-grid__product .wc-block-grid__product-title {
  font-size: 14px;
  font-weight: 700;
  color: #222222;
}
.wc-block-grid__product-price del {
    font-size: 16px;
    color: #4E4747;
    font-weight: 700;
}
.wc-block-grid__product-rating {
  display: none;
}
.wc-block-grid__product-add-to-cart.wp-block-button:hover .wp-block-button__link {
    background-color: var(--color-primary);
    color: white;
    font-size: 14px;
}
.wc-block-grid .wc-block-grid__products .wc-block-grid__product-onsale {
  background-color: var(--color-primary) !important;
  padding: 4px 18px;
  display: inline-block;
  text-transform: uppercase;
  color: white;
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 0;
  right: unset;
  z-index: 99;
  font-weight: 700;
  border: none;
  border-radius: 0;
}
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading.has-text-align-center {
  margin-bottom: 25px;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    background-color: var(--color-secondry);
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  background-color: var(--color-primary);
  color: white;
  font-size: 14px !important;
}
.wc-block-grid__product:hover {
    border-color: var(--color-primary) !important;
}
#footer .tagcloud a{
  font-size: 15px !important;
  padding: 10px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid var(--color-primary);
}
.wc-block-grid__product .wc-block-grid__product-title {
  font-size: 16px;
  font-weight: 700;
}
.wc-block-grid__product .wc-block-grid__product-title {
    font-size: 14px;
    font-weight: 700;
}
.wc-block-grid__product-price del {
    font-size: 16px;
    color: #4E4747;
    font-weight: 700;
}
.wc-block-grid__product-rating {
  display: none;
}
.wc-block-grid__product-add-to-cart.wp-block-button:hover .wp-block-button__link {
    background-color: var(--color-primary);
    color: white;
    font-size: 14px;
}
.wc-block-grid .wc-block-grid__products .wc-block-grid__product-onsale {
  background-color: var(--color-primary) !important;
  padding: 4px 18px;
  display: inline-block;
  text-transform: uppercase;
  color: white;
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 0;
  right: unset;
  z-index: 99;
  font-weight: 700;
  border: none;
  border-radius: 0;
}
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading.has-text-align-center {
  margin-bottom: 25px;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    background-color: var(--color-secondry);
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  background-color: var(--color-primary);
  color: white;
  font-size: 14px !important;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart {
    margin-bottom: 0;
}
#footer .tagcloud a:hover{
  background: var(--color-primary);
  color: #fff;
}
.select2-container--default .select2-selection--single{
  height: 45px;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 7px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-scroll {
  background-attachment: scroll;
}

/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
  font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price, .woocommerce li.woocommerce-MyAccount-navigation-link.is-active a {
  color: var(--color-primary);
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title, .woocommerce ul.products li.product .price, .woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, h2.woocommerce-loop-category__title {
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid var(--color-cccccc);
  padding-bottom: 17px;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
input#password, input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select {
  background-color: white;
}
#customer_details .col-1, #customer_details .col-2 {
  max-width: 100%;
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
}
.woocommerce a.added_to_cart {
  display: table;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce .star-rating span::before {
    color: var(--color-primary);
}
.single-product.woocommerce ul.products li.product .onsale, .single-product.woocommerce span.onsale {
  left: 5px;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
    min-height: 19px;
    line-height: 35px;
    background-color: var(--color-primary);
    padding: 4px 18px 0px 18px;
    display: inline-block;
    color: white;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 0;
    right: unset;
    z-index: 99;
    font-weight: 700;
    border-radius: 0 !important;
}
.woocommerce .quantity input {
  padding: 13px 0px;
  border: 1px solid black;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  margin-right: 8px;
  border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: white !important;
  font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs .panel {
  border: 1px solid #f4f4f9;
  padding: 17px;
  padding-top: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: none !important;
  box-shadow: none;
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.related.products {
  padding-top: 30px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce span.onsale, .woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: var(--color-primary);
}
.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
  margin: 0 3px;
}
.woocommerce nav.woocommerce-pagination ul {
  border: none;
}
.related.products h2, .woocommerce div.product .woocommerce-tabs .panel h2 {
  text-transform: capitalize;
  font-size: 24px !important;
}
.related.products h2.woocommerce-loop-product__title {
  font-size: 18px !important;
  letter-spacing: 0;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
input#password, input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select, .woocommerce li.woocommerce-MyAccount-navigation-link.is-active {
  background-color: white;
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.woocommerce li.woocommerce-MyAccount-navigation-link.is-active {
  border: 1px solid var(--color-primary);
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 48%;
  height: 49px;
}
.woocommerce .woocommerce-MyAccount-content .form-row {
  display: block !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  border: 1px solid white;
  margin-left: 0;
}
.woocommerce .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid white;
  padding: 10px 25px 10px 15px;
  background-color: var(--color-primary);
}
.woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
  border: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: white;
  font-weight: bold;
}
.woocommerce form .form-row.woocommerce-invalid label {
  color: #8fa3aa;
}
.woocommerce .form-row {
  display: unset;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: 100%;
}
.woocommerce #order_review table th {
  text-align: left;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  padding: 20px;
}
.woocommerce .woocommerce-result-count {
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--color-222222);
  font-weight: 500;
}
.woocommerce-message {
  border-color: var(--color-primary);
}
.woocommerce-message::before {
  color: var(--color-primary) !important;
}
.woocommerce-message {
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--color-222222);
  font-weight: 500;
}
.woocommerce .product_meta span {
  margin-right: 10px;
}
.woocommerce .woocommerce-cart-form__cart-item a {
  color: var(--color-222222);
  font-weight: bold;
}
.woocommerce .woocommerce-cart-form__cart-item td, .woocommerce table.shop_table td, .woocommerce .woocommerce-error, .woocommerce table.shop_table th {
  color: var(--color-222222);
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
  color: var(--color-222222);
  display: inline-block !important;
}
.inner_layout nav.woocommerce-MyAccount-navigation ul li {
  background-color: var(--color-primary);
  margin-bottom: 4px;
}
.woocommerce-MyAccount-navigation {
  margin-bottom: 20px;
}
.woocommerce-Reviews .comment-form .comment-form-author, .woocommerce-Reviews .comment-form .comment-form-email, .woocommerce-Reviews .comment-form .comment-form-url {
  width: 49%;
}
.widget span.count {
  float: right;
}
.up-sells.upsells.products {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.woocommerce table.shop_table td{
  text-align: left;
}
.woocommerce-product-search button {
  font-size: 14px;
  color: white;
  font-weight: 700;
  background-color: var(--color-primary);
  display: inline-block;
  padding-right: 10px;
  text-align: center;
  padding: 10px 15px;
  text-align: center;
  border: navajowhite;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 14px;
}
.woocommerce-info {
  border-top-color: var(--color-primary);
}
.related-post-wrapper a {
  font-size: 16px;
  padding: 10px 0 !important;
  display: inline-block;
  font-weight: 700;
}
.woocommerce ul.products li.product .button {
  margin-top: 1em;
  margin: 12px auto;
  text-align: center;
  display: table;
}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after{
      vertical-align: middle;
}
.woocommerce ul.products li.product .price {
    display: none !important;
}
.woocommerce ul.products li.product .price-rating-block  .price {
    display: inline-block !important;
}
.recent-post .media img {
  width: 30%;
  margin-right: 10px;
}
.recent-post a{
  color: black;
  font-weight: 600;
}
.recent-post span.post_date {
  display: block;
}
.custom-about-us {
  text-align: center;
}
.custom-about-us img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
#sidebar label {
  width: 100%;
  margin-bottom: 10px !important;
}
button.wc-block-product-search__button {
  background-color: var(--color-primary);
  border: none;
  padding: 10px;
}
.contact_widget .media a {
  color: #cfd3d7;
}
.contact_widget .media i {
  padding-top: 6px;
  padding-right: 15px;
  font-size: 16px;
  color: var(--color-secondry);
}
.contact_widget span.contact-text {
    color: white;
}
button.wp-block-search__button {
  background-color: var(--color-primary);
  color: white;
  font-weight: 700;
  border: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    overflow: hidden;
    padding: 11px;
    background-color: white;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 0px 10px 0px #00000040;
    border: 3px solid transparent;
}
.recent-post span.post_date i {
  padding-right: 5px;
}
.search-no-results input.search-field {
  padding: 12px 12px;
  margin: 0;
}
.side-navigation ul li.current-menu-item.menu-item-has-children>a:after{
  display: none;
}
.project-meta span{
  font-weight: 700;
}
.social-profiles i {
  padding-right: 10px;
}
.woocommerce ul.products li.product .product-cuisines a:nth-child(1) {
    display: none;
}
.woocommerce ul.products li.product {
    border: 4px solid transparent !important;
}
.woocommerce ul.products li.product:hover {
    border: 4px solid var(--color-primary) !important;
}
/*---------------- Section Heading-----------------*/
.section_main_head.heading-half-width {
  max-width: 50%;
  margin: 0 auto;
}
.section_main_head .section-text, .section_main_head .section-text p {
  margin-bottom: 0;
  margin: 0 auto;
  font-weight: 400;
  color: #717171;
}
.section_main_head h6 {
  font-weight: 400;
  position: relative;
  font-size: 20px;
  padding-bottom: 0;
  padding-top: 0;
  color: var(--color-primary);
  font-family: var(--ternary-font);
  display: inline-block;
  position: relative;
}
.section_main_head.white_head h3{
  color: white;
}
.section_main_head.white_head h6:before{
  background-color: white;
}
.section_main_head.white_head .section-text, .section_main_head.white_head .section-text p {
  color: white;
}
.section_main_head h3 {
  position: relative;
  color: var(--color-secondry);
  font-size: 40px;
  font-weight: 900;
}
.head-full-width-center {
  max-width: 40%;
  margin: 0 auto;
}
/* Title Banner*/
.banner_title_box {
  position: relative;
  padding: 16em 0 10em 0;
  max-width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-outer-block {
  overflow: hidden;
  margin-bottom: 4em;
  box-shadow: 0px 4px 20.6px 0px #00000040;
}
.content_on_banner {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.title-banner-content {
  text-align: center;
  color: #141B22;
  padding-top: 0;
}
.banner_title_box h1 {
  color: var(--color-secondry);
  font-weight: 700;
  font-size: 49px;
}
.banner_title_box img {
  width: 100%;
}
.single_line_head h6:after, .double_line_head h6:after {
  content: '';
  background-color: var(--color-primary);
  width: 60px;
  height: 3px;
  display: inline-block;
  position: relative;
  top: 0px;
  margin-left: 6px;
}

.double_line_head h6:before {
  content: '';
  background-color: var(--color-primary);
  width: 60px;
  height: 3px;
  display: inline-block;
  position: relative;
  top: 0px;
  margin-right: 6px;
}

.head-design h6:before {
  content: '';
  width: 52px;
  height: 7px;
  width: 58px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  margin-left: 3px;
  border: 3px solid var(--color-ternary);
  border-bottom: none;
  margin: 0 auto;
}
.woocommerce .loader::before{
  display: none;
}
.woocommerce div.product div.images img {
  width: 100% !important;
  margin: 0 auto;
}
.woocommerce ul.products li.product a img {
    width: auto;
    margin: 0 auto;
    border-radius: 136px;
}
.mobile-menu {
    display: none;
}
.contact-box {
    margin-top: 3em;
}
.woocommerce ul.products li.product a.button.yith-wcqv-button {
    display: none !important;
}
.woocommerce ul.products li.product .star-rating {
    display: none;
}
.woocommerce ul.products li.product .price-rating-block  .price {
    margin-bottom: 11px !important;
}
.woocommerce ul.products li.product .product-cuisines {
    margin-top: 5px;
    margin-bottom: 12px;
}

/*------------ Hover Effect two ------------*/

.image-hover-effect .box {
  background: black;
  overflow: hidden;
  position: relative;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.89) 16.31%, rgba(10, 23, 41, 0) 100%);
  border-radius: 15px;
}
.image-hover-effect .box:before{
    content: '';
    background: #fff;
    width: 200px;
    opacity: 0.6;
    transform: skew(-20deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    box-shadow: 0 0 100px #fff;
    transition: all 0.6s ease;
} 
.image-hover-effect:hover .box:before{
    opacity: 1;
    left: 200%;
}
.image-hover-effect .box img{
    width: 100%;
    height: auto;
    transition: all 0.6s ease;
}
.image-hover-effect:hover .box img{ 
    opacity: 0.4;
    filter: grayscale(100%);
}

/*-------------- Image Hover Effect Style ------------*/
.image-hover-effect-style .box:before, .image-hover-effect-style .box:after {
  content: "";
  background: #FFFFFFB0;
  width: 87%;
  height: 87%;
  border-radius: 50%;
  opacity: 0;
  transform: scale(.8);
  position: absolute;
  top: 12px;
  left: 12px;
  transition: all 0.35s ease-in-out 0.15ms;
}
.box-content svg path {
  fill: var(--color-primary);
}
.image-hover-effect-style .box:after{
  width: 40px;
  height: 40px;
  opacity: 1;
  transform: translateX(-20px);
  top: 100%;
  left: 50%;
}
.image-hover-effect-style .box:hover:before{ 
  opacity: 0.8;
  transform: scale(1);
}
.image-hover-effect-style .box:hover:after{
  opacity: 0.1;
  transform: translate(-20px,-20px); 
  top: 50%;
}
.image-hover-effect-style .box img{
  width: 100%;
  height: auto;
}
.image-hover-effect-style .box{
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.image-hover-effect-style .box-content {
    color: #fff;
    width: 100%;
    padding: 0 15px;
    opacity: 0;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    transition: all 0.35s ease-in-out;
    text-align: center;
}
.image-hover-effect-style .box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) rotate(-10deg);
}

 #testimonials .image-hover-effect-style .box:hover:before {
    border-radius: 50%;
}
#testimonials .image-hover-effect-style .box {
    position: relative;
    overflow: visible;
    border-radius: 50%;
}
.promo-blocks-bg:hover, .newsletter_head:hover {
    transform: scaleY(1.1);
}
.rpwwt-widget ul li img {
  border-radius: 50%;
}
.middle-align {
    margin: 3em 0;
}

/*-------------- Hover Effects --------------*/

.bakery-hover-effect .box {
    background: var(--color-secondry);
    font-family: 'Raleway', sans-serif;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}
.bakery-hover-effect  .box:before,
.bakery-hover-effect  .box:after{
    content: "";
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    transform: scale(0);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s ease-in-out;
}
.bakery-hover-effect  .box:after{
    width: 280px;
    height: 280px;
    transform: translateX(-50%) translateY(-50%) scale(0) rotate(0deg);
    left: 50%;
    top: 50%;
}
.bakery-hover-effect  .box:hover:before{ transform: scale(1); }
.bakery-hover-effect  .box:hover:after{ transform: translateX(-50%) translateY(-50%) scale(1) rotate(45deg); }
.bakery-hover-effect  .box img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
}
.bakery-hover-effect  .box:hover img{ opacity: 0.3; }
.bakery-hover-effect  .box .box-content{
    color: var(--color-secondry);
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transition: all .5s ease;
}   
.bakery-hover-effect  .box:hover .box-content{ opacity: 1; }
.bakery-hover-effect  .box .title{
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 3px;
}
.bakery-hover-effect .box .post{
    color: #444;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 12px;
    display: block;
}
.bakery-hover-effect  .box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.bakery-hover-effect  .box .icon li{
    display: inline-block;
    margin: 0 3px;
}
.bakery-hover-effect  .box .icon li a{
    color: #fff;
    background: var(--color-secondry);
    font-size: 16px;
    line-height: 35px;
    height: 35px;
    width: 35px;
    display: block;
    transition: all 0.3s ease 0s;
}
.bakery-hover-effect  .box .icon li a:hover{
    color: var(--color-secondry);
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.bakery-hover-effect  .box .icon li  a i{line-height:inherit;}
/*----------- Blog Style*/
.hover-style .box {
    background: var(--color-primary);
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
    border-radius: 20px;
}
.hover-style .box img{
    width: 100%;
    height: auto;
    transform: translateY(0) rotate(0) scale(1.5);
    transition: all 0.4s ease;
}
.hover-style:hover .box img{
    opacity: 0.35; 
    transform: translateY(12px) rotate(-20deg) scale(1.5);
}