/*
Theme Name: OTBuilder
Theme URI: https://github.com/yourusername/otbuilder
Author: Your Name
Author URI: https://yourwebsite.com
Description: A modern WordPress theme built with Gutenberg, SCSS, and Tailwind CSS
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: otbuilder
Tags: gutenberg, tailwind, scss, responsive
*/

/* This file is for WordPress theme identification only.
   All styles are compiled from SCSS files in src/scss directory */ 

   /* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


/* print style */

@media print {
  header,
  footer,
  .kitchen_banner,
  .r_slider,
  .tag_collection,
  .recipe_list,
  .main_cta_wrap,
  .cat_container,
  .section_seprater,
  .breadcrump{
    display: none !important;
  }

  .single-recipe .recipe_details .main_content{
            flex-direction: column-reverse !important;
        align-items: center !important;
  }

  .single-recipe .recipe_details .right_side, .single-recipe .left_side{
    width: 100% !important;
        flex-shrink: 0 !important;
  }

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.wrapper{
    max-width: 1200px;
    width: 94%;
    margin: 0 auto;
    box-sizing: border-box;
}

body{
  font-family: 'oswald', Helvetica, sans-serif;
}

header{
  position: relative;
}

header .top{
    background: #B5332D;
    min-height: 38px;
    position: relative;
    width: 100%;

}

header .top a{
  color: #fff;
}

header .bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('images/header_bg.png');
    background-size: cover;
}

header .bottom .wrapper{
    display: flex;
    align-items: center;
}
header .bottom .wrapper h1{
max-width: 250px;
    margin-top: -25px;
    margin-bottom: -25px;
    transition: all 0.3s linear;
    z-index: 9999;
}

header{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

/* header.fixed .bottom .wrapper h1{
  max-width: 175px;
} */

header .bottom .wrapper h1 img{
    width: 100%;
    height: auto;
}

html.is-changing .transition-fade {
  transition: opacity 0.25s;
  opacity: 1;
}
html.is-animating .transition-fade {
  opacity: 0;
}

.footer_top{
  padding: 20px 0;
  background-size: cover;

}

/* footer .wrapper{
  max-width: 1200px;
} */

footer .social_links{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
}

footer .social_links a{
  max-width: 40px;
}

footer .social_links img{
  width: 100%;
  height: auto;
}

footer .footer_links{
  display: flex;
flex-direction: row;
justify-content: center;

}

footer .footer_links a{
 
  padding-right: 10px;
  margin-right: 10px;
  border-right: 2px solid #000;



  text-decoration: none;
    color: #000;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
}

footer .footer_links a:last-of-type{
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
h2{
  font-size: clamp(36px, 6vw, 65px);
}
h3{
  font-size: clamp(32px, 4vw, 54px);
}

h4{
  font-size: 36px;
}

h5{
  font-size: 24px;
}

footer .container{

  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 22px;
}

footer .menu_container{
  width: 100%;

}

footer .menu_container .container{
  margin-top: 20px;
}

footer .footer_logo{
  margin-top: -80px;
  margin-bottom: 10px;
}

footer .footer_logo img{
  width: 100%;
  height: auto;
  max-width: 250px;
}


footer .footer_bottom img{
  width: 100%;
  height: auto; 
  display: block;
}


.product_detail,
.tax-product_category main{
  background-image: url('images/texturebg.png');
  background-size: cover;
  padding: 40px 0 0px
}

.product_list ul {
  display: flex;
  justify-content: center;
  gap: 2%;
  flex-wrap: wrap;
  border-radius: 20px;
  padding: 20px;
}

.product_list ul li{
  list-style: none;
 width: 23%;
  box-sizing: border-box;
  padding: 20px;
}

.product_list ul li figure{
  width: 180px;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 auto;
  min-height: 200px;
  display: flex;
  align-items: end;
}

.product_list ul li img{
  width: 100%;
  height: auto;
  display: block;
}

.product_list .cat_content{
  padding: 50px 0 20px;
}

#product_list .cat_content h3,
#product_list .cat_content h4,
#product_list .cat_content h5{
  color: #B5332D;
}

#product_list .cat_content p{
  margin:0 auto 20px;
  width: 94%;
  font-size: 24px;
}

.product_list ul h3{
  font-size: 24px;
  font-family: 'oswald', Helvetica, sans-serif;
  text-transform: uppercase;
  color:#fff;
  margin-top: 20px;
  text-align: center;
}
.product_list li:hover figure,
.product_list li figure.hover{
  display: none;
}

.product_list li:hover figure.hover{

    box-sizing: border-box;
    display: flex;

}

