/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*.brm-comment-form-rating .brm-rating-star {
    cursor: pointer;
    }*/

    .brm-rating-star svg {
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin: 0 1px;
    }

/*.brm-rating-star.rated svg polygon {
   fill: #ffb900;
   }*/

   .ui-progressbar-value { 
       background: lightgreen; 
       height: 25px;
   }

   .ingredient-progressbar-container {
      position: relative;
      width: 350px; 
  }

  .ingredient-progressbar-bar { 
     height: 25px;
     margin: 10px 0;
     border-radius: 7px;
     width: 100%;
     background: #eee;
 }

 .instruction-progressbar-container {
  position: relative;
  width: 350px; 
}

.instruction-progressbar-bar { 
  height: 25px;
  margin: 10px 0;
  border-radius: 7px;
  width: 100%;
  background: #eee;
}

img {
    vertical-align: top;
}

/*===========================
SEARCH RESULT PAGE
===========================*/
#primary .site-main h4.br-search-title {
    color: #000;
    font-size: 1.5em;
}

.recipe-search-form {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: flex-end;
}

body:not(.full-width) .recipe-search-form {
    flex-wrap: wrap;
}

.recipe-search-form > div {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: 40px;
}

body:not(.full-width) .recipe-search-form > div {
    width: 33.33%;
    flex: auto;
}

#primary .site-main .recipe-search-form > div h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
}

#primary .site-main .recipe-search-form > div input[type="text"], 
#primary .site-main .recipe-search-form > div select {
    width: 100%;
    height: 50px;
    border: 1px solid #DCDFE6;
    border-right: none;
    border-radius: 0;
    padding: 5px 15px;
    font-size: 16px;
    color: #111;
}

#primary .site-main .recipe-search-form > div:nth-child(3n+1) input[type="text"], 
#primary .site-main .recipe-search-form > div:nth-child(3n+1) select {
    border-right: 1px solid #DCDFE6;
}

#primary .site-main .recipe-search-form > div select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23111" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 15px) 50%;
}

.recipe-search-form .recipe-search-field-submit input[type="submit"] {
    border: none;
    background: #1A84EE;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.recipe-search-form .recipe-search-field-submit input[type="submit"]:hover {
    background: #1771CC;
}

#primary .site-main .recipe-search-wrap .postsFound {
    font-size: 16px;
    font-weight: 400;
    color: #999;
    line-height: 1.5;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.recipe-search-wrap .grid .col {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    display: flex;
    flex: 1;
    flex-flow: row wrap;
    align-items: flex-start;
}

.recipe-search-wrap .grid .col:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.recipe-search-wrap .grid .img-holder {
    width: 35%;
}

.recipe-search-wrap .grid .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#primary .recipe-search-wrap .grid .text-holder {
    padding: 0 0 0 30px;
    width: 65%;
}

#primary .recipe-search-wrap .grid .entry-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
}

#primary .recipe-search-wrap .grid .entry-title a {
    color: #000;
}

#br-recipe-category-links {
    margin-bottom: 10px;
    display: flex;
    flex: 1;
    flex-flow: row wrap;
}

#br-recipe-category-links > div {
    margin-right: 20px;
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 25px;
}

#br-recipe-category-links svg {
    font-size: 16px;
    position: absolute;
    top: 7px;
    left: 0;
}

#br-recipe-category-links > div .br-author-info {
    border-top: none;
    border-bottom: none;
    padding: 0;
}

.readmore-btn {
    margin-top: 15px;
}

.readmore-btn .more-button {
    font-weight: 600;
    letter-spacing: 0.5px;
}

/*========================
ARCHIVE PAGE
========================*/
.site-main > div[class*="-taxonomy-wrap"] {
    display: flex;
    flex: 1;
    flex-flow: row wrap;
    margin-left: -1.5%;
    margin-right: -1.5%;
}

.child-taxonomy-wrap .child-title {
    width: 100%;
    margin-bottom: 40px;
    border-left: 5px solid;
    padding-left: 20px;
    line-height: 1;
}

