.ingredient-img-wrap img {max-width:100%;object-fit:contain}
.recipe-title-wrap{display:flex;flex-direction:column;justify-content: space-between;}
.recipe-title-wrap .recipe-title-left{width:100%;max-width: 786px;}
.recipe_two_column_image__flex {display:flex;flex-direction:row;}
.recipe_two_column_image__flex img {width:100%;object-fit:cover;}
.star-rating{padding: 14px 0;width:100%;}
.recipe-meta {font-size:clamp(14px, calc(0.875rem + ((1vw - 3.2px) * 0.125)), 16px);letter-spacing: 1px;line-height:min(max(25px, calc(1.5625rem + ((1vw - 3.2px) * 0.0625))), 26px);font-weight:normal;    font-family: 'Open Sans';display:flex; align-items: center;margin-bottom:60px;flex-wrap:wrap;}

.recipe-img {width:100%;object-fit:cover;height:100%; max-height:520px;}

.horizontal-line {width: 1px;background: #707070;height: 30px;margin: 0 15px;display: block;}
.ingredient-wrap ul {
    margin: 0;
}
.ingredient-wrap.inner-pad {
    padding-top: 36px;
}
.single-recipe p{font-size:clamp(14px, calc(0.875rem + ((1vw - 4.68px) * 0.1377)), 16px);line-height:35px;font-family: 'Open Sans';}

@media(max-width:767px){
    
 .ingredient-img-wrap,.ingredient-wrap {width:auto}   
}

.accordion dt, .accordion dd {

  border-bottom: 0;
}
dl.accordion{margin:0;}
.accordion dt:last-of-type, .accordion dd:last-of-type {

}
.accordion .extra-ingredients, .accordion.extra-ingredients {
  display: block;
  color: black;
  font-weight: bold;
  text-decoration:none;
  font-sizE:14px;
  line-height: 25px;
  letter-spacing:1px;
  font-family:'Open Sans';
  font-weight:normal;
  cursor:pointer;
}
.accordion .extra-ingredients:before{
    
 content:"+";
     margin-lefT: -10px;
}



.accordion dd {
  border-top: 0;
  font-size: 12px;
}
.accordion dd:last-of-type {
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: normal;
    line-height: 25px;
    letter-spacing: 1px;
}

span.step {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 25px;
    letter-spacing:1px;
        font-family: 'Open Sans';
        padding-bottom:15px;
}

.single-recipe ul,.single-recipe  ol {    padding-left: 18px;}

.single-recipe li{font-size:16px;font-family:'Open Sans';line-height:35px;}

.single-recipe li.ingredient{font-size:14px;font-family:'Open Sans';line-height:25px;letter-spacing:1px;}


.single-recipe dd ul li {
    font-size: 14px;
}

.recipe-content p {font-size:14px;line-height:25px;font-family:'Open Sans';letter-spacing:1px;}



/* The flip box 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-box {
  background-color: transparent;

  cursor:pointer;
height: 465.14px;
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.mobile-add-to-cart {display:none;}

.recipe-print{
 margin-bottom: -6px;
    z-index: -1;
    position: relative;
    margin-right:50px;
    }
    
    
.recipe-title-left h1,.recipe-meta h2,.recipe-meta-wrap h2,.recipe-meta-wrap h1{margin-bottom:12px}
    
@media(max-width:991px){
    #recipe-wrap .recipe-print {justify-content:center; z-index: 1;margin-right:0;}
}
@media(max-width:768px){
.mobile-add-to-cart {display:flex;flex-wrap:wrap}
}
    
@media(max-width: 768px){
        .three-column-wrap .inner-content{padding:0}
     .flip-box {height: 156.07px;}   
     
     .single-recipe li{font-size:14px;line-height:25px;}
    
        }
        
.comment-form-comment label,.comment-reply-title {display:none;}
#comment {width:100%;}


.star-cb-group {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
}
.star-cb-group * {
    font-size: 29px;
}
.star-cb-group > input {
  display: none;
}
.star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
 cursor: pointer;
}
.star-cb-group > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: url(../svg/star-not-slected.svg);
  color: #888;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
  content: url(../svg/star-selected.svg);
  color: #e52;
  text-shadow: 0 0 1px #333;
}
.star-cb-group > .star-cb-clear + label {
  text-indent: -9999px;
  width: .5em;
  margin-left: -.5em;
}
.star-cb-group > .star-cb-clear + label:before {
  width: .5em;
}
.star-cb-group:hover > input + label:before {
  content: url(../svg/star-not-slected.svg);
  color: #888;
  text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
  content: url(../svg/star-selected.svg);
  color: #021D49;
  text-shadow: 0 0 1px #333;
}

.mobile-add-to-cart {display:none;}

    
.recipe-print a.button {max-width:258px;}
@media(max-width:768px){
.mobile-add-to-cart {display:flex;flex-wrap:wrap}
.recipe-print{display:none;}
}
.comment-form input#submit {
    width: 250px;
    height: 53px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Open Sans';
        cursor: pointer;
}


input#email,input#author{
    width: 100%;
    height: 55px;
    font-weight: bold;
    color: #000;
    font-family: 'Open Sans';
    text-transform: uppercase;
    text-align: center;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:1px;
    max-width: 584px;
    } 

textarea#comment{
    max-width: 549px;
    font-weight: 500;
    color: #000;
    font-family: 'Open Sans';
    text-transform: inherit;
    text-align: left;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 20px 20px;
    
    }

p.comment-form-author label, p.comment-form-email label {
    display: none;
}
.recipe-meta {max-width:768px;margin: 14px 0 25px 0;margin-bottom:min(max(25px, calc(1.5625rem + ((1vw - 19.2px) * -1.3125))), 46px);}
.recipe-meta-wrap{max-width: 782px;margin: 0 auto 0;margin-top: min(max(42px, calc(2.625rem + ((1vw - 19.2px) * -4.5312))), 71px);width:100%;padding-bottom:min(max(23px, calc(1.4375rem + ((1vw - 3.2px) * 2.5625))), 64px)}



.write-review-wrap{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:37px;}
.review-grid{display:grid;flex-direction:row;border-top: 2px solid #343434;border-bottom: 2px solid #343434;padding:30px 0;margin-bottom:80px;grid-template-columns:1fr}
.review-grid-item{display:flex;flex-direction:column;padding-right:10px;}



@media(max-width:1280px){
 
 .recipe-meta-wrap{margin-top:min(max(53px, calc(3.3125rem + ((1vw - 12.8px) * 6.7188))), 96px);}   
    
}


@media(max-width:991px){
#recipe-wrap .inner-content{padding: 0}
.inner-pad{padding: 0 min(max(26px, calc(1.625rem + ((1vw - 3.2px) * 0.5961))), 30px);}   
}

@media(max-width: 767px){
 .review-grid {
    display: grid;
    flex-direction: row;
    border-top: 2px solid #343434;
    border-bottom: 2px solid #343434;
    padding: 30px 0;
    margin-bottom: 80px;
    grid-template-columns: 1fr;
}
.flip-box:hover .flip-box-inner {
    transform: none;
}

.review-grid-item:nth-of-type(2){
 display:none;   
}
}
.recipe-meta span:nth-of-type(2) {
 margin:0 0 0 15px;
}

@media(max-width: 594px){
.recipe-meta span:nth-of-type(1) {
    width: 100%;
    margin-bottom: 8px;
}
.recipe-meta span:nth-of-type(2) {
 margin:0;
}
}
.subsection.title-bold-14{margin-bottom:10px !important}



.prod-section .flip-box {
  background-color: transparent;
  cursor:pointer;
height: 372.35px;
background:#f8f8f8;
}



/* This container is needed to position the front and back side */


.prod-section .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
}



