/** Shopify CDN: Minification failed

Line 157:16 Unexpected "("

**/

/**************************************************************************************
***************************************************************************************
********************* Blog and Recipes Page Styles **************************
***************************************************************************************
***************************************************************************************/


/**************************************************************************************
********************* ARTICLES BLOG PAGE ****************************************************
**************************************************************************************/

  /* ARticles Listing */

  .blog-title-wrapper {
    margin-bottom: 0;
  }

  .blog-title-wrapper h3  {
  	min-height: 62px;
  	display: flex;
  	
  	align-items: flex-end;
  }

.blog-title-wrapper h3 a,
.blog-title-wrapper h3 a:not(.btn) {
  color: var(--bb-yellow-color);
}

.article-title-wrapper .title-bar {
  text-align: center;
  color: var(--bb-yellow-color);
  margin-bottom: 8px;
}

.article--main-body  .summary {
position: relative;
}



 .article--main-body  .summary-inner {
background-color: var(--bb-yellow-color);
  height: 100%;

  padding: 30px 15px;

  position: relative;
  z-index: 9;
  /*width: calc(100% - 10px);*/
  width: 100%;
  top: -10px;
  right: 30px;

  color: #000000;

font-weight: 600;



}

.article--main-body  .summary-inner-bg {
  background-image: url('mesh-blue-mobile.svg');
  background-size: contain;
  background-repeat: repeat-x;
  background-position: 100% 100%;

  width: calc(100% - 26px);
  height: 100%;
  position: absolute;
  z-index: 0;
 bottom: 0px;
left: 10px;
max-height: 146px;
  
}

.article__entry-content {
 
  height: 100%;
  color: #fff;
  padding: 30px 15px;
}






/**************************************************************************************
********************* RECIPES LISTING PAGE ****************************************************
**************************************************************************************/

  /* Recipe Listing */
  ul.blogs-list {
  margin-bottom: 10px;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
 
  justify-content: center;
}

  ul.blogs-list li {
  color: var(--bb-yellow-color);
  display: block;
  font-size: 18px;
  list-style-type: none;
  text-transform: uppercase;
  font-weight: 400;
}
  ul.blogs-list li.active {
    font-weight: 700;
  }
ul.blogs-list li a {
color: var(--bb-yellow-color) !important;
}

 ul.blogs-list li.seperator {

    width: 20px;
    text-align: center;
    justify-self: end;
    align-self: center;
    display: flex;
    justify-content: center;

}

ul.recipes-filter {
    margin-bottom: 10px;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
}


ul.recipes-filter li {
  list-style-type: none;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
}


/* Individual Recipe Info */
only screen and (min-width:769px){
article.recipe {
    display: flex
;
    align-items: center;
    
    margin-bottom: 20px;
}}

article.recipe .article-image {
  flex-basis: 55%;
}


article.recipe .article-image-header {
  margin-top: 0;
    flex-basis: 45%;
  padding-left: 4px;
}
article.recipe .article-image-header .type-subheading {
    color: var(--bb-yellow-color);
  margin-bottom: 0;
  font-size: 1.2rem;
}
article.recipe .article-image-header .type-subheading a:not(.btn) {
   color: var(--bb-yellow-color);
}




  article.recipe {
    display: flex!important;
      margin-bottom: 20px;

}

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

article.recipe:nth-child(even) {
  flex-direction: row-reverse;
}
  article.col-12.col-sm-8.col-md-4.offset-4.offset-md-0 {
    margin-left: 0;}}

/*  
  article.recipe .article-image-header {
 
    padding-left: 0px;
}
  article.recipe {
    display: block!important;
      margin-bottom: 20px;

}
} */



 /**************************************************************************************
********************* RECIPE DETAIL PAGE ****************************************************
**************************************************************************************/


/** RECIPE INFO**/
/**************************************************************************************/

  .article__entry-content {
    margin-top: 30px;
    margin-bottom: 30px;
  }