.product_list li:hover figure.hover img{
  width: 100%;
  height: auto;
  display: block;
}

.product_list li a{
  text-decoration: none;
}

.product_detail{
  padding: 0px 0 40px;
}

.product_detail .product_main{
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
}

.product_detail .product_top{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 30px 0 30px 5%;
  position: relative;
}

.product_detail .product_top .content{
  width: 50%;
}

.product_detail .product_img{
margin: -80px 0 30px;
    width: 50%;
    border: 20px solid #fff;
    position: relative;
    z-index: 10;
    overflow: hidden;
    transform: rotate(10deg);
    box-shadow: 10px 9px 7px 0px #999;
    background-color: #fff;
}

.product_detail .wrapper{
  max-width: 1200px;
}

.product_detail .product_img img{
  width: 100%;
  height: auto;
  display: block;
}

.product_detail .product_top .content p{
  font-family: 'oswald',Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-weight: 300;
}

.product_detail .cta_wrapper{
  margin-top: 40px;
  margin-bottom: 50px;
  display: flex;
}

  .product_detail .cta_wrapper .destini-locator-class{
    display: inline-block;
    margin-right: 5px;
  }

  .product_detail .cta_wrapper .destini-locator-class .chakra-button{
    border-radius: 0;
    background: #eba904;
  }

  .product_detail .cta_wrapper .destini-locator-class .chakra-button:hover{
    background: #B5332D;
  }