.site-main > div[class*="-taxonomy-wrap"] .child-title {
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.archive[class*="tax-recipe-"] .site-main .recipe-archive-wrap {
    width: 30.33%;
    margin-right: 1.5%;
    margin-bottom: 40px;
    margin-left: 1.5%;
}

.archive[class*="tax-recipe-"]:not(.full-width) .site-main .recipe-archive-wrap {
    width: 47%;
}

.archive[class*="tax-recipe-"] .site-main .text-holder {
    margin-top: 20px;
}

.archive[class*="tax-recipe-"] .site-main .recipe-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.archive[class*="tax-recipe-"] .site-main .recipe-title a {
    color: #000;
}

.archive .site-main #br-recipe-category-links > div {
    margin-right: 15px;
    font-size: 14px;
}

.archive .site-main #br-recipe-category-links svg {
    font-size: 14px;
    margin-right: 5px;
}

/*==========================
SINGLE BLOSSOM RECIPE
==========================*/
.single-blossom-recipe .owl-carousel .owl-item img {
    width: auto;
}

.single-blossom-recipe .owl-carousel .owl-item .video img {
    width: 100%;
}

.single-blossom-recipe .site-main .entry-title {
    font-size: 30px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 10px;
}

.single-blossom-recipe .site-main .entry-content {
    margin-top: 0;
}

.feat-images-container {
    margin-top: 30px;
}

.feat-images-container.owl-carousel .owl-nav [class*="owl-"] {
    margin: 0;
    border-radius: 0;
    background: rgba(0,0,0,0.5);
    width: 45px;
    height: 45px;
    line-height: 45px;
    opacity: 1;
    top: 50%;
    position: absolute;
    left: 0;
    margin: 0;
    text-indent: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
}

.feat-images-container.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 0;
}

.feat-images-container.owl-carousel .owl-nav [class*="owl-"]:hover {
    background: rgba(0,0,0,0.7);
}

.feat-images-container.owl-carousel .owl-nav [class*="owl-"] svg {
    color: #fff;
    font-size: 18px;
}

.feat-images-container.owl-carousel .owl-nav [class*="owl-"]:before, 
.feat-images-container.owl-carousel .owl-nav [class*="owl-"]:after {
    display: none;
}

.feat-image {
    position: relative;
}

.feat-images-container .lightbox-img a, 
.feat-images-container .feat-image a {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,0.5);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    box-shadow: none;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
}
.feat-images-container .lightbox-img.video a {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 2em;
}

.feat-images-container .lightbox-img a:hover, 
.feat-images-container .feat-image a:hover {
    background: rgba(0,0,0,0.7);
    color:white;
}

#br-recipe-details {
    margin-top: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 30px;
    padding-bottom: 10px;
}

#br-recipe-details > span {
    font-size: 14px;
    display: inline-block;
    margin-right: 30px;
    position: relative;
    color: #000;
    padding-left: 45px;
    margin-bottom: 15px;
}

#br-recipe-details > span.br_recipe_servings {
    padding-left: 40px;
}

#br-recipe-details > span.br_recipe_difficulty {
    padding-left: 50px;
}

#br-recipe-details > span:last-child {
    margin-right: 0;
}

#br-recipe-details > span svg {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 35px;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    transform: translateY(-40%);
}

#br-recipe-details > span span {
    display: block;
    line-height: 1;
    font-weight: 600;
    font-size: 16px;
}

.blossom-recipe-print {
    display: block;
    text-align: right;
    margin-top: 40px;
}

.blossom-recipe-print .br_recipe_print_button {
    position: relative;
    color: #000;
}

.blossom-recipe-print .br_recipe_print_button::before {
    content: "";
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M448 192V77.25c0-8.49-3.37-16.62-9.37-22.63L393.37 9.37c-6-6-14.14-9.37-22.63-9.37H96C78.33 0 64 14.33 64 32v160c-35.35 0-64 28.65-64 64v112c0 8.84 7.16 16 16 16h48v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h48c8.84 0 16-7.16 16-16V256c0-35.35-28.65-64-64-64zm-64 256H128v-96h256v96zm0-224H128V64h192v48c0 8.84 7.16 16 16 16h48v96zm48 72c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z"></path></svg>');
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 7px;
}

