/*@nav-font-size: 1.3em;*/
/*font resize*/
.text-brand {
    color: #e3b313;
}

.text-brand-bold {
    color: #e3b313;
    font-weight: bold;
}

.text-red {
    color: #ee2e24;
}

.text-green {
    color: #155428;
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: right;
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: right;
    }
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: right;
}

/*========responsive fonts==============*/
h2 {
    font-size: 17px;
}

.btn,
h3,
.recipe-properties {
    font-size: 14px;
}

html,
p,
body,
.form-control,
h4 {
    font-size: 12px;
}

@media (min-width: 768px) {
    h2 {
        font-size: 18px;
    }

    .btn,
    h3,
    .recipe-properties {
        font-size: 16px;
    }

    html,
    p,
    body,
    .form-control,
    h4 {
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    h2 {
        font-size: 20px;
    }

    .btn,
    h3,
    .recipe-properties {
        font-size: 18px;
    }

    html,
    p,
    body,
    .form-control,
    h4 {
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    h2 {
        font-size: 20px;
    }

    .btn,
    h3,
    .recipe-properties {
        font-size: 20px;
    }

    html,
    p,
    body,
    .form-control,
    h4 {
        font-size: 19px;
    }
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
    }
}

#recipe {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/homepage/promo-bg-2.jpg);
    background-size: 100%;
    /*min-height: 1200px;*/
    background-repeat: repeat-y;
    padding: 8em 0 3em;
    color: #124734;
    /*=========for article page===========*/
}

@media print {
    #recipe {
        padding: 0;
    }

    #recipe .created-logos {
        display: none;
    }

    #recipe .video-wraper img {
        clear: both;
        display: block;
        margin-bottom: 30px;
        float: right;
    }
}

#recipe .bg-vegis {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/recipe/recipe-bg.png);
    background-size: 100%;
    width: 100%;
    background-repeat: no-repeat;
    min-height: inherit;
}

#recipe .recipeWrap {
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
    padding: 0 15px;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#recipe .recipeHeader {
    position: relative;
    /*padding: 0 15px;*/
    color: #124734;
    z-index: 1;
    /*.averageRanking {
              position: absolute;
              left: 2em;
              top: 0.3em;
              font-size: 1em;
          }*/
}

#recipe .recipeHeader h1 {
    font-weight: bold;
    margin-bottom: 0;
}

#recipe .recipeHeader ul {
    list-style: none;
    padding: 0;
    font-size: 0.9em;
}

#recipe .recipeHeader ul li {
    display: inline-block;
    padding: 0 0.5em;
    /*border-right:1px solid ;*/
    position: relative;
    vertical-align: top;
}

#recipe .recipeHeader ul li:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #e3e3e1;
}

#recipe .recipeHeader ul li:first-of-type {
    border-right: none;
    padding-right: 0;
}

#recipe .recipeHeader ul li:first-of-type:after {
    content: none;
}

#recipe .recipeHeader ul li>span {
    font-size: 1.2em;
}

#recipe .recipeHeader ul li.stars-wrap {
    width: 7.1em;
    height: 1.6em;
}

#recipe .recipeHeader ul li.stars-wrap span:last-of-type {
    float: left;
    font-size: 0.9em;
    margin-top: 0.2em;
}

#recipe .recipeHeader .angular-ratings {
    margin-top: 0.3em;
    font-size: 0.8em;
    float: right;
}

#recipe .recipeHeader .preparationTime,
#recipe .recipeHeader .itemsCount {
    padding-right: 0;
    position: relative;
    margin-left: 0.1em;
    /* color: #ef6418; */
    color: #933B0B;
}

#recipe .recipeHeader .preparationTime i,
#recipe .recipeHeader .itemsCount i {
    display: inline-block;
    margin-left: 0.2em;
    height: 0.7em;
    width: 0.7em;
}

#recipe .recipeHeader .preparationTime span,
#recipe .recipeHeader .itemsCount span {
    font-size: 0.7em;
}

#recipe .recipeHeader .preparationTime i {
    height: 0.6em;
}

#recipe .recipeHeader .difficulty-level {
    /* color: #ef6418; */
    color: #933B0B;
}

#recipe .recipeHeader .difficulty-level span {
    font-weight: bold;
}

#recipe .recipeHeader .difficulty-level.credit {
    color: #124734;
}

#recipe .swiper-slide img {
    width: 100%;
    min-height: 100px;
    height: 100%;
    object-fit: cover;
}

#recipe .recipe-col {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