.product_detail .tab-pane h2,
.product_detail .tab-pane h3,
.product_detail .tab-pane h4,
.product_detail .tab-pane h5{
  font-family: 'oswald', Helvetica, sans-serif;
  color: #000;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.single-post .post_content ol,
.single-post .post_content ul{
  padding-left: 40px;
  list-style: initial;
}
.single-post .post_content ol li,
.single-post .post_content ul li{
  font-family: 'oswald', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #000;
}

.single-post .post_content a:hover{
  color: #B5332D;
}

.product_detail .tab-pane h5{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.product_detail .ing,
.product_detail .tab-pane p{
  font-family: 'oswald',Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-bottom: 20px;
}

.product_detail h3,h4,h5{
  font-family: 'oswald', Helvetica, sans-serif;
}

.product_detail .cta_wrapper a{
  display: inline-block;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
  padding: 10px 20px;
  font-family: "oswald", Helvetica, sans-serif;
  font-weight: 800;
  margin-right: 20px;
}

.product_detail .cta_wrapper a:nth-of-type(2){
  background-color: #000;
  color: #fff;
}

.product_detail h2{
  font-family: 'oswald', Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: clamp(36px, 6vw, 60px);
  margin-bottom: 15px;
}

.product_detail .tab-pane{
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
}

.product_detail .tab-pane > figure{
  flex-shrink: 0;
  flex-basis: 40%;
}

.product_detail .tab-pane img{
  width: 100%;
  height: auto;
}

.product_detail .tab-cont{
  padding: 20px 6%
}

.header-menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  list-style: none;
  padding: 0;
}

.header-menu ul li:not(:last-of-type){
  margin: 0;
  padding-right: 10px;
  border-right: 2px solid #fff;
}

.header_social span,
.header-menu ul li a{
  text-decoration: none;
  color: #fff;
  font-family: 'Open Sans',Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

.header_social span{
  text-transform: none;
}

header .top .container{
  display: flex;
  justify-content: center;
  max-width: 1200px;
  align-items: center;
  padding: 5px 0;
}

header .top .header_social{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-left: 20px;
}

header .top .social_links a{
display: inline-block;
  width: 30px;
  height: 30px; 
}

header .top .social_links img{
  width: 100%;
  height: auto;
}

.single-recipe .recipe_details,
.recipe_list {
  padding: 40px 0;


}

.single-recipe .recipe_details .wrapper,
.recipe_list .wrapper{
    border-radius: 10px;
    padding: 30px;
}

.recipe_list ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3%;
  flex-wrap: wrap;
}

.recipe_list ul li {
  list-style: none;
  width: 30%;
  box-sizing: border-box;
  margin-bottom: 30px;
  text-align: center;
}

.single-recipe .recipe_list ul li {
  width: 30%;
}

.single-recipe .recipe_list ul li  h3{
  line-height: 1;
}

.single-recipe .recipe_list .article_wrapper {
    margin: 0 5% 0;
  padding-top: 30px;
}

.single-recipe .recipe_list .article_wrapper  h3{
  text-align: center;
  color: #B5332D;
}

.single-recipe .recipe_list .article_wrapper > ul{
  justify-content: space-between;

  padding-top: 30px;


}
.recipe_list .article_bottom li{
  margin-bottom: 0;
}

.recipe_list ul li figure {

  overflow: hidden;
  transition: all 0.1s linear;
}


.tax-recipe_tag  .recipe_list .wrapper,
.tax-recipe_category .recipe_list .wrapper{
    border: 4px solid #fff;
  border-radius: 20px;
}

 .scroll_cat{
  text-align: center;
  padding-bottom: 60px;
}

.recipe_list ul li img {
  width: 100%;
  height: auto;
  display: block;
}

.recipe_list ul li a{
  text-decoration: none;
}

.recipe_list ul h3 {
  font-size: 32px;
  font-family: 'oswald', Helvetica, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  margin-top: 20px;
  text-align: center;
}


.single-recipe .recipe_details .left_side .article_bottom  ul li{
  
  list-style: none;

}

.article_bottom ul .text{
  font-family: 'Roboto', Helvetica, sans-serif;
  font-size: 14px;
  line-height: 30px;
  color: #000;
  margin-bottom: 20px;
  font-weight: 600;
}

.article_bottom{
  margin-top: 20px;
}

.article_bottom ul .circle{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: green;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  flex-direction: column;
  font-family: 'oswald', Helvetica, sans-serif;
  line-height: 1;
  color: #fff;
  margin: 0 auto;
}

.article_bottom ul .circle span{
  font-size: 14px;
  font-family: 'Roboto', Helvetica, sans-serif;
  font-weight: 600;
}

.article_bottom ul li:nth-of-type(2)  .circle{
  background-color: #B5332D;
}

.article_bottom ul li:nth-of-type(3)  .circle{
  background-color: #F1DAB2;
  color: #000;
}

.slider1 .slick-slide{
  max-height: 400px;
}

.single-recipe .slider{
  background-color: #000;
}

.single-recipe .recipe_details .wrapper{
  max-width: 1200px;
  padding: 0;
  width: 94%;
  margin: 0 auto;
  box-sizing: border-box;
}



.single-recipe .recipe_list figure{
  margin: 0 auto;
}

.single-recipe .r_slider .header h2{
  color: #fff;
}
.single-recipe h3,
.single-recipe h4,
.single-recipe h5{
  font-family: 'oswald', Helvetica, sans-serif;
  color: #000;
  margin-top: 20px;
  margin-bottom: 10px;
}

.single-recipe h2{
  text-transform: uppercase;
}

.single-recipe h4{
  margin-top: 40px;
  font-size: 20px;
}

.single-recipe h3{
  font-size: 35px;
  font-weight: 600;

}

.single-recipe .recipe_list .article_wrapper h3{
  text-transform: uppercase;
  font-size: 50px;
  margin-bottom: 30px;
}

.single-recipe main li,
.single-recipe p{
  font-family:  'oswald', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 300;
}


.single-recipe .recipe_details h2{
  margin-bottom: 15px;
  font-family: 'oswald', Helvetica, sans-serif;
  color: #B5332D;
}

.single-recipe .recipe_desc h3{
  font-size: clamp(20px, 3vw, 24px);
}

.single-recipe .recipe_desc a{
  color: #B5332D;
  text-decoration: none;
}

.single-recipe .recipe_details .left_side ul,
.single-recipe .recipe_details .left_side ol {
  padding-left: 40px;
  margin-bottom: 20px;
}

.single-recipe .recipe_details .left_side ul li{
  list-style-type: disc;
}

.single-recipe .recipe_details .left_side ol li {
  list-style-type: decimal;

}
.single-recipe .recipe_details .right_side,
.single-recipe .left_side{
  width: 50%;
  flex-shrink: 0;
}

.single-recipe .recipe_details .main_content{
  display: flex;
  justify-content: center;
  gap: 20px;
  position: relative;
  background-color: #fff;
  padding: 30px 5%;
}

.single-recipe .right_side {
  margin-top: -80px;
}

.single-recipe .right_side .figure_wrap{
 margin: -30px 0 30px;
    width: calc(100% - 70px);
    border: 20px solid #f4f4f4;
    position: relative;
    z-index: 10;
    overflow: hidden;
    transform: rotate(-8deg);
    box-shadow: 10px 9px 7px 0px #999;
}



.single-recipe .right_side figure:nth-of-type(1) img{
  width: 100%;
  height: auto;
  display: block;
}

.single-recipe .recipe_details{
  padding-top: 100px;
}

.single-recipe .main_cta_wrap{
  margin-top: 50px;
  text-align: center;
  margin-bottom: 40px;
}

.single-recipe .main_cta_wrap a{
  text-decoration: none;
  padding: 5px 25px;
  text-transform: uppercase;
  font-family: 'oswald', Helvetica, sans-serif;
  cursor: pointer;
}
.single-recipe .main_cta_wrap a{
  background-color: #000;
  color: #fff;

}

.single-recipe .main_cta_wrap a.a2a_dd{
  background-color: #eba904;
color: #000;
margin-right: 20px;
}

.single-recipe .right_side figure:nth-of-type(2){
  width: 250px;
  height: 250px;
  border-radius: 50%;
  border: 4px solid #000;
  background-color: #000;
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin-top: -80px;
  float: right;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 30px;
}
.single-recipe .right_side figure:nth-of-type(2) img{
  width: 100%;
  height: auto;
  display: block;
}

.single-recipe .article_bottom ul{
  display: flex;
  padding: 0 !important;
  gap: 20px;
  margin-top: 30px;
  justify-content: center;
}

.single-recipe .recipe_list .article_bottom ul li{
  width: auto;
}
.single-product .power{
display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.single-product .power .circle{
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #ca171e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  flex-direction: column;
  font-family: 'oswald', Helvetica, sans-serif;
  line-height: 1;
  color: #fff;
}

.single-product .tab-cont .tab-pane h6{
font-family: 'oswald', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin-bottom: 20px;
}

.single-product .power img{
  width: 100%;
  height: auto;
}


.single-product .power span{
  font-size: 18px;
  font-family: 'oswald', Helvetica, sans-serif;
  font-weight: bolder;
  color: #fff;
}
.single-product .power p{
  font-size: 10px;
  font-family: 'oswald', Helvetica, sans-serif;
  margin-bottom: 0;
  line-height: 1;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 3px;
}

.single-product .power figure.power_item{
width: 75px;

}
.single-product .power figure.power_item img{
  width: 100%;
  height: auto;
}

.single-product .tab-menu{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-family: 'oswald', Helvetica, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  margin: 40px 20px 30px;
}

.single-product .tab-menu .active{
  color: #B5332D;
 cursor: pointer;
  text-decoration: underline;
}

.single-product .tab-menu li:not(:nth-last-of-type(1)){
  border-right: 2px solid #000;
  padding-right: 20px;

}

.single-product .tab-menu li{
  text-align: center;
    cursor: pointer;
}

.slider .flip-card-front{
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

footer .social_title p{
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 24px;
  line-height: 26px;
  color: #000;
  font-weight: 600;
  margin-top: 10px;
}


footer .wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
      flex-direction: column;
    gap: 20px;
}



        /* Menu Button 3 */
        .menu-btn-3 {
            height: 30px;
            width: 30px;
            cursor: pointer;
            position: absolute;
            top: 5px;
            right: 20px;
            z-index: 99999;
            display: none;
        }
        
        .menu-btn-3 span,
        .menu-btn-3 span::before,
        .menu-btn-3 span::after {
            background: #fff; 
            content: '';
            position: absolute;
            width: 30px;
            height: 3px;         
            margin-top: 13px;
            
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(deg);
            transform: rotate(180deg);

            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
        }

        .menu-btn-3 span::before {
            margin-top:-9px;
        }

        .menu-btn-3 span::after {
            margin-top:9px;
        }

        .menu-btn-3.active span {
            background: transparent;
        }

        .menu-btn-3.active span::before {
            margin-top: 0;

            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .menu-btn-3.active span::after {
            transform: rotate(-45deg);
            margin-top: 0;
        }

        header .header-menu ul li a{
          position: relative;
        }
header .header-menu ul li a::after,
header .header-menu ul li a::before{
  position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #fff;
    content: "";
    opacity: 0;
    transition: all 0.3s;
}

header .header-menu ul li a::before{
  top: 0;
  transform: translateY(10px);
}

header .header-menu ul li a::after{
  top: 0;
  transform: translateY(-10px);
}
header .header-menu ul li a:hover::after{
        opacity: 1;
    transform: translateY(25px);
}
header .header-menu ul li a:hover::before{
      opacity: 1;
    transform: translateY(-8px);
}

body {
  overflow-x: hidden;
}

.single-recipe .cta_wrap {
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
}
.single-recipe .cta_wrap a,
.single-recipe .cta_wrap button{
  font-family: 'oswald', Helvetica, sans-serif;
  color: #fff;
  background-color: #B5332D;
  border: none;
  padding: 10px 30px 15px;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
@media screen and (max-width: 995px) {

  .header-menu ul li:not(:last-of-type){
    border: none;
  }

    .recipe_list .article_wrapper > ul > li figure{
      margin: 0 auto;
    }

  footer .wrapper{
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  
header .top .container{
      flex-direction: column-reverse;
}

.header-menu ul li{
  padding-right: 0;
  border-right: none;
}
.header-menu ul{
  flex-direction: column;
}

header .header-menu{
  margin-top: 30px;
}

header .header-menu{
  display: none;
}

header .menu-btn-3{
  display: block;
}

  .product_detail .tab-pane{
    flex-direction: column;
  }

  .product_detail .tab-pane h3{
    text-align: center;
  }

  .product_detail .tab-pane > figure{
    margin: 0 auto;
  }

}

.social_links .flip-circle-reversed {
  display: inline-block;
  position: relative;
    transition: all 0.275s ease-out;
    transform-style: preserve-3d;
    width: 30px;
    height: 30px;
}
.social_links .flip-circle-reversed:hover {
transform: rotateY(180deg);
}

.social_links .flip-circle-reversed a:last-of-type {
    transform: rotateY(180deg);
}

.social_links .flip-circle-reversed a{
      position: absolute;
    line-height: 40px;
    font-size: 1.8em;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.product_list .wrapper{
  max-width: 1200px;
}

.active_line_bar{
  width: 5px;
  height: 156px;
  position: absolute;
  top: -300px;
  left: 150px;
  background-color: #eba904;
}

.tax-product_category .active_line_bar{
  height: 115px;
}



.article_list .article_wrapper{
  border-bottom: 10px dotted #000;
  margin-bottom: 30px;
}

.article_list .article_wrapper:nth-last-of-type(1){
    border-bottom: 0;
  margin-bottom: 0;
}

.kitchen_banner .branner_content h2{
  color: #fff;
}


.single-recipe .r_slider .product_slid .slider_flip_item .flip-card-back h3{
  color:#fff;
}

.single-recipe .r_slider .product_slid .slider_flip_item h4{
  margin-bottom: 0;
}

.breadcrump ul{
  display: flex;
  list-style: none;
}

.single-recipe .recipe_details .breadcrump ul{
  padding: 0;
}

.single-recipe .recipe_details .breadcrump ul li{
  color:#B5332D;
  list-style: none;
  white-space: nowrap;
}

.breadcrump ul li::after{
  content: ':';
  margin: 0 10px;
  display: inline-block;

}

.breadcrump ul li:last-of-type::after{
  content: '';
}

.breadcrump ul li a{
  text-decoration: none;
}

.single-post .single_banner{
  background-color: #B5332D;
  min-height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 30px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-post .single_banner::after{
  content: '';
  position: absolute;
  left: 0;
width: 100%;
  bottom: -15px;
  background-image: url('./images/product_border.png');
  background-repeat: repeat-x;
  height: 33px;
}

.single-post .single_banner .content{
  max-width: 1000px;
  width: 94%;
  text-align: center;
  padding: 20px;
}

.single-post .single_banner .content h2{
  font-family: 'oswald', sans-serif;
  font-size:clamp(35px, 8vw, 65px) ;
  text-shadow: 5px 0 0 #000;
  color: #eba904;
  line-height: 1.3;
}

.single-post .post_content{
  font-family: 'roboto', Helvetica, sans-serif;
  line-height: 1;
  margin-bottom: 60px;
}

.single-post .post_content h2,
.single-post .post_content h3,
.single-post .post_content h4,
.single-post .post_content h5{
margin-bottom: 35px;
font-weight: 600;
}

.single-post .post_content p{
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin-bottom: 30px;
}


.single-post .post_content .wp-block-image{
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.category div.grid{
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.category div.grid article{
  width: 32%;
  padding: 10px 10px 20px;
  box-sizing: border-box;
  margin-bottom: 30px;
  border: 1px solid #ccc;
}

.category main .container{
  max-width: 1200px;
  width: 94%;
  margin: 0 auto 80px; 
}

.category div.grid article img{
  display: block;
  width: 100%;
  height: auto;
}

.category .container h1{
  font-size: 0;
    padding: 80px 0 40px;
}

.category .container h1 span{
  font-size: clamp(24px, 5vw, 42px);
  font-family: 'oswald', Helvetica, sans-serif;
  color:#eba904;


}

.category div.grid article h2{
  line-height: 0.6;
  margin-bottom: 10px;
}

.category div.grid article h2 a{
  font-size: clamp(24px, 4vw, 36px);
  line-height: 1.1;
  text-decoration: none;
  font-family: 'oswald', Helvetica, sans-serif;
  transition: all 0.3s linear;
}

.category div.grid article h2 a:hover{
  color: #B5332D;
}

.category div.grid article div{
  font-family: 'Roboto', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-bottom: 20px;
}


.error404 main{
  max-width: 1200px;
  width: 94%;
  margin: 0 auto;
  padding: 80px 0;
}

.error404 main h1{
  font-size: clamp(36px, 6vw, 65px);
  font-family: 'oswald', Helvetica, sans-serif;
  color: #eba904;
  text-align: center;
  margin-bottom: 20px;
}

.error404 main p{
  font-size: 24px;
  line-height: 30px;
  font-family: 'Roboto', Helvetica, sans-serif;
  color: #000;
  text-align: center;
}

.error404 main .cta_wrap{
  display: block;
  margin-top: 50px;
  text-align: center;
}

#product_list .arrow_wrapper{
display: none;
}

.arrow_wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  position: absolute;
  left: 0;
}

.arrow_wrapper .left,
.arrow_wrapper .right{
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-image: url('./images/next.png');
  background-size: contain;
}

#product_list .arrow_wrapper .left, 
#product_list .arrow_wrapper .right{
  background-image: url('./images/next.png');
}

.arrow_wrapper .left{
  transform: rotateY(180deg);
}

.contact_wrap{
  margin: 80px auto;
}

.contact_wrap p{
  line-height: 24px;
  font-family: 'Roboto', Helvetica, sans-serif;
  font-size: 18px;
  color: #000;
  text-align: center;
}


.main_cat{
  position: relative;
  background-color: #B5332D;
  padding: 10px 60px 10px 40px;
  color: #fff;
  display: inline-block;
}

.main_cat::before{
  content: '';
  position: absolute;
  top: 10px;
  right: 30px;
  width: 15px;
  height: 15px;
background-image: url('images/arrow.png');
background-size: contain;
}

.main_cat:hover::before{
  transform: rotate(180deg);
}

.cat_drop_down{
  position: absolute;
  width: 100%;
  top: 30px;
  left: 0;
  height: 350px;
  overflow: auto;
  display: none;
  flex-direction: column;
  z-index: 9999;
  background-color: #B5332D;
  color: #fff;
  padding-bottom: 20px;
  
}

.cat_drop_down a{
  padding: 10px 20px 10px;
  text-decoration: none;
  color: #fff;
  box-sizing: border-box;
}

.cat_drop_down a p{
  color: #fff;
}

.cat_drop_down a.active,
.cat_drop_down a:hover{
  background-color: #000;
}

.main_cat:hover .cat_drop_down{
  display: flex;
}

.cat_container{
  padding-top: 80px;
  display: flex;
  gap: 20px;
  flex-direction: row;
  justify-content: center;
    align-items: center;

}

.result_container{
  display: flex;
  gap: 5%;
  flex-direction: row;
    align-items: top;
        flex-wrap: wrap;
        margin-bottom: 100px;

}

.result_container article{
  width: 30%;
  box-sizing: border-box;
  margin-top: 40px;
}

.result_container article img{
  width: 100%;
  height: auto;
  display: block;
}

.result h2{
  text-align: center;
  color:#B5332D;
  margin-top: 80px;
}

.result h3{
  text-align: center;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-bottom: 80px;
}

.texture_bg{
  background-image: url('images/texturebg.png');
  background-size: cover;
}

.pagination .current,
.pagination a{
  text-decoration: none;
  display: flex;
  background-color: #fff;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 12px;
  color: rgba(0,0,0,0.5);
  font-weight: 400;
}

.pagination .current{
  color: #000;
}

#searchform {
  display: flex;
}

#searchform input[type="text"]{
  width: 100px;
  padding: 7px 15px;
  font-size: 16px;
  outline: none;
  border: 0;
  border-radius: 0;
}

#searchform input[type="submit"]{
  padding: 7px 15px;
  font-size: 16px;
  border: 0;
  width: 36px;
  height: 36px;
  background-color: #B5332D;
  color: #fff;
  cursor: pointer;
  background-image: url('images/search.png');
      background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.archive.category main .container{
  max-width: 100%;
  width: 100%;
  margin: 0;
}

@media screen and (max-width: 995px) {
.category div.grid article{
  width: 49%;
}
  
}

@media screen and (max-width: 767px) {

  .single-recipe .right_side .figure_wrap{
    margin: 0 0 30px;
  }

  .result_container article{
    width: 47.5%;
  }

  .product_detail .cta_wrapper a{
    margin-right: 0;
    margin-bottom: 10px;
  }

  .recipe_list ul h3{
    height: auto !important;
  }

  .recipe_list .article_wrapper > ul > li{
    width: 100%;
  }
  footer .footer_links{
    flex-direction: column;
    align-items: center;
  }
  footer .footer_links a{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    margin-bottom: 10px;
  }
  footer .footer_links a:last-of-type{
    margin-bottom: 0;
    text-align: center;
  }

    footer .container img{
      width: 100%;
      height: auto;
    }

  .header_social span{
    display: none;
  }

  .product_list ul li{
    width: 100%;
  }

  .product_list ul li figure{
    margin: 0 auto;
  } 

  header .bottom .wrapper {
    justify-content: center;
  }
    header.fixed .bottom .wrapper h1,
  header .bottom .wrapper h1{
    max-width: 135px;
    margin-top: 0;
  }

  footer .footer_logo{
    max-width: 250px;
  }

  .product_detail .product_top{
    flex-direction: column-reverse;
    gap: 40px;
  }

  .product_detail .product_top .content{
    padding-top: 30px;
    width: 100%;
  }

  .single-product .tab-menu li:not(:nth-last-of-type(1)){
    border: 0;
    padding: 0;
  }

  .single-product .tab-menu{
    flex-direction: column;
    padding: 0 10px;
  }
.product_detail .cta_wrapper,
.product_detail h2{
  text-align: center;
}



.product_detail .tab-pane > figure{
  flex-basis: 100%;
}

footer .menu_container{
  width: 100%;
}

.single-recipe .recipe_details .main_content{
  flex-direction: column-reverse;
  align-items: center;  
}

.single-recipe .recipe_details .right_side, .single-recipe .left_side{
  width: 100%;
  flex-shrink: 0;
}

.category div.grid article{
  width: 100%;
}

#product_list .arrow_wrapper{
display: flex;
position: static;

}


}



main .banner{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 750px;
}

main .banner .containt{
    max-width: 950px;
}

.home main .banner .containt{
    max-width: 500px;
}

main .banner .containt h2{
    color: #fff;
    font-size: clamp(40px, 8vw, 91px);
    text-shadow: 3px 2px 0px rgba(0, 0, 0, 1);
    text-align: center;
}



/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;

    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    min-height: 350px;
  }
  
 .slider{
    width: 100%;
    overflow: hidden;
 }

  /* Do an horizontal flip when you move the mouse over the flip box container */
  .active .flip-card-inner,
  .slider .product_slid .slider_flip_item:hover .flip-card-inner,
  .active .flip-card .flip-card-inner,
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg) !important;
  }
  
  .slider .product_slid .slider_flip_item .flip-card-front img,
  .slider .product_slid .slider_flip_item .flip-card-front h4{
    background-color: #fff;
    padding: 5px;
    box-sizing: border-box;
  }

  .slider .product_slid .slider_flip_item .flip-card-front img{
    padding-bottom: 0;
    border-radius: 5px 5px 0 0;
  }

  .slider .product_slid .slider_flip_item .flip-card-front h4{
    border-radius: 0 0 10px 10px;
  }

  .slider .product_slid .slider_flip_item .flip-card-front h4{
    padding: 10px;
  }
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    bottom: 0;
    white-space: normal;
  }
  
  
  
  /* Style the back side */
  .flip-card-back {
    background-image: url('images/blank\ circle.png');
    background-size: cover;
    transform: rotateY(180deg);
    padding: 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto',Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    height: 300px;
  }



  #product_list p{
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 18px;
    text-transform: none;
    line-height: 1.3;
  }

 #product_list h2{
  font-size: clamp(34px, 6vw, 60px);
  font-weight: 400;
  margin-bottom: 20px;
 }

  #product_list h3{
    color: #000;
    font-size: clamp(22px, 4vw, 30px);
    margin-bottom: 30px;
  }

  #product_list .cat_content h3{
        font-size: clamp(22px, 4vw, 48px);
  }