#br-recipe-ingredients {
    margin-top: 30px;
    background: rgba(0,0,0,0.03);
}

#br-recipe-ingredients .br-ingredient-wrap, 
#br-recipe-instructions .br-instruction-wrap {
    padding: 30px;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    margin-bottom: 30px;
    display: flex;
    flex: 1;
    flex-flow: row wrap;
    align-items: center;
}

#br-recipe-ingredients h4, 
#br-recipe-instructions h4 {
    font-size: 24px;
    color: #000;
    margin-bottom: 0;
    display: flex;
    flex: auto;
    flex-direction: column;
}

#br-recipe-ingredients .br-progressbar-wrap, 
#br-recipe-instructions .br-progressbar-wrap {
    display: flex;
    flex: auto;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}

#br_ingredients_counter, 
#br_instructions_counter {
    font-size: 14px;
    color: #000;
}

#br_ingredients_counter .ingredient_checked, 
#br_instructions_counter .instructions_checked {
    font-weight: 700;
    color: #1A84EE;
}

.ingredient-progressbar-container, 
.instruction-progressbar-container {
    width: 115px;
}

.ingredient-progressbar-bar, 
.instruction-progressbar-bar {
    height: 4px;
    margin: 5px 0 0 0;
    background: rgba(0,0,0,0.1);
    border-radius: 50px;
}

.ingredient-progressbar-bar .ui-progressbar-value, 
.instruction-progressbar-bar .ui-progressbar-value {
    height: 4px;
    background: #1A84EE;
    border-radius: 50px;
}

#adjust_recipe_servings {
    display: table;
    text-align: center;
    background: rgba(0,0,0,0.04);
    padding: 10px 30px;
    margin: 0 auto 40px auto;
}

#adjust_recipe_servings .br_adjust-recipe-servings {
    width: 50px;
    padding: 0;
    text-align: center;
    height: 30px;
    margin-left: 15px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0;
}

.br-ingredients-list-wrap {
    padding: 0 30px 30px 30px;
}

.br-ingredients-list-wrap ul,
.widget .br-ingredients-list-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.br-ingredients-list-wrap .br_ingredients_heading {
    display: inline-block;
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    border-bottom: 2px solid;
}

.br-ingredients-list-wrap ul li + .br_ingredients_heading {
    margin-top: 30px;
}

.br-ingredients-list-wrap ul li {
    font-weight: 400;
    font-size: 16px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.br-ingredients-list-wrap ul li:first-child, 
.br-ingredients-list-wrap ul span + li {
    border-top: 0;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    margin-left: 40px;
    margin-bottom: 0;
    border-left: 1px solid rgba(0,0,0,0.1);
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

input[type="checkbox"]:checked + label {
    color: rgba(0,0,0,0.5);
}

input[type="checkbox"] + label::before {
    content: "";
    background-color: #fff;
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>');
    background-repeat: no-repeat;
    background-size: 0;
    background-position: center;
    border: 1px solid rgba(0,0,0,0.1);
    width: 18px;
    height: 18px;
    position: absolute;
    top: 15px;
    left: -40px;
    border-radius: 3px;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
}

input[type="checkbox"]:checked + label::before {
    background-color: #1A84EE;
    background-size: 12px;
    border-color: #1A84EE;
}

.fancybox-inner .fancybox-toolbar {
    top: 10px;
    right: 10px;
}

.admin-bar .fancybox-inner .fancybox-toolbar {
    top: 50px;
}

.fancybox-inner .fancybox-button {
    box-shadow: none;
    text-shadow: none;
    margin: 5px;
}

.fancybox-inner .fancybox-button:hover {
    box-shadow: none;
    text-shadow: none;
}

#br-recipe-instructions {
    margin-top: 30px;
}

#br-recipe-instructions .br-instruction-wrap {
    padding-left: 0;
    padding-right: 0;
}