#recipe .recipe-col>header,
#recipe .recipe-col>section {
    position: relative;
    z-index: 1;
}

#recipe .recipe-col>section {
    word-wrap: break-word;
}

#recipe .recipe-col .main-image {
    padding-bottom: 15px;
}

#recipe .recipe-col .main-image .recipe-gallery--placeholder {
    min-height: 400px;
    background-color: #eee;
    background-image: url("data:image/svg+xml,%3Csvg width='240' height='165' viewBox='0 0 240 165' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_313_2)'%3E%3Cpath d='M162 75.2898C172.71 75.2898 181.39 66.6098 181.39 55.8998C181.39 45.1898 172.71 36.5098 162 36.5098C151.29 36.5098 142.61 45.1898 142.61 55.8998C142.61 66.6098 151.29 75.2898 162 75.2898Z' fill='%23BBBDBF'/%3E%3Cpath d='M0 0V164.56H240V0H0ZM231.89 156.45H224.81L173.62 105.26L146.57 132.31L89.42 75.16L8.13 156.45H8.12V8.11H231.89V156.44V156.45Z' fill='%23BBBDBF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_313_2'%3E%3Crect width='240' height='164.56' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px;
}

#recipe .recipe-col .main-image .tag-recipe {
    /* background-color: #ef6418; */
    background-color: #933B0B;
    position: absolute;
    left: 0;
    bottom: 15px;
    padding: 0.2em 0.5em;
    text-align: center;
    color: #fff;
    z-index: 4;
}

#recipe .recipe-col .main-image .tag-recipe i {
    display: inline-block;
    height: 1.3em;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: url(/wp-content/themes/yadmordechai/assets/img/recipe-icon.png);
    width: 1.2em;
    vertical-align: top;
}

#recipe .stage p {
    /*padding-right: 27px;*/
    position: relative;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
    padding-left: 0px;
    line-height: 1;
}

#recipe .stage img {
    max-width: 100%;
}

#recipe h2 {
    font-size: 1.3em;
    color: #ef6418;
    font-weight: bold;
}

#recipe .group h2 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin: 0;
    padding: 0.5em 0 0.4em;
    padding-right: 2.3em;
}

#recipe .items h2 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin: 0;
    padding: 0.5em 0 0.4em;
    padding-right: 2.3em;
    /*margin: .5em 0;*/
    font-size: 1.3em;
    color: #ef6418;
    font-weight: bold;
}

