/*
Theme Name: OTBuilder - Kentucky Legend
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,
  .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;
  }
}

@font-face {
  font-family: 'Hanley Sans';
  src: url('./fonts/Hanley-Sans.otf') format('opentype');
}

@font-face {
  font-family: 'Love-of-Thunder';
  src: url('./fonts/A\ Love\ of\ Thunder.ttf') format('opentype');
}

@font-face {
  font-family: 'EusthaliaStamped-Stamped';
  src: url('./fonts/EusthaliaStamped-Stamped.otf') format('opentype');
}

@font-face {
  font-family: 'Gotham';
  src: url('./fonts/Gotham-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Hanley Slim Sans';
  src: url('./fonts/Hanley-SlimSans.otf') format('opentype');
}

@font-face {
  font-family: 'ITC Leawood Black';
  src: url('./fonts/ITC\ Leawood\ Black.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica';
  src: url('./fonts/Helvetica.ttc') format('truetype');
}
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: 980px;
    width: 94%;
    margin: 0 auto;
    box-sizing: border-box;
}

header{
  position: relative;
}

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

}

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: 175px;
    margin-top: -25px;
    margin-bottom: -25px;
    transition: all 0.3s linear;
    z-index: 9999;
}

header{
  position: sticky;
  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{
  background-color: #eba904;
  padding: 0px 0 5px;
}

/* 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: 3px solid #000;



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

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;
  max-width: 350px;
  text-align: center;
  flex-direction: column;
}

footer .menu_container{
  width: calc(100% - 350px);
}

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,
.product_list{
  background-image: url('images/product_bg.png');
  background-size: cover;
  padding: 40px 0 80px
}

.product_list ul {
  display: flex;
  justify-content: center;
  gap: 2%;
  flex-wrap: wrap;
  border: 3px solid #eba904;
  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{
  border: 4px solid #fff;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 auto;
}

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

.product_list ul h3{
  font-size: 24px;
  font-family: 'Love-of-Thunder', 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{
    background-color: #eba904;
    padding: 0 31px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

.product_detail .product_main{
  background-color: #fff;
  border: 3px solid #eba904;
  border-radius: 20px;
}

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

.product_detail .product_top::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  background-image: url('./images/product_border.png');
  background-repeat: repeat-x;
  height: 33px;
}

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

.product_detail .product_img{
  margin: -80px 0 -70px;
  width: 50%;
  border-radius: 50%;
  border: 4px solid #B5332D;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.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: 'Roboto', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #000;
}

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

  .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: 'Love-of-Thunder', 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: 'Roboto', 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: 'Roboto',Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-bottom: 20px;
}

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

.product_detail .cta_wrapper a{
  display: inline-block;
  background-color: #eba904;
  color: #000;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
  padding: 10px 20px;
  font-family: "Montserrat", 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: 'Love-of-Thunder', Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: clamp(36px, 6vw, 60px);
  margin-bottom: 15px;
  margin-top: 50px;
}

.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{
  margin: 0;
  padding-right: 10px;
  border-right: 2px solid #000;
}

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

.header_social span{
  text-transform: none;
}

header .top .container{
  display: flex;
  justify-content: end;
  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 {
  background-color: #eba904;
  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;
  border-top: 10px dotted #000;
}

.single-recipe .recipe_list .article_wrapper  h4{
  text-align: center;
}

.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 {
  border: 4px solid #fff;
  border-radius: 50%;
  max-width: 275px;
  max-height: 275px;
  overflow: hidden;
  transition: all 0.1s linear;
}

.recipe_list ul li:hover figure{
  box-shadow: 10px 10px 20px #000;
    border: 4px solid #B5332D;
}

.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: 'Love-of-Thunder', 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: 'Love-of-Thunder', 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{
  border-radius: 20px;
  max-width: 1200px;
  padding: 0;
  width: 94%;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #fff;
}

.single-recipe .recipe_list{
  border-radius: 20px;
}

.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: 'Love-of-Thunder', Helvetica, sans-serif;
  color: #000;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.single-recipe h2

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

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


.single-recipe .recipe_details h2{
  margin-bottom: 15px;
  font-family: 'Love-of-Thunder', Helvetica, sans-serif;
}

.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%;
  border-radius: 20px;
}

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

.single-recipe .right_side figure:nth-of-type(1){
  border-radius: 50%;
  border: 4px solid #B5332D;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.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: 'Love-of-Thunder', 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: center;
  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: #eba904;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  flex-direction: column;
  font-family: 'Love-of-Thunder', Helvetica, sans-serif;
  line-height: 1;
  color: #000;
}

.single-product .tab-cont .tab-pane h6{
font-family: 'Love-of-Thunder', 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: 20px;
  font-family: 'Roboto', Helvetica, sans-serif;
  font-weight: bolder;
}
.single-product .power p{
  font-size: 14px;
  font-family: 'Roboto', Helvetica, sans-serif;
  margin-bottom: 0;
  line-height: 1;
}

.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: 'Love-of-Thunder', 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: #eba904;
  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: 'Roboto', 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: space-between;
}



        /* 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: #000; 
            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: #B5332D;
    content: "";
    opacity: 0;
    transition: all 0.3s;
}

header .header-menu ul li a:hover{
  color: #B5332D;
}
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;
}
@media screen and (max-width: 995px) {

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

  .recipe_list .article_wrapper > ul > li{
    width: 48%;
  }
  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: 'EusthaliaStamped-Stamped', 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: 'EusthaliaStamped-Stamped', 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: 'Love-of-Thunder', 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: 'EusthaliaStamped-Stamped', 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/prev.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;
}

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

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

  .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;
  }

  .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{
    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;

}


}


.kitchen_banner{
    min-height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 30px;
}


main .kitchen_banner::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px;
    background-image: url('./Images/banner_border.png');
    z-index: -1;
    width: 100%;
    height: 33px;
    background-repeat: repeat-x;
}

.kitchen_banner .wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.kitchen_banner .branner_content{
    max-width: 500px;
    width: 100%;
    text-align: center;
    font-family: 'Roboto', Helvetica, sans-serif;
    line-height: 1.2;
}

.kitchen_banner .branner_content h2{
    font-family: 'EusthaliaStamped-Stamped', sans-serif;
    margin-bottom: 30px;
    line-height: 1.5;
    text-shadow: 5px 0 0 black;
}

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

    .kitchen_banner{
        background-size: contain;
    }
    
}

@media screen and (max-width: 995px) {
     .kitchen_banner{
        min-height: 600px;
     }

     .branner_content{
        margin-top: 40%;
     }
    
}

@media screen and (max-width: 768px) {
    .kitchen_banner:not(.contact){
        min-height: auto;
        padding: 50px 0;
        background: #b5332d;
        background-image: none !important;
    }
.kitchen_banner.contact{
    min-height: 400px;
    background-size: cover;
}
    .branner_content{
        margin-top: 0;
     }
    
}




/* 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;
  }
  
 .r_slider{
    width: 100%;
    overflow: hidden;
     padding:80px 0 100px;
 }

  /* Do an horizontal flip when you move the mouse over the flip box container */
  .active .flip-card-inner,
  .r_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;
  }
  
  .r_slider .product_slid .slider_flip_item .flip-card-front img,
  .r_slider .product_slid .slider_flip_item .flip-card-front h4{
    background-color: #eba904;
    padding: 10px;
    box-sizing: border-box;
  }

  .r_slider .product_slid .slider_flip_item .flip-card-front img{
    padding-bottom: 0;
  }
  /* 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: 10px;
  }
  
  
  
  /* Style the back side */
  .flip-card-back {
    /* background-image: url('images/blank circle.png'); */
    background-size: cover;
    color: white;
    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;
  }

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

  .r_slider .product_slid .slider_flip_item .flip-card-back h3{
    font-size: clamp(24px, 2.5vw, 26px);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1;
    font-family: 'Roboto', Helvetica, sans-serif;
  }

  main .flip_section{
    margin: 120px 0 100px;
    text-align: center;
  }

  main .flip_section .header{
    text-transform: uppercase;
    text-align: center;
    font-family: 'Love-of-Thunder', Helvetica, sans-serif;
    font-size: clamp(24px, 4vw, 35px);
    font-weight: normal;
  }

  main .flip_section .header h2{
    font-size: clamp(30px, 6vw, 70px);
    line-height: 1;
    font-weight: normal;
  }

  main .flip_section .flipwrapper{
   display: flex;
    justify-content: center;
    align-items: top;
    flex-wrap: wrap;
    margin-top: 50px;
    gap: 30px;
  }
  
  main .flip_section .flipwrapper .flip-card h3{
    color: #eba904;
    text-align: center;
    font-size: 24px;
    font-family: 'Love-of-Thunder', Helvetica, sans-serif;
    font-weight: 600;
    margin-top: 20px;
    text-transform: uppercase;
  }
  .r_slider .product_slid .slider_flip_item img{
    width: 100%;
    height: auto;
  }

    .r_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: 198px !important;
      border-radius: 10px;
      perspective: 1000px;
  }

    .r_slider .product_slid .slider_flip_item h4{
    font-size: 18px;
    font-family: 'Love-of-Thunder', Helvetica, sans-serif;

    text-transform: uppercase;
    line-height: 1.1;
    padding: 10px 0 5px;
    text-align: center;
  }

  .r_slider .header{
    text-transform: uppercase;
    text-align: center;
    font-family: 'Love-of-Thunder', Helvetica, sans-serif;

    font-size: clamp(24px, 4vw, 35px);
    color:#fff;
    margin-bottom: 30px;
}