#product_list .slider_flip_item h3{
  color: #fff;
}

  .product_list#product_list .wrapper{
    max-width: 980px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    margin-bottom: 80px;
  }

  .slider .product_slid .slider_flip_item .flip-card-back{
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto',Helvetica, sans-serif;
    transform: rotateY(180deg);
    min-height: 350px;
    padding: 10px;
    flex-direction: column;
    line-height: 1.2;
    height: auto;
    border: 3px solid #fff;
    background-color: #B5332D;
    border-radius: 10px;
  }

  
  .slider .product_slid .slider_flip_item .flip-card-back h3{
    font-size: 26px;
    font-family: 'oswald', Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1;
  }


  main .flip_section .header{
    text-transform: uppercase;
    text-align: center;
    
  }

  main .flip_section .header h2{
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 36px;
  }

  main .flip_section .flipwrapper{
   display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 50px;
    gap: 30px;
  }

  main .flip_section .flipwrapper .flip-card .flip-card-front{
    width: 300px;
    height: 300px;
    box-sizing: border-box;
    background-image: url('images/reason-circle-center2.png');
    background-size: cover;
  }

  main .flip_section .flipwrapper .flip-card h3{
    color: #eba904;
    text-align: center;
    font-size: 24px;
    font-family: 'oswald', Helvetica, sans-serif;
    margin-top: 20px;
    text-transform: uppercase;
  }
  .slider .product_slid .slider_flip_item img{
    width: 100%;
    height: auto;
  }

    .slider .product_slid .slider_flip_item {
    background: transparent;
    list-style: none;
    color: #000;
    font-family: Tahoma;
    padding: 10px;
    position: relative;
    text-align: center;
    display: inline-block !important;
      width: 210px !important;
      border-radius: 10px;
      perspective: 1000px;
      flex-shrink: 0;
  }

    .slider .product_slid .slider_flip_item h4{
    font-size: 18px;
    font-family: 'oswald', Helvetica, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.1;
    padding: 10px 0 5px;
    text-align: center;
  }

  .slider .header{
    text-transform: uppercase;
    text-align: center;
    font-family: 'oswald', Helvetica, sans-serif;
    font-size: clamp(24px, 3vw, 50px);
    margin-bottom: 30px;
}