.br-instructions-list-wrap ul,
.widget .br-instructions-list-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.br-instructions-list-wrap ul li {
    margin-bottom: 60px;
}

.br-instructions-list-wrap .br_instructions_heading {
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    border-bottom: 2px solid;
    margin-bottom: 30px;
}

.br-instructions-list-wrap input[type="checkbox"] + label {
    border-left: none;
    padding-left: 30px;
    margin-left: 0;
    font-weight: 600;
}

.br-instructions-list-wrap input[type="checkbox"] + label::before {
    left: 0;
}

.br-instructions-list-wrap .instruction-img {
    text-align: center;
    margin-bottom: 30px;
}

.br-instructions-list-wrap input[type="checkbox"]:checked + label + .instruction-img, 
.br-instructions-list-wrap input[type="checkbox"]:checked + label ~ .instruction_description {
    opacity: 0.5;
}

.instruction_description {
    display: block;
}

.br-instructions-list-wrap label.instruction_step + .instruction-img, 
.br-instructions-list-wrap label.instruction_step + .instruction_description {
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: 30px;
}

#br-recipe-notes {
    border-top: 1px solid rgba(0,0,0,0.05);
    padding-top: 60px;
}

#br-recipe-notes h4 {
    font-size: 24px;
    color: #000;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#br-recipe-notes .recipe_notes {
    border: 1px solid rgba(0,0,0,0.1);
    display: block;
    padding: 30px;
}

.recipe-tags {
    margin-top: 40px;
}

.recipe-tags h4 {
    display: inline-block;
    margin-right: 10px;
    font-weight: 400;
    color: #000;
    position: relative;
    font-size: 16px;
}

.recipe-tags h4::after {
    content: ":";
    margin-left: 3px;
}

/*================================
PAGE TAMPLETE CONTENT DESIGN
================================*/
.recipe-cooking-method-holder > div[class*="recipe-method-"], 
.recipe-cuisine-holder > div[class*="recipe-cuisine-"], 
.recipe-category-holder > div[class*="recipe-category-"] {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -1.5%;
    margin-right: -1.5%;
}

.recipe-cooking-method-holder .item, 
.recipe-cuisine-holder .item, 
.recipe-category-holder .item {
    width: 100%;
    border-top: 1px solid #E2E6EC;
    padding-top: 50px;
    margin: 10px 1.5% 40px 1.5%;
}