.r_slider .header h2{
    font-size: clamp(36px, 6vw, 70px);
        font-family: 'Love-of-Thunder', Helvetica, sans-serif;
    line-height: 1;
 
}



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

main .r_slider .cat_wrtapper{
        width: 100%;

      overflow: hidden;

      position: relative;
      text-align: center;
}

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

.product_slid .flip-card-front{
  background-color: #eba904;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}

.tag_collection{
    margin-top: 80px;
    margin-bottom: 80px;
}

.tag_grid{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}

.tag_grid .grid{
    width: 175px;
}

.tag_grid .grid a{
    display: inline-block;
    width: 100%;
    text-decoration: none;

}

.tag_grid .grid a img{
    width: 100%;
    height: auto;
    max-width: 125px;
}

.tag_grid figure{
    padding: 20%;
    box-sizing: border-box;
    border: 2px solid #000;
    border-radius: 50%;
    width: 175px;
    height: 175px;
    justify-content: center;
    display: flex;
    align-items: center;
    background-color: #B5332D;

}

.tag_grid .active figure,
.tag_grid a:hover figure{
    background-color: #eba904;
}

.tag_grid .grid h4{
    margin-top: 10px;
    font-size: 22px;
    font-family: 'Love-of-Thunder', Helvetica, sans-serif;
}

.tag_collection .header{
    text-align: center;
    text-transform: uppercase;
    font-family: 'Love-of-Thunder', Helvetica, sans-serif;
    margin-bottom: 30px;
    font-size: 32px;
}



/* 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: #eba904;
    padding: 10px;
    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;
  }
  /* 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;
    color: white;
    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;
  }

  .slider .product_slid .slider_flip_item .flip-card-back{
    color: #eba904;
    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 #eba904;
    background-color: #B5332D;
    border-radius: 10px;
  }

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

  main .flip_section{
    margin: 80px 0 150px;
    text-align: center;
  }

  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 .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: 'Love-of-Thunder', 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: 198px !important;
      border-radius: 10px;
      perspective: 1000px;
      flex-shrink: 0;
  }

    .slider .product_slid .slider_flip_item h4{
    font-size: 18px;
    font-family: 'Love-of-Thunder', 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: 'Love-of-Thunder', Helvetica, sans-serif;
    font-size: clamp(24px, 3vw, 50px);
    color:#eba904;
    margin-bottom: 30px;
}

.slider .header h2{
    font-size: clamp(40px, 6vw, 75px);
    font-family: 'Love-of-Thunder', Helvetica, sans-serif;
}

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

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

main .slider .cta_wrapper a{
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 15px 20px;
    color: #000;
    text-decoration: none;
    font-family: 'Love-of-Thunder', 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;
}


main .slider .cta_wrapper a::after{
 content: '';
    position: absolute;
    top: 0;
    right: -19px;
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-right: 20px solid transparent;
    transition: all 0.3s ease;
}


main .slider .cta_wrapper a::before{
      content: '';
    position: absolute;
    top: 0;
    left: -19px;
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-left: 20px solid transparent;
    transition: all 0.3s ease;
}

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

main .slider .cta_wrapper a:hover::after{
    border-top: 25px solid #eba904;
    border-bottom: 25px solid #eba904;
}

main .slider .cta_wrapper a:hover::before{
    border-top: 25px solid #eba904;
    border-bottom: 25px solid #eba904;
}

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;
}



.col-banner{
  background: #eba904;
  display: flex;
  color: #000;
  text-align: center;
  text-shadow: none;
  font-family: 'Love-of-Thunder', Helvetica, sans-serif;
  padding: 80px 0 50px;
  justify-content: space-between;
  position: relative;
    margin-bottom: 30px;
    align-items: center;
}

.col-banner .content{
  width: 50%;
  padding: 0 3%;
  box-sizing: border-box;
  margin-bottom: 50px;
}

.col-banner span{
  font-size: clamp(28px, 4vw, 40px);
  line-height: 32px;
  text-transform: uppercase;
}
.col-banner h2{
  font-size: clamp(36px, 6vw, 70px);
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.col-banner .desc{
  font-size: 16px;
  line-height: 23px;
  font-family: 'Roboto',Helvetica, sans-serif;
}

.col-banner::after{
  border-bottom: 10px solid #eba904;
}

.col-banner::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -33px;
    background-image: url('images/banner_border.png');
    z-index: 1;
    width: 100%;
    height: 33px;
    background-repeat: repeat-x;
}

.col-banner .cta_wrap a{
       background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 15px 20px;
    color: #000;
    text-decoration: none;
    font-family: 'Love-of-Thunder', 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;
}


.col-banner .cta_wrap a::after{
 content: '';
    position: absolute;
    top: 0;
    right: -19px;
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-right: 20px solid transparent;
    transition: all 0.3s ease;
}


.col-banner .cta_wrap a::before{
      content: '';
    position: absolute;
    top: 0;
    left: -19px;
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-left: 20px solid transparent;
    transition: all 0.3s ease;
}

.col-banner .cta_wrap a:hover{
    background-color: #B5332D;
    color: #fff;
}

.col-banner .cta_wrap a:hover::after{
    border-top: 25px solid #B5332D;
    border-bottom: 25px solid #B5332D;
}
.col-banner .cta_wrap a:hover::before{
    border-top: 25px solid #B5332D;
    border-bottom: 25px solid #B5332D;
}

.col-banner figure img{
  width: 100%;
  height: auto;
}


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

  .col-banner{
    flex-direction: column;
    gap: 30px;
  }

  .col-banner .content{
    width: 94%;
  }
  
}


.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"]{
   background-image: url('./images/blank_white_button.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 7px 40px;
    color: #000;
    width: 210px !important;
    height: 44px;
    line-height: 0;
    text-decoration: none;
    font-family: 'Love-of-Thunder', Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    width: 160px;
    text-align: center;
    border: none;
    background-color: transparent;
    margin: 0px 0 80px !important;
}


.black_section{
    background: #000;
    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;
}



.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 .kitchen .cta_wrapper{
    text-align: center;
}

main .kitchen{
    background: url('images/ham\ and\ cheese\ crepes.png') no-repeat;
    background-size: cover;
    min-height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 100px;
}


main .black_section .header,
main .kitchen .wrapper .header{
    font-size: 50px;
    font-family: 'EusthaliaStamped-Stamped', sans-serif;
    text-shadow: 4px 0 0 black;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}

main .kitchen .wrapper .header span{
    font-size: clamp(24px, 4vw, 50px);
    margin-bottom: 20px;
    line-height: 1.2;
} 


main .kitchen .cta_wrapper a{
      background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 15px 20px;
    color: #000;
    text-decoration: none;
    font-family: 'Love-of-Thunder', 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;
}


main .kitchen .cta_wrapper a::after{
 content: '';
    position: absolute;
    top: 0;
    right: -19px;
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-right: 20px solid transparent;
    transition: all 0.3s ease;
}


main .kitchen .cta_wrapper a::before{
      content: '';
    position: absolute;
    top: 0;
    left: -19px;
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-left: 20px solid transparent;
    transition: all 0.3s ease;
}

main .kitchen .cta_wrapper a:hover{
    background-color: #eba904;
}

main .kitchen .cta_wrapper a:hover::after{
    border-top: 25px solid #eba904;
    border-bottom: 25px solid #eba904;
}

main .kitchen .cta_wrapper a:hover::before{
    border-top: 25px solid #eba904;
    border-bottom: 25px solid #eba904;
}

@media  screen and (max-width: 1200px) {
    main .kitchen{
        background-size: contain;
    }
    
}

@media screen and (max-width: 995px) {
    main .kitchen{
        min-height: 350px;
    }

    main .kitchen .header{
        margin-top: 50%;
    }

    main .kitchen .wrapper .header img{
        width: 100%;
        height: auto;
    }
    
}