#recipe .items .items h2 {
    background-image: url("data:image/svg+xml,%3Csvg width='57' height='56' viewBox='0 0 57 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_361_21)'%3E%3Cpath d='M28.8906 55.3965C44.0785 55.3965 56.3906 43.0843 56.3906 27.8965C56.3906 12.7087 44.0785 0.396484 28.8906 0.396484C13.7028 0.396484 1.39062 12.7087 1.39062 27.8965C1.39062 43.0843 13.7028 55.3965 28.8906 55.3965Z' fill='%23EF6418'/%3E%3Cpath d='M39.4259 22.8384C39.3958 22.7278 39.3455 22.6272 39.255 22.5367L33.7751 17.0569C33.4936 16.7753 33.0411 16.7753 32.7696 17.0569C32.4881 17.3384 32.4881 17.7909 32.7696 18.0623L37.5457 22.8384H19.9095L24.6855 18.0623C24.9671 17.7808 24.9671 17.3283 24.6855 17.0569C24.404 16.7753 23.9515 16.7753 23.68 17.0569L18.2002 22.5367C18.1097 22.6272 18.0594 22.7278 18.0292 22.8384H12.3281V24.789H15.8071L18.8235 38.9362H38.9835L42 24.789H45.489V22.8384H39.446H39.4259ZM37.7669 35.4371H19.7385V34.3009H37.7669V35.4371ZM37.7669 32.7324H19.7385V31.5962H37.7669V32.7324ZM37.7669 30.0175H19.7385V28.8813H37.7669V30.0175ZM37.7669 27.3128H19.7385V26.1766H37.7669V27.3128Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_361_21'%3E%3Crect width='56' height='56' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

#recipe .items .stages h2 {
    background-image: url("data:image/svg+xml,%3Csvg width='57' height='56' viewBox='0 0 57 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_361_30)'%3E%3Cpath d='M28.9609 55.3965C44.1488 55.3965 56.4609 43.0843 56.4609 27.8965C56.4609 12.7087 44.1488 0.396484 28.9609 0.396484C13.7731 0.396484 1.46094 12.7087 1.46094 27.8965C1.46094 43.0843 13.7731 55.3965 28.9609 55.3965Z' fill='%23EF6418'/%3E%3Cpath d='M44.5042 28.0186H40.0499V27.3249C40.0499 26.5808 40.6531 25.9674 41.4072 25.9674H41.6184C41.9603 25.9674 42.2318 25.696 42.2318 25.3541V23.9766H17.3661V25.3541C17.3661 25.696 17.6477 25.9674 17.9795 25.9674C18.7235 25.9674 19.3369 26.5707 19.3369 27.3249V28.0186H15.0938V30.0095H19.3369V36.7472C19.3369 37.8517 20.2323 38.7472 21.3369 38.7472H38.0499C39.1544 38.7472 40.0499 37.8517 40.0499 36.7472V30.0095H44.5042V28.0186Z' fill='white'/%3E%3Cpath d='M29.8391 21.7121C29.6179 21.5311 29.3364 21.4205 29.1152 21.2395C28.5622 20.7871 28.0594 20.2743 27.6773 19.681C27.2249 18.9772 26.9735 18.1627 27.0539 17.3382C27.1645 16.202 28.5622 15.2871 29.2157 14.3419C29.9095 13.3163 30.1307 12.1399 30.6435 11.0137C30.8144 12.1399 31.0658 13.437 30.8245 14.5631C30.5731 15.7596 29.7486 16.7752 29.5174 17.9717C29.3967 18.585 29.3665 19.2084 29.4168 19.8218C29.4772 20.4754 29.7386 21.0887 29.8391 21.7121Z' fill='white'/%3E%3Cpath d='M31.4843 14.8965C31.4341 15.178 31.8664 16.1433 31.9368 16.4248C32.0575 16.8873 32.2083 17.3298 32.2888 17.8023C32.4295 18.6671 32.1882 19.7228 31.5044 20.3663C31.2933 20.5674 30.7303 21.0601 30.5292 20.5976C30.4085 20.306 30.3984 19.8937 30.3984 19.572C30.3984 19.0692 30.4387 18.5766 30.5292 18.0839C30.6297 17.561 30.7805 17.0482 30.9816 16.5555C31.1626 16.1131 31.3838 15.3791 31.4743 14.8965H31.4843Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_361_30'%3E%3Crect width='56' height='56' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

#recipe .items .serves h2 {
    background-image: url("data:image/svg+xml,%3Csvg width='57' height='56' viewBox='0 0 57 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_361_7)'%3E%3Cpath d='M28.6484 55.3965C43.8363 55.3965 56.1484 43.0843 56.1484 27.8965C56.1484 12.7087 43.8363 0.396484 28.6484 0.396484C13.4606 0.396484 1.14844 12.7087 1.14844 27.8965C1.14844 43.0843 13.4606 55.3965 28.6484 55.3965Z' fill='%23EF6418'/%3E%3Cpath d='M34.9684 30.5609C36.4163 29.0124 37.3012 26.9311 37.3012 24.6486C37.3012 19.8424 33.41 15.9512 28.6038 15.9512C23.7976 15.9512 19.9062 19.8424 19.9062 24.6486C19.9062 26.9311 20.7911 29.0124 22.239 30.5609H34.9785H34.9684Z' fill='white'/%3E%3Cpath d='M24.5156 41.127C25.2898 42.6755 26.8785 43.7513 28.7286 43.7513C30.5787 43.7513 32.1674 42.6755 32.9416 41.127H24.5156Z' fill='white'/%3E%3Cpath d='M23.0859 35.8398V39.8618H34.1262V38.2228L23.0859 35.8398Z' fill='white'/%3E%3Cpath d='M23.0859 34.5019L34.1262 36.8044V34.9845L23.0859 32.6719V34.5019Z' fill='white'/%3E%3Cpath d='M34.1222 32.6406V33.9477L28.0391 32.6406H34.1222Z' fill='white'/%3E%3Cpath d='M23.0518 11.2016C22.8557 10.8279 22.3958 10.6828 22.0245 10.8775C21.6532 11.0723 21.5112 11.5332 21.7072 11.9069L23.5335 15.3884C23.7296 15.7622 24.1895 15.9072 24.5608 15.7125C24.9321 15.5177 25.0741 15.0569 24.8781 14.6831L23.0518 11.2016Z' fill='white'/%3E%3Cpath d='M16.5028 16.8992C16.1691 16.6407 15.6905 16.6999 15.4337 17.0313C15.1769 17.3627 15.2392 17.8409 15.5728 18.0994L18.6805 20.5074C19.0141 20.7659 19.4928 20.7068 19.7495 20.3754C20.0063 20.0439 19.9441 19.5657 19.6105 19.3072L16.5028 16.8992Z' fill='white'/%3E%3Cpath d='M13.5532 24.7793C13.1312 24.7793 12.7891 25.1192 12.7891 25.5384C12.7891 25.9577 13.1312 26.2976 13.5532 26.2976H17.4847C17.9067 26.2976 18.2488 25.9577 18.2488 25.5384C18.2488 25.1192 17.9067 24.7793 17.4847 24.7793H13.5532Z' fill='white'/%3E%3Cpath d='M32.4006 14.6616C32.2045 15.0354 32.3466 15.4962 32.7179 15.691C33.0891 15.8858 33.5491 15.7407 33.7451 15.3669L35.5714 11.8854C35.7674 11.5117 35.6254 11.0508 35.2541 10.8561C34.8828 10.6613 34.4229 10.8064 34.2269 11.1801L32.4006 14.6616Z' fill='white'/%3E%3Cpath d='M37.6743 19.2819C37.3407 19.5404 37.2784 20.0186 37.5352 20.35C37.792 20.6814 38.2706 20.7405 38.6043 20.4821L41.712 18.0741C42.0456 17.8156 42.1078 17.3373 41.8511 17.0059C41.5943 16.6745 41.1156 16.6154 40.782 16.8739L37.6743 19.2819Z' fill='white'/%3E%3Cpath d='M39.8032 24.7598C39.3812 24.7598 39.0391 25.0996 39.0391 25.5189C39.0391 25.9382 39.3812 26.278 39.8032 26.278H43.7347C44.1567 26.278 44.4988 25.9382 44.4988 25.5189C44.4988 25.0996 44.1567 24.7598 43.7347 24.7598H39.8032Z' fill='white'/%3E%3Cpath d='M23.0868 28.9401L22.2422 30.559L22.8354 31.4941H34.117L34.9716 30.559L31.744 27.9648L23.0868 28.9401Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_361_7'%3E%3Crect width='56' height='56' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

#recipe .group ul {
    margin-right: 1.7em;
}

#recipe .items {
    padding-top: 15px;
    padding-bottom: 15px;
}

#recipe .items ul {
    margin-right: 1.7em;
}