/* Do an horizontal flip when you move the mouse over the flip box container */


.prod-section .flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}



/* Position the front and back side */


.prod-section .flip-box-front,.prod-section .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; 

/* Safari */


  backface-visibility: hidden;
      display: flex;
    flex-direction: column;
    justify-content: space-between;
}



/* Style the front side */


.prod-section .flip-box-front {
  color: black;
}
.prod-section .flip-box-front img {width:152.25px;height:239px;object-fit:contain;    margin-left: auto; margin-right: auto;    padding-top: 40px;}




/* Style the back side */


.prod-section .flip-box-back {
  background-color: #fff !important;
  color: white;
  transform: rotateY(180deg);
  top:0;
}

.prod-section .flip-box-back img{
    width: 100%;
    object-fit: cover;
    margin-bottom: 0;
    height: 307px;
}
.prod-section  .cart-buttons {
    margin-top: 3px;    
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
        height: 56.63px;
    }
    .prod-section  .cart-buttons a {border: 0!important;height:56.63px !important}
.step a {color:#61ADD9}  
.prod-section .button.blue, .prod-section .button.dark-blue  {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 26px;}
.prod-section .cart-buttons button{
    width: 100%;
height: 56.63px !important;
    margin-right:10px !important;
    }
    
.prod-section  .cart-buttons a:nth-of-type(2){width: 100%;height: 56.63px;}
        @media(max-width: 991px){
         .hero-title {padding: 13px;color:#343434}
         img.section-bg-image {position:relative;}
         .woo-archive{min-height:auto;}
         .product__wrap .inner-content{padding:0;}
        }
        @media(max-width: 768px){
            .prod-section .button.blue, .prod-section .button.dark-blue{font-size:13px;margin-right:10px}
            
            .prod-section ul.products li.product .button{margin-right:10px}
       .prod-section  .three-column-wrap .inner-content{padding:0}
     .prod-section .flip-box {height: 156.07px;}   
     .prod-section ul.products li.product{height:auto;}
     .prod-section .flip-box-front img { padding-top:0;width:101.25px;height:156px;margin-left: 24px;}
     .prod-section .flip-box-back {display: none !important;}
     
     .prod-section .flip-box-front, .prod-section .flip-box-back {position: relative; display: flex;flex-direction: row;justify-content: flex-start;}
.prod-section .flip-box-inner img.buy-now-icon {display:none;}
.prod-section .flip-box-inner {display:flex;    justify-content: flex-start;}
.prod-section ul.products[class*=columns-] li.product, .prod-section-page ul.products[class*=columns-] li.product { 
    margin:0;
}
.three_column_product__content {width:100%;padding-bottom:0; }

.prod-section .flip-box:hover .flip-box-inner {
  transform: rotateY(0deg);
}
.prod-section .product-wrap {    grid-template-columns: 1fr;padding:0;}
.prod-section ul.products[class*=columns-] li.product, .prod-section-page ul.products[class*=columns-] li.product {width:100%;}
    }
    
    .prod-section .ad-image img {width: 100%;height: 100%;object-fit: cover;}
    
.three_column_product__content {
    padding-bottom: 20px;
}

.jump-to {
    width: 193px;
    margin-right: 40px;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    cursor:pointer;
    max-width: 193px !important;
    margin-bottom: -6px;
    z-index: 1;
}

@media(max-width:767px){
.jump-to {
        margin-right: 0px;
            right: 0;
}

}
.recipe-directions h5{font-size:14px;font-weight: bold;padding-bottom: 20px;}

section.full-recipe-image {
    z-index: 2;
}

@media(max-width: 991px){
.duel-image .two-column-group {
grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
    }
}