.recipe-cooking-method-holder .item:first-child, 
.recipe-cuisine-holder .item:first-child, 
.recipe-category-holder .item:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.recipe-cooking-method-holder .item a, 
.recipe-cuisine-holder .item a, 
.recipe-category-holder .item a {
    display: flex;
    position: relative;
    min-height: 245px;
    background: #1A84EE;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}

.recipe-cooking-method-holder .item a::before, 
.recipe-cuisine-holder .item a::before, 
.recipe-category-holder .item a::before {
    content: "";
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.recipe-cooking-method-holder .item a img, 
.recipe-cuisine-holder .item a img, 
.recipe-category-holder .item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.recipe-cooking-method-holder .item .child-title, 
.recipe-cuisine-holder .item .child-title, 
.recipe-category-holder .item .child-title {
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 49px;
    z-index: 2;
    padding: 30px;
}

.recipe-cooking-method-holder .item .desc-holder, 
.recipe-cuisine-holder .item .desc-holder, 
.recipe-category-holder .item .desc-holder {
    margin-top: 30px;
}

.recipe-cooking-method-holder .recipe-archive-wrap, 
.recipe-cuisine-holder .recipe-archive-wrap, 
.recipe-category-holder .recipe-archive-wrap {
    margin-right: 1.5%;
    margin-left: 1.5%;
    margin-bottom: 40px;
}

body.full-width .recipe-cooking-method-holder .recipe-archive-wrap, 
body.full-width .recipe-cuisine-holder .recipe-archive-wrap, 
body.full-width .recipe-category-holder .recipe-archive-wrap {
    width: 30.33%;
}

body:not(.full-width) .recipe-cooking-method-holder .recipe-archive-wrap, 
body:not(.full-width) .recipe-cuisine-holder .recipe-archive-wrap, 
body:not(.full-width) .recipe-category-holder .recipe-archive-wrap {
    width: 47%;
}

.recipe-cooking-method-holder .recipe-archive-wrap .text-holder, 
.recipe-cooking-method-holder .recipe-archive-wrap .recipe-description, 
.recipe-cuisine-holder .recipe-archive-wrap .text-holder, 
.recipe-cuisine-holder .recipe-archive-wrap .recipe-description, 
.recipe-category-holder .recipe-archive-wrap .text-holder, 
.recipe-category-holder .recipe-archive-wrap .recipe-description {
    margin-top: 20px;
}

.recipe-cooking-method-holder .recipe-archive-wrap .recipe-title, 
.recipe-cuisine-holder .recipe-archive-wrap .recipe-title, 
.recipe-category-holder .recipe-archive-wrap .recipe-title {
    font-size: 20px;
}

.recipe-cooking-method-holder .recipe-archive-wrap .recipe-title a, 
.recipe-cuisine-holder .recipe-archive-wrap .recipe-title a, 
.recipe-category-holder .recipe-archive-wrap .recipe-title a {
    color: #000;
}

.recipe-cooking-method-holder .recipe-archive-wrap #br-recipe-category-links, 
.recipe-cuisine-holder .recipe-archive-wrap #br-recipe-category-links, 
.recipe-category-holder .recipe-archive-wrap #br-recipe-category-links {
    margin-top: 10px;
}

.load-cuisines {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.load-cuisines a {
    display: inline-block;
    background: #1A84EE;
    color: #fff;
    padding: 15px 20px;
    line-height: 1.8;
    font-size: 16px;
    border: 1px solid #1A84EE;
}

.load-cuisines a:hover {
    color: #1A84EE;
    background: none
}

.post-type-archive-blossom-recipe .site-main {
    display: flex;
    flex: 1;
    flex-flow: row wrap;
}

.post-type-archive-blossom-recipe.full-width .site-main .recipe-archive-wrap {
    width: 31.33%;
    margin-right: 3%;
    margin-bottom: 40px;
}

.post-type-archive-blossom-recipe.full-width .site-main .recipe-archive-wrap:nth-child(3n) {
    margin-right: 0;
}

.post-type-archive-blossom-recipe:not(.full-width) .site-main .recipe-archive-wrap {
    width: 48.33%;
    margin-right: 3%;
    margin-bottom: 40px;
}

.post-type-archive-blossom-recipe:not(.full-width) .site-main .recipe-archive-wrap:nth-child(2n) {
    margin-right: 0;
}

.post-type-archive-blossom-recipe .site-main .text-holder {
    margin-top: 20px;
}

.post-type-archive-blossom-recipe .site-main .recipe-title {
    font-size: 20px;
}

.post-type-archive-blossom-recipe .site-main .recipe-title a {
    color: #000;
}

.brm-comment-rating > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}

.brm-comment-rating > span.rating-title {
    margin-right: 5px;
}

.brm-comment-rating {
    padding-bottom: 5px;
}

/*=============================
WIDGET CATEGORY SLIDER
=============================*/
.widget_brm_recipe_categories_slider .owl-item .post-thumbnail {
    margin-bottom: 0;
}

.widget_brm_recipe_categories_slider .owl-item .carousel-title {
    background: #f5f5f5;
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-top: none;
}

.widget_brm_recipe_categories_slider .owl-item .carousel-title .cat-links {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

.widget_brm_recipe_categories_slider .owl-item .carousel-title .cat-links a {
    display: inline-block;
}

.widget_brm_recipe_categories_slider .owl-item .carousel-title .cat-links a:after {
    content: "/";
    margin: 0 5px;
}

.widget_brm_recipe_categories_slider .owl-item .carousel-title .cat-links a:last-child:after {
    display: none;
}

.widget_brm_recipe_categories_slider .owl-item .carousel-title .title {
    font-size: 16px;
}

.widget_brm_recipe_categories_slider .owl-theme .owl-nav [class*="owl-"] {
    position: absolute;
    top: 40%;
    left: 10px;
    margin: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #fff;
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23333" d="M193.456 357.573L127.882 292H424c13.255 0 24-10.745 24-24v-24c0-13.255-10.745-24-24-24H127.882l65.574-65.573c9.373-9.373 9.373-24.569 0-33.941l-16.971-16.971c-9.373-9.373-24.569-9.373-33.941 0L7.029 239.029c-9.373 9.373-9.373 24.568 0 33.941l135.515 135.515c9.373 9.373 24.569 9.373 33.941 0l16.971-16.971c9.373-9.372 9.373-24.568 0-33.941z"></path></svg>');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.16);
    text-indent: 40px;
    overflow: hidden;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.widget_brm_recipe_categories_slider .owl-theme .owl-nav .owl-next {
    left: auto;
    right: 10px;
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M254.544 154.427L320.118 220H24c-13.255 0-24 10.745-24 24v24c0 13.255 10.745 24 24 24h296.118l-65.574 65.573c-9.373 9.373-9.373 24.569 0 33.941l16.971 16.971c9.373 9.373 24.569 9.373 33.941 0L440.97 272.97c9.373-9.373 9.373-24.569 0-33.941L305.456 103.515c-9.373-9.373-24.569-9.373-33.941 0l-16.971 16.971c-9.373 9.372-9.373 24.568 0 33.941z"></path></svg>');
}

.widget_brm_recipe_categories_slider .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #fff;
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23333" d="M193.456 357.573L127.882 292H424c13.255 0 24-10.745 24-24v-24c0-13.255-10.745-24-24-24H127.882l65.574-65.573c9.373-9.373 9.373-24.569 0-33.941l-16.971-16.971c-9.373-9.373-24.569-9.373-33.941 0L7.029 239.029c-9.373 9.373-9.373 24.568 0 33.941l135.515 135.515c9.373 9.373 24.569 9.373 33.941 0l16.971-16.971c9.373-9.372 9.373-24.568 0-33.941z"></path></svg>');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.widget_brm_recipe_categories_slider .owl-theme .owl-nav .owl-next:hover {
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M254.544 154.427L320.118 220H24c-13.255 0-24 10.745-24 24v24c0 13.255 10.745 24 24 24h296.118l-65.574 65.573c-9.373 9.373-9.373 24.569 0 33.941l16.971 16.971c9.373 9.373 24.569 9.373 33.941 0L440.97 272.97c9.373-9.373 9.373-24.569 0-33.941L305.456 103.515c-9.373-9.373-24.569-9.373-33.941 0l-16.971 16.971c-9.373 9.372-9.373 24.568 0 33.941z"></path></svg>');
}

/*============================
WIDGET CATEGORIES
============================*/
.widget_brm_recipe_categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_brm_recipe_categories ul li {
    min-height: 160px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex: 1;
}

.widget_brm_recipe_categories ul li:last-child {
    margin-bottom: 0;
}

.widget_brm_recipe_categories ul li a {
    padding: 15px;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    background: rgba(0,0,0,0.3);
    color: #fff;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
}

.widget_brm_recipe_categories ul li a:hover {
    background: rgba(0,0,0,0.4);
    padding-bottom: 25px;
}

.widget_brm_recipe_categories ul li .cat-title {
    display: flex;
    flex: auto;
    font-size: 16px;
    font-weight: 700;
}

.widget_brm_recipe_categories ul li .post-count {
    display: flex;
    flex: auto;
    justify-content: flex-end;
    font-size: 14px;
}

/*===========================
WIDGET RECENT & POPULAR RECIPE
============================*/
.widget_brm_recent_recipe ul, 
.widget_brm_popular_recipe ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_brm_recent_recipe ul li .cat-links, 
.widget_brm_popular_recipe ul li .cat-links {
    display: block;
    margin-bottom: 5px;
}

.widget_brm_recent_recipe ul li .cat-links a, 
.widget_brm_popular_recipe ul li .cat-links a {
    display: inline-block;
}

.widget_brm_recent_recipe ul li .cat-links a:after, 
.widget_brm_popular_recipe ul li .cat-links a:after {
    content: "/";
    margin: 0 5px;
}

.widget_brm_recent_recipe ul li .cat-links a:last-child:after, 
.widget_brm_popular_recipe ul li .cat-links a:last-child:after {
    display: none;
}

.widget_brm_recent_recipe ul li .entry-title, 
.widget_brm_popular_recipe ul li .entry-title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.widget_brm_recent_recipe ul li .entry-meta > span, 
.widget_brm_popular_recipe ul li .entry-meta > span {
    font-size: 14px;
}

/*=======================
STYLE ONE
=======================*/
.widget_brm_recent_recipe ul.style-one li, 
.widget_brm_popular_recipe ul.style-one li {
    margin-bottom: 20px;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: flex-start;
}

.widget_brm_recent_recipe ul.style-one li .post-thumbnail, 
.widget_brm_popular_recipe ul.style-one li .post-thumbnail {
    width: 30%;
    margin-bottom: 0;
}

.widget_brm_recent_recipe ul.style-one li .entry-header, 
.widget_brm_popular_recipe ul.style-one li .entry-header {
    padding-left: 15px;
    padding-right: 0;
    width: 70%;
}

/*=======================
STYLE TWO
=======================*/
.widget_brm_recent_recipe ul.style-two li, 
.widget_brm_popular_recipe ul.style-two li {
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 20px;
}

.widget_brm_recent_recipe ul.style-two li:last-child, 
.widget_brm_popular_recipe ul.style-two li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget_brm_recent_recipe ul.style-two li .post-thumbnail, 
.widget_brm_popular_recipe ul.style-two li .post-thumbnail {
    margin-bottom: 20px;
}

.widget_brm_recent_recipe ul.style-two li .entry-header, 
.widget_brm_popular_recipe ul.style-two li .entry-header {
    padding-left: 0;
    padding-right: 0;
}

/*========================
STYLE THREE
========================*/
.widget_brm_recent_recipe ul.style-three li, 
.widget_brm_popular_recipe ul.style-three li {
    margin-bottom: 30px;
    position: relative;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
}

.widget_brm_recent_recipe ul.style-three li:last-child, 
.widget_brm_popular_recipe ul.style-three li:last-child {
    margin-bottom: 0;
}

.widget_brm_recent_recipe ul.style-three li .post-thumbnail, 
.widget_brm_popular_recipe ul.style-three li .post-thumbnail {
    margin-bottom: 0;
}

.widget_brm_recent_recipe ul.style-three li .post-thumbnail img, 
.widget_brm_popular_recipe ul.style-three li .post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    bottom: 0;
}

.widget_brm_recent_recipe ul.style-three li .entry-header, 
.widget_brm_popular_recipe ul.style-three li .entry-header {
    background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.65));
    background: -moz-linear-gradient(transparent, rgba(0,0,0,0.65));
    background: -ms-linear-gradient(transparent, rgba(0,0,0,0.65));
    background: -o-linear-gradient(transparent, rgba(0,0,0,0.65));
    background: linear-gradient(transparent, rgba(0,0,0,0.65));
    position: relative;
    padding: 40px 15px 15px 15px;
    color: #fff;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
}