#recipe .items li {
    margin-bottom: 0.2em;
}

#recipe .racipe-ranking {
    /*margin-top: 2em;
          border-top: 1px solid @light-gray;*/
    padding-top: 0.5em;
}

#recipe .racipe-ranking .ranking-headline-wrap {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

#recipe .racipe-ranking .ranking-headline-wrap span {
    font-size: 0.7em;
    font-weight: normal;
    vertical-align: middle;
}

#recipe .racipe-ranking .ranking-headline-wrap span.total-ranking {
    color: #155428;
}

#recipe .racipe-ranking .ranking-headline-wrap h2 {
    color: #155428;
    margin: 0;
}

#recipe .racipe-ranking .averageRanking-wrap {
    display: inline-block;
    width: 6.2em;
    height: 1.4em;
    font-size: 0.56em;
    margin-right: 0.2em;
    padding-top: 0;
}

#recipe .racipe-ranking .averageRanking-wrap .averageRanking {
    font-size: 1em;
}

#recipe .racipe-ranking .averageRanking-wrap .rate-action {
    text-align: center;
    display: block;
    margin-top: 0.3em;
    font-size: 0.7em;
    white-space: nowrap;
}

#recipe .racipe-ranking .single-rank {
    padding: 1em 0;
    border-bottom: 1px solid #e3e3e1;
}

#recipe .racipe-ranking .single-rank>div {
    float: right;
}

#recipe .racipe-ranking .single-rank .ranker-image img {
    width: 2.5em;
    height: 2.5em;
    border-radius: 100px;
    margin-left: 0.5em;
}

#recipe .racipe-ranking .rank-details {
    line-height: 1;
}

#recipe .racipe-ranking .rank-details .rank-name {
    font-weight: bold;
    margin: 0;
}

#recipe .racipe-ranking .rank-details span {
    display: block;
}

#recipe .racipe-ranking .rank-details .rank-date {
    color: #5e6166;
}

#recipe .racipe-ranking .rank-details .averageRanking-wrap {
    margin: 0;
    padding: 0;
    height: 1.2em;
    margin-bottom: 0.7em;
    width: 6em;
}

#recipe .racipe-ranking .rank-details .averageRanking-wrap .averageRanking {
    font-size: 1.3em;
}