.slider .header h2{
    font-size: clamp(34px, 6vw, 60px);
    font-family: 'oswald', Helvetica, sans-serif;
}

.slider{
    padding:80px 0 30px;
}

main .slider .cta_wrapper{
    text-align: center;
}

main .slider .cta_wrapper a{
      background-color: #b5342d;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 15px 20px;
    color: #fff;
    text-decoration: none;
    font-family: 'oswald', Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
    width: 160px;
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
    border: 2px solid #b5342d;
}


main .slider .cta_wrapper a:hover{
    background-color: #fff;
    color: #b5342d;
}


main .slider .cat_wrtapper{
        width: 100%;

      overflow: hidden;

      position: relative;
      text-align: center;
}

main .slider .product_slid{
       width: max-content;
      height: max-content;
      white-space: nowrap;
      text-align: center;
      margin: 0 auto;
}

main .section_seprater{
  background-color: #eba904;
}

main .section_seprater img{
  width: 100%;
  height: auto;
}


.black_section form textarea,
main .black_section #mc_embed_signup .mc-field-group input{

    width: 100%;
    text-align: left;
    box-sizing: border-box;
    border-radius: 0%;
        font-family:  'Roboto',Helvetica, sans-serif;
        padding: 12px 5px;
        font-size: 16px;
}
main .black_section form label{
    width: 100%;
}
.black_section .header p{
    font-size: 20px;
    font-family:  'Roboto',Helvetica, sans-serif;
    line-height: 24px;
    text-align: center;
    margin: 30px auto 0px;
}