.widget_brm_recent_recipe ul.style-three li:hover .entry-header, 
.widget_brm_popular_recipe ul.style-three li:hover .entry-header {
    padding-bottom: 25px;
}

.widget_brm_recent_recipe ul.style-three li .entry-header a, 
.widget_brm_popular_recipe ul.style-three li .entry-header a {
    color: #fff;
}

.widget_brm_recent_recipe ul.style-three li .entry-header a:hover, 
.widget_brm_popular_recipe ul.style-three li .entry-header a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

/*==========================
RELATED POST SECTION
==========================*/
.custom-shortcode-grid-holder {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin-left: -1.5%;
    margin-right: -1.5%;
}

.custom-shortcode-grid-holder .shortcode-title {
    width: 100%;
    margin: 0 1.5%;
    font-size: 1.1112em;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 5px;
}

.custom-shortcode-grid-holder .col {
    width: 30.33%;
    margin-right: 1.5%;
    margin-top: 30px;
    margin-left: 1.5%;
}

.custom-shortcode-grid-holder .col .post-thumbnail {
    margin-bottom: 0;
}

.custom-shortcode-grid-holder .col .entry-title {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0;
}


/*============================
RESPONSIVE STYLESHEET
============================*/
@media screen and (max-width: 1024px) {
    body.full-width .recipe-cooking-method-holder .recipe-archive-wrap, 
    body.full-width .recipe-cuisine-holder .recipe-archive-wrap, 
    body.full-width .recipe-category-holder .recipe-archive-wrap {
        width: 47%;
    }
}