#recipe .racipe-ranking .rank-details p {
    margin: 0;
}

#recipe .racipe-ranking .add-comment {
    font-weight: bold;
    margin: 0;
    color: #fff;
    cursor: pointer;
    background-color: #124734;
}

#recipe .racipe-ranking .add-comment.active,
#recipe .racipe-ranking .add-comment:hover,
#recipe .racipe-ranking .add-comment:focus {
    background-color: #ef6418;
}

#recipe .racipe-ranking .comment-form {
    max-height: 250px;
    visibility: visible;
    transition: all ease 0.3s;
    overflow: hidden;
}

#recipe .racipe-ranking .comment-form .rank-details {
    width: calc(100% - 3em);
}

#recipe .racipe-ranking .comment-form .averageRanking-wrap {
    /*width: 8.6em;*/
    font-size: 0.8em;
}

#recipe .racipe-ranking .comment-form input#name {
    padding: 0.5em;
    border: 1px solid #e3e3e1;
    box-shadow: none;
    outline: none;
    border-bottom: none;
}

#recipe .racipe-ranking .comment-form textarea {
    width: 100%;
    height: 4em;
    border: 1px solid #e3e3e1;
    margin: 0;
    padding: 0.5em;
}

#recipe .racipe-ranking .comment-form .send-comment {
    padding: 0.5em;
    color: #ef6418;
    font-weight: bold;
    width: 100%;
    background-color: #e3e3e1;
    cursor: pointer;
    margin-top: -0.3em;
}

#recipe .racipe-ranking .comment-form .send-comment:hover,
#recipe .racipe-ranking .comment-form .send-comment:focus {
    background-color: #cacac7;
}

#recipe .racipe-ranking .comment-form.ng-hide {
    display: block !important;
    max-height: 0;
    visibility: hidden;
    padding: 0;
}

#recipe .recipe-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
}

#recipe .more-recipes {
    text-align: center;
}

#recipe .more-recipes .cube-share {
    display: none;
}

#recipe .more-recipes>h2 {
    color: #d8d8d6;
    font-size: 1.7em;
    letter-spacing: 0.05em;
    margin-top: 0;
    margin-right: -1em;
}

#recipe .more-recipes .more-recipes-icon {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/more-recipies-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    margin-left: 0.5em;
    display: inline-block;
    vertical-align: middle;
}

#recipe .more-recipes .cubes-container {
    margin: 0;
    margin-bottom: 30px;
    text-align: right;
}

#recipe .more-recipes .cubes-container .cube-wrap {
    margin-right: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
    #recipe .more-recipes .cubes-container .cube-wrap .article-cube .article-wrap header p {
        display: none;
    }
}

#recipe .banner-image {
    width: 100%;
}

@media (max-width: 767px) {
    #recipe .banner-image {
        margin-top: 1em;
    }
}

#recipe .content img {
    max-width: 100%;
    display: block;
/*    float: left;*/
}

@media (max-width: 767px) {
    #recipe .content img {
        clear: both;
        width: 100%;
    }
}

.about section img {
    width: 100%;
}

.about section h1 {
    text-align: center;
}

.video-wraper {
    position: relative;
}

.video-wraper iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}

.video-wraper .video-cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    visibility: visible;
    transition: all ease 0.3s;
}

.video-wraper .video-cover img {
    width: 100%;
}

.video-wraper .video-cover .video-btn {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/play-btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 5em;
    height: 5em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    /*&:hover {
                      transform: scale(1.1);
                  }*/
}

.video-wraper .video-cover.ng-hide {
    display: block !important;
    opacity: 0;
    visibility: hidden;
}

.card-bg {
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.card-bg:before {
    z-index: -1;
    content: "";
    background-color: rgba(0, 0, 0, 0.13);
    position: absolute;
    width: 70%;
    left: 0;
    top: 0;
    bottom: 0;
    transform: rotate(-1.3deg) translateX(-2%);
    transform-origin: top right;
}

.card-bg:after {
    z-index: 0;
    content: "";
    background-color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.card-bg>* {
    position: relative;
    z-index: 1;
}

.recipe-utils {
    margin-top: 1em;
    position: relative;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 0.4em 0;
}

.recipe-utils ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9em;
}

.recipe-utils ul li {
    float: right;
    padding: 0 0.5em;
    /*border-right:1px solid ;*/
    position: relative;
    vertical-align: top;
    color: #124734 !important;
    font-weight: bold;
}

.recipe-utils ul li:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #e3e3e1;
}

.recipe-utils ul li:first-of-type {
    border-right: none;
    padding-right: 0;
}