.black_section form p{
        display: flex;
    flex-direction: column;
    align-items: center;
}

.black_section #mc_embed_signup form #mc_embed_signup_scroll{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.black_section #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group{
    width: calc(50% - 8px);
    padding-bottom: 15px;
}

.black_section #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.acceptance{
    width: 100%;
}

.black_section #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.acceptance label{
    display: flex;
    gap: 10px;
    font-family: 'Roboto',Helvetica, sans-serif;
    align-items: baseline;
}

.black_section #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.acceptance label input[type="checkbox"]{
    width: auto;
}

.black_section #mc_embed_signup form #mc_embed_signup_scroll input[type="submit"]{
  -moz-appearance: none; 
  appearance: none;  
  background: #000;
    display: inline-block;
    padding: 7px 40px;
    color: #fff;
    width: auto !important;
    height: 44px;
    line-height: 0;
    text-decoration: none;
    font-family: 'oswald', sans-serif !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    text-align: center;
    border: none;
    border-radius: 0px;
    margin: 0px 0 80px !important;
    font-weight: 300;
}


.black_section{
    background: #B5332D;
    padding: 80px 0 50px;
    color: #fff;
} 

main .black_section form{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 !important;
  max-width: 950px;
  margin: 35px auto 0px;
}

main .black_section .header .club_sub_title{
    font-size: 26px;
    color: #000;
    text-shadow: none;
    font-weight: 700;
    text-transform: uppercase;
}

main .black_section.join .header p{
    text-shadow: none;
    margin-top: 10px;
}

.black_section #mc_embed_signup form #mc_embed_signup_scroll .clear {
    text-align: center;
    width: 100%;
}

@media screen and (max-width:767px) {
    .black_section #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group{
        width: 100%;
    }
    
}


main .black_section .header {
    font-size: 50px;
    font-family: 'oswald', sans-serif;
    text-shadow: 4px 0 0 black;
    color: #fff;
    text-align: center;
    max-width: 900px;
    margin: 0 auto 20px;
}