@media screen and (max-width: 767px) {
    .recipe-search-form {
        flex-direction: column;
    }

    body:not(.full-width) .recipe-search-form > div {
        width: 100%;
        margin-bottom: 20px;
    }

    #primary .site-main .recipe-search-form > div input[type="text"], 
    #primary .site-main .recipe-search-form > div select {
        border-right: 1px solid #DCDFE6;
    }

    .recipe-search-wrap .grid .col {
        flex-direction: column;
    }

    .recipe-search-wrap .grid .img-holder {
        width: 100%;
        margin-bottom: 30px;
    }

    #primary .recipe-search-wrap .grid .text-holder {
        padding-left: 0;
        width: 100%;
    }

    .recipe-cooking-method-holder .item, 
    .recipe-cuisine-holder .item, 
    .recipe-category-holder .item {
        margin-left: 0;
        margin-right: 0;
    }

    .recipe-cooking-method-holder > div[class*="recipe-method-"], 
    .recipe-cuisine-holder > div[class*="recipe-cuisine-"], 
    .recipe-category-holder > div[class*="recipe-category-"], 
    .site-main > div[class*="-taxonomy-wrap"] {
        margin-left: 0;
        margin-right: 0;
        flex-direction: column;
    }

    body:not(.full-width) .recipe-cooking-method-holder .recipe-archive-wrap, 
    body:not(.full-width) .recipe-cuisine-holder .recipe-archive-wrap, 
    body:not(.full-width) .recipe-category-holder .recipe-archive-wrap, 
    body.full-width .recipe-cooking-method-holder .recipe-archive-wrap, 
    body.full-width .recipe-cuisine-holder .recipe-archive-wrap, 
    body.full-width .recipe-category-holder .recipe-archive-wrap, 
    .archive[class*="tax-recipe-"] .site-main .recipe-archive-wrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .archive[class*="tax-recipe-"]:not(.full-width) .site-main .recipe-archive-wrap {
        width: 100%;
    }

    .site-main > div[class*="-taxonomy-wrap"] .child-title {
        margin-left: 0;
        margin-right: 0;
    }

    .post-type-archive-blossom-recipe .site-main {
        flex-direction: column;
    }

    .post-type-archive-blossom-recipe:not(.full-width) .site-main .recipe-archive-wrap, 
    .post-type-archive-blossom-recipe.full-width .site-main .recipe-archive-wrap {
        width: 100%;
        margin-right: 0;
    }

    /*=========================
    RELATED POST SECTION
    =========================*/
    .custom-shortcode-grid-holder {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }

    .custom-shortcode-grid-holder .shortcode-title {
        margin: 0;
    }

    .custom-shortcode-grid-holder .col {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}