.recipe-utils ul li:first-of-type:after {
    content: none;
}

.recipe-utils ul li:last-of-type {
    float: left;
}

.recipe-utils ul li:last-of-type:after {
    content: none;
}

.recipe-utils ul li a {
    color: #124734 !important;
    font-weight: bold;
    display: inline-block;
}

.recipe-utils ul li a:hover .like-icon,
.recipe-utils ul li a:focus .like-icon {
    background-image: url('/wp-content/themes/yadmordechai/assets/img/like-icon-active.png');
}

.recipe-utils i,
.recipe-utils .share-icon,
.recipe-utils .like-icon,
.recipe-utils .share-by-mail,
.recipe-utils .fb-share-button {
    width: 1.6em;
    height: 1.6em;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    cursor: pointer;
    vertical-align: middle;
    margin: 0 0.2em;
}

.recipe-utils .share-icon {
    background-image: url('/wp-content/themes/yadmordechai/assets/img/footer-f.png');
}

.recipe-utils .share-icon:hover,
.recipe-utils .share-icon.active {
    background-image: url('/wp-content/themes/yadmordechai/assets/img/f-brown-active.png');
}

.recipe-utils .share-icon:hover {
    /*@media @ipad-width {
                      background-image: url('/wp-content/themes/yadmordechai/assets/img/footer/footer-f-57cabe4bb03a6b84b253b58def7ea65b6f63729c.png');
                  }*/
}

.recipe-utils .share-by-mail {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/mail-icon.png);
}

.recipe-utils .share-by-mail:hover,
.recipe-utils .share-by-mail.active,
.recipe-utils .share-by-mail:focus {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/mail-icon-active.png);
}

.recipe-utils .share-by-mail-wrap:hover .share-by-mail,
.recipe-utils .share-by-mail-wrap.active .share-by-mail,
.recipe-utils .share-by-mail-wrap:focus .share-by-mail {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/mail-icon-active.png);
}

.recipe-utils .fb-share-button {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20Z' fill='%232B4173'/%3E%3Cpath d='M18.0743 29H21.5371V21.8332H24.6572L25 18.2721H21.5371V16.4737C21.5371 16.2364 21.6283 16.0088 21.7907 15.841C21.953 15.6732 22.1732 15.5789 22.4028 15.5789H25V12H22.4028C21.2548 12 20.1538 12.4713 19.3421 13.3103C18.5303 14.1493 18.0743 15.2872 18.0743 16.4737V18.2721H16.3428L16 21.8332H18.0743V29Z' fill='white'/%3E%3C/svg%3E%0A");
}

.recipe-utils .fb-share-button:hover,
.recipe-utils .fb-share-button.active,
.recipe-utils .fb-share-button:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20Z' fill='%23EF6418'/%3E%3Cpath d='M18.0743 29H21.5371V21.8332H24.6572L25 18.2721H21.5371V16.4737C21.5371 16.2364 21.6283 16.0088 21.7907 15.841C21.953 15.6732 22.1732 15.5789 22.4028 15.5789H25V12H22.4028C21.2548 12 20.1538 12.4713 19.3421 13.3103C18.5303 14.1493 18.0743 15.2872 18.0743 16.4737V18.2721H16.3428L16 21.8332H18.0743V29Z' fill='white'/%3E%3C/svg%3E%0A");
}

.recipe-utils .like-icon {
    background-image: url('/wp-content/themes/yadmordechai/assets/img/like-icon.png');
    transition: transform 0.5s ease-in-out;
    transform: rotate(0);
}

.recipe-utils .like-icon:hover,
.recipe-utils .like-icon.active {
    background-image: url('/wp-content/themes/yadmordechai/assets/img/like-icon-active.png');
}

.recipe-utils .like-icon.active {
    /*cursor: default;*/
    transform: rotate(720deg);
}

.recipe-utils .print-page {
    font-weight: bold;
}

.recipe-utils .print-page i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20Z' fill='%23604039'/%3E%3Cpath d='M24.4863 14.9402V11.235H14.5137V13.9402H13.2671V10H25.7329V14.9402H24.4863ZM26.4996 19.2629C26.8528 19.2629 27.1491 19.1443 27.3884 18.9072C27.6277 18.67 27.747 18.3769 27.7462 18.0278C27.7453 17.6787 27.6261 17.3852 27.3884 17.1472C27.1507 16.9093 26.8544 16.7907 26.4996 16.7915C26.1447 16.7924 25.8489 16.9109 25.612 17.1472C25.3752 17.3835 25.2555 17.6771 25.253 18.0278C25.2505 18.3786 25.3702 18.6717 25.612 18.9072C25.8539 19.1427 26.1489 19.2612 26.4996 19.2629ZM24.4863 27.7649V24.1603H14.5137V27.7649H24.4863ZM25.7329 29H13.2671V25.0598H9V13.9402H19.5H30V25.0598H25.7329V29ZM28.7534 23.8248V15.1752H10.2466V23.8248H13.2671V22.9252H25.7329V23.8248H28.7534Z' fill='white'/%3E%3C/svg%3E%0A");
}