.article--main-body.article-image-present {
  margin-top: 0;
}
.recipe-title-wrapper,
.article--main-body .title-bar {
  text-align: left;
 
 
}
.recipe-title-wrapper .title-bar {
  text-align: left;
  color: var(--bb-yellow-color);
  margin-bottom: 8px;
}

.recipe-info  {
  margin-bottom: 0;
}
.recipe-info  p{
   margin-bottom: 0.1rem;
   font-size: 0.8rem;
}

.recipe-entry-content {
 
  }

  .recipe-entry-content .recipe-content {
    margin-bottom: 10px;
  }

.recipe-entry-content .cooks-note {
   color: var(--bb-yellow-color);
   font-family: var(--hand-font-stack);
  font-display: swap;
   font-size: 20px;
}
.recipe-entry-content .cooks-note ul  {
  padding: 0;
  margin-bottom: 0;
}
.recipe-entry-content .cooks-note ul li {
  list-style: none;
}

.recipe-entry-content .cooks-note li:before {
    content: ' ';
    background-image: url('astrix-yellow.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    margin-right: 8px;


  }


.recipe-entry-content  h4 {
   color: var(--bb-yellow-color);
}

.recipe-entry-content .recipe-ingredients ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.recipe-entry-content .recipe-ingredients ul  li {
  list-style-type: none;
}
.recipe-entry-content .recipe-ingredients ul li:before {
    content: ' ';
    background-image: url('astrix-white.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    margin-right: 8px;


  }

/** RECIPE METHODS **/
/**************************************************************************************/
.recipe-methods-container {
  margin-top: 30px;
}
  .recipe-methods {

  }

   .recipe-method-inner {
    position: relative;
    margin-bottom: 50px;


   }
  .recipe-method {
background-color: var(--bb-yellow-color);
  height: 100%;

  padding: 30px 15px;

  position: relative;
  z-index: 9;
  /*width: calc(100% - 10px);*/
  width: 100%;
  top: -10px;
  right: 10px;

  color: #000000;





}


  .recipe-method p {
    margin-bottom: 5px;
  }

  .recipe-method-star {
      background-image: url('star-burst.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  position: absolute;
 position: absolute;
left: -25px;
top: -35px;
width: 70px;
height: 70px;
z-index: 10;

display: flex;
justify-content: center;
align-content: center;
align-items: center;
font-weight: 600;
  }

.recipe-method-bg {
  background-image: url('mesh-mobile.svg');
  background-size: contain;
  background-repeat: repeat-x;
  background-position: 100% 100%;

  width: calc(100% - 26px);
  height: 100%;
  position: absolute;
  z-index: 0;
 bottom: 0px;
left: 10px;
max-height: 146px;
  
}

/* only screen and (max-width:600px){
article.recipe .article-image-header {
    margin-top: 7px;
    flex-basis: 45%;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 35px;
}
article.recipe {
    /* display: block!important;
    align-items: center;
    margin-bottom: 20px;
}
  
  
} */
/** RECIPE PRODUCTS **/
/**************************************************************************************/

.recipe-products .title-bar {
  text-align: left;
}
/*
.recipe-products .indiv-product .indiv-product-title-text,
.recipe-products .indiv-product .hp-title .indiv-product-type-text a {
  font-size: 18px;
}

.indiv-product .hp-title .indiv-product-type-text {
  margin-bottom: 0;
}

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

  .recipe-products .indiv-product .indiv-product-title-text,
.recipe-products .indiv-product .hp-title .indiv-product-type-text a {
  font-size: 15px;
}

.recipe-products .indiv-product .hp-title .indiv-product-type-text .hand-font {
font-size: 15px;
}

}

 .recipe-products .indiv-product .quick-add-button, 
 .recipe-products .indiv-product .quick-add-button-variants, 
 .recipe-products .indiv-product .sold-out-button {
    padding: 9px 6px;
font-size: 12px !important;
  }
*/