.recipe-utils .print-page:hover i,
.recipe-utils .print-page:focus i {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20Z' fill='%23EF6418'/%3E%3Cpath d='M24.4863 14.9402V11.235H14.5137V13.9402H13.2671V10H25.7329V14.9402H24.4863ZM26.4996 19.2629C26.8528 19.2629 27.1491 19.1443 27.3884 18.9072C27.6277 18.67 27.747 18.3769 27.7462 18.0278C27.7453 17.6787 27.6261 17.3852 27.3884 17.1472C27.1507 16.9093 26.8544 16.7907 26.4996 16.7915C26.1447 16.7924 25.8489 16.9109 25.612 17.1472C25.3752 17.3835 25.2555 17.6771 25.253 18.0278C25.2505 18.3786 25.3702 18.6717 25.612 18.9072C25.8539 19.1427 26.1489 19.2612 26.4996 19.2629ZM24.4863 27.7649V24.1603H14.5137V27.7649H24.4863ZM25.7329 29H13.2671V25.0598H9V13.9402H19.5H30V25.0598H25.7329V29ZM28.7534 23.8248V15.1752H10.2466V23.8248H13.2671V22.9252H25.7329V23.8248H28.7534Z' fill='white'/%3E%3C/svg%3E%0A");
}

.fb-comments-section .fb-comments {
    width: 100% !important;
}

.fb-comments-section .fb-comments>span {
    width: 100% !important;
}

.fb-comments-section .fb-comments>span iframe {
    width: 100% !important;
}

.preparationTime,
.itemsCount {
    padding-right: 1.1em;
    position: relative;
    margin-left: 0.5em;
    display: inline-block;
}

.preparationTime i,
.itemsCount i {
    background-size: contain;
    background-repeat: no-repeat;
    height: 1.1em;
    width: 1.1em;
    top: -0.25em;
    right: 0;
    display: inline-block;
}

.preparationTime i {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/recipe/time.png);
    height: 1em;
    width: 1em;
    top: -0.15em;
}

.itemsCount i {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/item-count.png);
}

.averageRanking {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/star-full.png);
    /*background-size: contain;*/
    background-repeat: repeat-x;
    float: left;
    position: relative;
    height: 0.9em;
    /*width: @star-size;*/
}

.averageRanking:after {
    content: " ";
    background-image: url(/wp-content/themes/yadmordechai/assets/img/star-empty.png);
    /*background-size: contain;*/
    background-repeat: repeat-x;
    position: absolute;
    height: 0.9em;
    width: 4.55em;
    top: 0;
    left: 0;
}

.averageRanking.rank1 {
    width: 0.91em;
}

.averageRanking.rank2 {
    width: 1.82em;
}

.averageRanking.rank3 {
    width: 2.73em;
}

.averageRanking.rank4 {
    width: 3.64em;
}

.averageRanking.rank5 {
    width: 4.55em;
}

@media (max-width: 1024px) {
    #recipe .next-prev.next {
        /*left: 2%;*/
        right: 89.2%;
    }

    #recipe .next-prev.prev {
        /*right: 2%;*/
        left: 89.2%;
    }
}

@media (max-width: 991px) {
    #recipe .recipeWrap {
        width: 100%;
    }

    #recipe .recipeHeader h1 {
        width: 66.66666667%;
    }
}

@media (max-width: 767px) {
    #recipe {
        /*margin-top: 80px;*/
        /*padding-right: 15px;
            padding-left: 15px;*/
        font-size: 1.4em;
        padding: 4em 0;
        min-height: 800px;
        /*padding-bottom: 80px;*/
    }

    #recipe .recipe-col {
        padding-bottom: 0;
        padding-top: 1px;
        padding-bottom: 75px;
    }

    #recipe .recipe-col .main-image {
        /*margin-right: -15px;
                    margin-left: -15px;*/
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #recipe .recipe-col .main-image .tag-recipe {
        bottom: 0;
        font-size: 1.2em;
    }

    #recipe .recipeWrap {
        padding: 0;
    }

    #recipe .mobile-tab {
        /*margin-right: -15px;
                margin-left: -15px;*/
        margin-bottom: 15px;
    }

    #recipe .mobile-tab div {
        display: inline-block;
        width: 50%;
        padding: 20px;
        text-align: center;
        border: 1px solid #e3e3e1;
        cursor: pointer;
        font-size: 1.2em;
    }

    #recipe .mobile-tab div.active {
        background-color: #124734;
        color: #fff;
        border: none;
        padding-bottom: 22px;
    }

    #recipe .mobile-tab div.active:after {
        content: " ";
        position: absolute;
        content: '';
        display: block;
        width: 0;
        height: 0;
        -moz-transform: scale(0.9999);
        border-left: 0.5em solid transparent;
        border-right: 0.5em solid transparent;
        border-bottom: 0.5em solid #fff;
        bottom: 0;
        left: calc(50% - .5em);
    }

    /* #recipe .items {
        padding: 0;
    } */

    #recipe p:not(.header-title) {
        font-size: 1.1em;
    }

    #recipe h1 {
        margin-bottom: 0;
    }

    #recipe h2 {
        font-size: 1.2em;
        background-size: 2em !important;
    }

    #recipe .group ul {
        margin-right: 0;
        padding-right: 30px;
    }

    #recipe h4,
    #recipe h3 {
        font-size: 1.1em;
    }

    #recipe .cube-share {
        left: 1em;
    }

    #recipe .recipeHeader h1 {
        width: auto;
    }

    #recipe .recipeHeader ul {
        margin-bottom: 0;
    }

    #recipe .recipeHeader ul li {
        padding: 0 0.5em 0 0.5em;
        font-size: 0.9em;
    }

    #recipe .recipeHeader ul li.stars-wrap span:last-of-type {
        float: right;
    }

    #recipe .recipeHeader .credit-li {
        display: block;
    }

    #recipe .recipeHeader .credit-li+li {
        padding-right: 0;
    }

    #recipe .recipeHeader .credit-li+li:after {
        content: none;
    }

    #recipe .recipeHeader .angular-ratings {
        margin-top: 0.4em;
    }

    #recipe .mobile-back {
        position: fixed;
        top: 0;
        z-index: 80;
        left: 0;
        width: 60%;
        height: 80px;
        background-color: #fff;
        font-size: 1.6em;
        padding: 0.8em 0;
        background-image: url(/wp-content/themes/yadmordechai/assets/img/left-arrow-recipe.png);
        background-repeat: no-repeat;
        background-position: 15px 50%;
        background-size: 6%;
        font-weight: bold;
    }

    #recipe aside {
        padding: 0;
        margin: 15px -15px;
    }

    .recipe-utils {
        position: absolute !important;
        bottom: 0;
        border: none;
        text-align: center;
        width: 100%;
        left: 0;
    }

    .recipe-utils ul {
        width: 100%;
        text-align: center;
    }

    .recipe-utils ul li {
        text-align: center;
        float: none !important;
        display: inline-block;
    }

    .recipe-utils ul li:after {
        content: none !important;
    }

    .recipe-utils ul li a span {
        display: block;
    }

    .recipe-utils share a {
        display: inline-block;
        vertical-align: top;
        margin: 0 1em;
    }

    .recipe-utils share a:first-of-type {
        margin-right: 0;
    }

    .recipe-utils share .fb-share-button span {
        margin-top: 2em;
    }

    .recipe-utils i,
    .recipe-utils .share-icon,
    .recipe-utils .like-icon,
    .recipe-utils .share-by-mail,
    .recipe-utils .fb-share-button {
        width: 2em !important;
        height: 2em !important;
    }

    related-items article .article-wrap h4 {
        font-size: 1.6em !important;
    }

    related-items article .article-wrap p {
        display: none;
    }

    related-items article .article-wrap .btn {
        font-size: 1.2em !important;
    }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    /*padding-top: 25px;*/
    height: 0;
    border: 4px solid #fff;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-Recipe article .content img {
    height: auto !important;
}

@media (max-width: 767px) {
    .video-wraper {
        position: relative;
        padding-bottom: 56.25%;
        /* 16:9 */
        height: 0;
    }

    .video-wraper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 350px) {
    #recipe .mobile-tab div {
        font-size: 1.1em;
    }

    .video-wraper {
        position: relative;
        padding-bottom: 56.25%;
        /* 16:9 */
        height: 0;
    }

    .video-wraper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}