/*@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;
    }
}

/*@import 'site';*/
#search {
    color: #604039;
    text-align: center;
    margin-top: 40px;
}

#search .filters {
    text-align: center;
    direction: ltr;
    padding-bottom: 0;
    margin-top: -2%;
    white-space: nowrap;
}

#search .filters .filter-wrap {
    vertical-align: bottom;
    display: inline-block;
    background-position: center bottom;
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
    direction: rtl;
    margin-right: -10%;
    transition: all ease 0.4s;
    margin-bottom: 0;
    padding-bottom: 27.2%;
    width: 40%;
    font-size: 1.9em;
    transform: scale(0.5) translateY(0);
    transform-origin: center;
    margin-left: -20%;
    margin-left: -17%;
    white-space: normal;
}

#search .filters .filter-wrap.Category {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/search/category-board.png);
    margin-left: -8%;
    background-size: 100% calc(100% - 32px);
    width: 51%;
}

#search .filters .filter-wrap.Category .checkbox {
    width: 20%;
}

#search .filters .filter-wrap.Mood,
#search .filters .filter-wrap.Course {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/search/mood-board.png);
    transform-origin: center 70%;
    transform: scale(0.5) rotate(4deg) translateY(0);
    padding-bottom: 35%;
    width: 44%;
    margin-bottom: -1%;
}

#search .filters .filter-wrap.Mood .closed-title,
#search .filters .filter-wrap.Course .closed-title {
    bottom: calc(47% - 90px);
    left: calc(40% - 90px);
    transform: rotate(-4deg);
}

#search .filters .filter-wrap.Mood .properties,
#search .filters .filter-wrap.Course .properties {
    padding: 1% 7%;
}

#search .filters .filter-wrap.Mood input[type="checkbox"]+label,
#search .filters .filter-wrap.Course input[type="checkbox"]+label {
    font-size: 0.65em;
}

#search .filters .filter-wrap.Inspiration {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/search/inspiration-board.png);
    margin-bottom: -0.5%;
    padding-bottom: 26.2%;
}

#search .filters .filter-wrap.Inspiration .closed-title {
    bottom: calc(52% - 90px);
}

#search .filters .filter-wrap.Inspiration .prop-img {
    width: 85%;
    padding-bottom: 94%;
    margin-top: -45%;
    margin-right: 8%;
    margin-bottom: 16%;
}

#search .filters .filter-wrap.Inspiration input[type="checkbox"]+label {
    z-index: 12;
    transform: translateY(200%);
}

#search .filters .filter-wrap.Inspiration .properties {
    padding: 5% 11.6%;
}

#search .filters .filter-wrap.Flavor {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/search/taste-board.png);
    margin-left: -17%;
    padding-bottom: 38.9%;
    margin-bottom: -8%;
}

#search .filters .filter-wrap.Flavor .closed-title {
    bottom: calc(54.8% - 90px);
    left: calc(58% - 90px);
}

#search .filters .filter-wrap.Flavor .properties {
    left: 10%;
    padding: 5% 6.3% 0 12%;
}

#search .filters .filter-wrap.Flavor .properties .checkbox {
    width: 40%;
}

@media (max-width: 767px) {
    #search .filters .filter-wrap.Flavor .properties {
        padding: 0 16%;
    }
}

#search .filters .filter-wrap.Flavor .prop-img {
    width: 110%;
    padding-bottom: 110%;
    margin-top: -20%;
    margin-bottom: -15%;
}

@media (max-width: 767px) {
    #search .filters .filter-wrap.Flavor .prop-img {
        width: 110%;
        padding-bottom: 90%;
    }
}

#search .filters .filter-wrap.Flavor .filter-headline {
    padding-left: 2em;
}

@media (max-width: 767px) {
    #search .filters .filter-wrap.Flavor .filter-headline {
        padding-top: 3%;
    }
}

#search .filters .filter-wrap.Course .properties .checkbox {
    width: 50%;
}

#search .filters .filter-wrap.Course .properties .checkbox>label {
    width: 33%;
    /*margin-top:5%;*/
}

#search .filters .filter-wrap.Course .properties .checkbox>label .prop-img {
    margin-top: 0;
    margin-bottom: 0;
}

#search .filters .filter-wrap.Course .properties .checkbox>label .prop-img.prop-Course-1 {
    margin-top: -25px;
}

#search .filters .filter-wrap.Course .properties .checkbox>label .prop-img.prop-Course-2 {
    padding-bottom: 100%;
}

#search .filters .filter-wrap .closed-title {
    position: absolute;
    bottom: 10%;
    left: 48%;
    bottom: calc(50% - 90px);
    left: calc(50% - 90px);
    font-weight: bold;
    font-size: 49px;
    color: #604039;
    text-align: center;
    width: 180px;
    height: 180px;
    background-color: #ffffff;
    border-radius: 200px;
    padding: 13% 0;
    line-height: 1;
    transition: all ease 0.4s;
    visibility: visible;
    opacity: 1;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

#search .filters .filter-wrap .closed-title.ipad-text {
    font-weight: normal;
}

#search .filters .filter-wrap .closed-title i {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/search/down-arrow.png);
    display: block;
    width: 0.6em;
    height: 0.3em;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
}

#search .filters .filter-wrap .properties {
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.4s;
    position: absolute;
    padding: 1% 5.3%;
    left: 0;
    right: 0;
    list-style: none;
}

#search .filters .filter-wrap.open {
    margin-left: 0;
    margin-right: 6%;
    transform: scale(1);
}

#search .filters .filter-wrap.open.preformance {
    transform: scale(1) translate3d(0, 0, 0);
}

#search .filters .filter-wrap.open .closed-title {
    visibility: hidden;
    opacity: 0;
}

#search .filters .filter-wrap.open .properties {
    visibility: visible;
    opacity: 1;
}

#search .filters .filter-wrap.open .filter-headline {
    visibility: visible;
    opacity: 1;
}

#search .filters .filter-wrap.open.Category {
    margin-left: 10%;
}

#search .filters .filter-wrap.open.Mood,
#search .filters .filter-wrap.open.Course {
    /*margin-bottom: -5.2%;*/
    transform: scale(1) translateY(10%);
}

#search .filters .filter-wrap.open.Mood.preformance,
#search .filters .filter-wrap.open.Course.preformance {
    transform: scale(1) translateY(10%) translate3d(0, 0, 0);
}

#search .filters .filter-wrap.open.Inspiration {
    margin-right: 5%;
    /*margin-bottom: 1%;*/
}

#search .filters .filter-wrap.open.Flavor {
    margin-left: -6%;
    /*margin-bottom: -8%;*/
}

#search .filters .filter-wrap .filter-headline {
    margin: 0;
    font-weight: bold;
    visibility: hidden;
    opacity: 0;
    font-size: 0.8em;
    transition: all ease 0.4s;
}

#search .filters .filter-wrap .filter-headline .select-all {
    outline: none;
    font-size: 0.8em;
    vertical-align: middle;
    color: #604039;
}

#search .filters .filter-wrap .filter-headline .select-all i {
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 1px solid #604039;
    vertical-align: middle;
    margin-left: 0.3em;
    border-radius: 100px;
}

#search .filters .filter-wrap .filter-headline .select-all i.active {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/search/green-V.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
}

#search .search-btn-wrap {
    position: relative;
}

#search .search-btn {
    background-color: #155428;
    color: #fff;
    font-weight: bold;
    margin-top: 3%;
    min-width: 8em;
}

#search #prop-Category-3+label,
#search #prop-Category-7+label {
    font-size: 0.45em;
    margin-right: -0.9em;
}

#search .prop-img.prop-Category-7 {
    width: 105%;
    margin-right: -9px;
    margin-top: -63px;
}

@media (max-width: 767px) {
    #search .prop-img.prop-Category-7 {
        margin-top: -39px;
    }
}

#search .prop-img.prop-Category-6 {
    width: 108%;
    margin-right: -16px;
    margin-top: -61px;
}

@media (max-width: 767px) {
    #search .prop-img.prop-Category-6 {
        margin-top: -35px;
    }
}

#search .search-form {
    position: relative;
    border: 2px solid #604039;
    border-radius: 2px;
}

#search .search-form label {
    padding: 0;
    margin: 0;
}

#search .prop-img.prop-Category-8 {
    width: 102%;
    margin-top: -59%;
    margin-right: 0;
}

#search .checkbox-Category-3 .prop-img.prop-Category-3,
#search .checkbox-Category-4 .prop-img.prop-Category-4 {
    padding-bottom: 124%;
    width: 120%;
}

#search .checkbox {
    display: inline-block;
    margin: 0;
    width: 33%;
    padding: 0;
}

#search .checkbox>label {
    padding: 0;
    width: 100%;
}

#search .checkbox.checkbox-Mood-1,
#search .checkbox.checkbox-Mood-2 {
    width: 40%;
}

#search .checkbox.checkbox-Mood-1 {
    text-align: right;
}

#search .checkbox.checkbox-Mood-4>label label {
    margin-right: -40%;
}

#search input[type="checkbox"] {
    opacity: 0;
}

#search input[type="checkbox"]+label {
    color: #604039;
    position: relative;
    background: transparent;
    border: none;
    width: auto;
    font-weight: bold;
    font-size: 0.55em;
    height: auto;
}

#search input[type="checkbox"]:checked+label {
    /*.marker;*/
    color: #155428;
    right: auto;
    left: auto;
    padding: 0 0.3em;
    border: none;
}

#search input[type="checkbox"]:checked+label i {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/search/green-V.png);
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    position: absolute;
    right: -1.1em;
}

#search .search-row input {
    font-size: 1.2em;
    background-color: transparent;
    border: 0px solid #604039;
    border-radius: 2px !important;
    padding: 0.4em 46px 0.3em 0.3em;
}

#search .search-row button.search-submit {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.8802 7.41775C23.7363 6.25328 22.3729 5.32685 20.8687 4.69197C19.3645 4.0571 17.7494 3.72636 16.1166 3.71887C14.4838 3.71137 12.8657 4.02726 11.3558 4.64829C9.84586 5.26932 8.47398 6.18319 7.31942 7.33711C6.16486 8.49103 5.25048 9.86213 4.6291 11.3712C4.00772 12.8803 3.69166 14.4975 3.69916 16.1294C3.70666 17.7613 4.03758 19.3755 4.67281 20.8788C5.30804 22.3821 6.23498 23.7448 7.40011 24.8881C9.72537 27.1697 12.858 28.4414 16.1166 28.4264C19.3752 28.4114 22.496 27.111 24.8002 24.8081C27.1044 22.5053 28.4055 19.3861 28.4205 16.1294C28.4355 12.8726 27.1631 9.74171 24.8802 7.41775ZM4.71116 4.7303C7.62606 1.81775 11.5441 0.128146 15.6641 0.00699479C19.7841 -0.114157 23.7948 1.3423 26.876 4.07853C29.9572 6.81476 31.8761 10.624 32.2404 14.7274C32.552 18.2377 31.7057 21.7363 29.8575 24.7C29.321 25.5603 29.376 26.6939 30.0931 27.4106L37.6548 34.9681C38.3976 35.7105 38.3976 36.9146 37.6548 37.657V37.657C36.9125 38.3989 35.7096 38.3989 34.9673 37.657L27.4003 30.0942C26.6848 29.3791 25.5544 29.3232 24.6949 29.8567C21.7291 31.6977 18.2305 32.5382 14.7216 32.2236C10.6213 31.856 6.81574 29.9387 4.08129 26.863C1.34684 23.7872 -0.110506 19.7847 0.00654171 15.6719C0.123589 11.559 1.80621 7.64574 4.71116 4.7303Z' fill='%23523B33'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: center;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    width: 36px;
    height: 100%;
    top: 0;
    right: 0;
    padding: 0;
}

#search .search-row button.search-submit:hover,
#search .search-row button.search-submit:focus {
    background-color: #e3b313;
}

#search .search-row input:-moz-placeholder {
    @rules ();
}

#search .search-row input::-moz-placeholder {
    @rules ();
}

#search .search-row input:-ms-input-placeholder {
    @rules ();
}

#search .search-row input::input-placeholder {
    @rules ();
}

#search .angucomplete-dropdown {
    margin-top: 0px;
    width: 100%;
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    text-align: right;
    background-color: #dadada;
}

#search .angucomplete-dropdown .angucomplete-searching {
    color: #000;
    font-size: 0.9em;
}

#search .angucomplete-dropdown .angucomplete-selected-row,
#search .angucomplete-dropdown angucomplete-row:focus {
    background-color: #155428;
    outline: none;
}

/*======tags============*/
.tags {
    margin: 0 auto;
    /*height: 2.55em;*/
}

.tags.marker {
    height: auto;
}

.tags.marker:before,
.tags.marker:after {
    background-size: 100% 100%;
}

.tags .tags-Inspiration .tag .tag-img {
    transform: rotate(-20deg);
    width: 2em;
    height: 2em;
    margin-right: 0.2em;
    z-index: 0;
}

.tags .tag {
    display: inline-block;
    color: #604039;
    padding: 5px 5px;
    font-weight: bold;
    font-size: 1.1em;
}

.tags .tag a {
    color: #604039;
}

.tags .tag .remove-tag {
    display: inline-block;
    background-image: url(/wp-content/themes/yadmordechai/assets/img/search/X-brown.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.4em;
    height: 0.5em;
    margin-left: 0.3em;
    background-position: center;
}

.tags .tag .tag-img {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 3.5em;
    height: 3.5em;
    vertical-align: bottom;
    margin-bottom: -0.8em;
    background-position: bottom;
    margin-top: -1.6em;
    margin-right: -0.3em;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}

.tags .tag .tag-img.prop-Mood-5 {
    transform: rotate(28deg);
    margin-bottom: -0.5em;
}

.tags .tag .tag-img.prop-Flavor-2 {
    margin-bottom: -0.7em !important;
}

.tags .tag .tag-img.prop-Course-1 {
    height: 2em;
    margin-bottom: -0.3em;
}

.tags .tag .tag-img.prop-Course-2 {
    height: 2em;
    margin-bottom: -0.4em;
}

.tags .tag .tag-img.prop-Course-3 {
    height: 2.7em;
}

.tags .tag .tag-img.prop-Category-8 {
    height: 2.2em;
    top: -0.3em;
}

/*=================================*/
/*====== search page   ============*/
/*=================================*/
#searchPage {
    padding-top: 36px;
}

#searchPage .bg-vegis {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/search/search-bg-veg.png);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    padding-bottom: clamp(1.875rem, -0.7783rem + 11.3208vw, 7.5rem);
}

#searchPage .header-subtitle {
    font-weight: bold;
    font-size: 1.4em;
    text-rendering: geometricPrecision;
    color: #604039;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
    padding: 0 15px;
}

#searchPage .header-subtitle.ipad-text {
    font-weight: normal;
}

#searchPage #search {
    margin-top: 0;
}

@media (max-width: 1280px) and (min-width: 768px) {
    #searchPage #search .search-row {
        padding: 0 12%;
    }
}

#searchPage #hp-search {
    padding: 5em 0 40px 0;
    margin-top: -35px;
}

@media (max-width: 1440px) and (min-width: 768px) {
    #searchPage #hp-search {
        padding-top: 8em;
    }
}

#searchPage #hp-search .breadcrumbs {
    color: #e3b313 !important;
    margin-top: -3em;
    margin-bottom: 2em;
}

#searchPage #search-results.no-results {
    background-size: cover;
}

#searchPage #search-results.has-results {
    background-size: 100%;
}

#searchPage #search-results {
    background-image: url(/wp-content/themes/yadmordechai/assets/img/homepage/promo-bg-2.jpg);
    background-size: contain;
    background-repeat: repeat-y;
    padding: 1em 0;
    text-align: center;
    position: relative;
    color: #604039;
}

#searchPage #search-results .results-header {
    margin: 0 15px;
    position: relative;
}

#searchPage #search-results .results-title {
    font-weight: bold;
    color: #604039;
    font-size: 36px;
}

#searchPage #search-results .results {
    padding: 1em 0 2em 0;
    text-align: right;
    opacity: 1;
    visibility: visible;
    transition: all ease 0.2s;
}

@media (min-width: 768px) {
    #searchPage #search-results .results {
        display: flex;
        flex-wrap: wrap;
        row-gap: 1em;
    }

    #searchPage #search-results .results .search-col {
        overflow: hidden;
    }

    #searchPage #search-results .results .article {
        height: 100%;
    }
}

@media (max-width: 375px) {
    #searchPage #search-results .results-header {margin: 0;}
    #searchPage #search-results .results .no-results {
        padding: 0 1em;
        margin: 0;
    }
}

#searchPage #search-results .results.ng-hide {
    display: block !important;
    opacity: 0;
    visibility: hidden;
}

#searchPage #search-results .results .no-results {
    font-size: 1.5em;
    margin-top: 0.4em;
    text-align: center;
    padding: 0 15px;
}

#searchPage .results-filters-wrap {
    margin-top: 1em;
}

/*@media (min-width: 1200px) {*/
/*    #searchPage .results-filters-wrap {*/
/*        position: absolute;*/
/*        left: 0;*/
/*        top: 0;*/
/*    }*/
/*}*/

@media (min-width: 992px) and (max-width: 1199px) {
    #searchPage .results-filters-wrap {
        top: 0.5em;
    }
}

/*=========filter images==============*/
.prop-img {
    width: 140%;
    height: 0;
    padding-bottom: 140%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: -45%;
    margin-bottom: -22%;
    margin-right: -21%;
    z-index: 11;
    position: relative;
    background-color: transparent !important;
}

.prop-Category-1 {
    width: 115%;
    margin-right: -10%;
    margin-top: -57%;
}

.prop-Category-2 {
    width: 115%;
    margin-right: -8%;
    margin-top: -31%;
    padding-bottom: 100%;
}

.prop-Category-4 {
    /*margin-right: -47%;*/
    margin-top: -46.4%;
}

.prop-Category-5 {
    margin-top: -58%;
}

.prop-Mood-1 {
    margin-top: -35%;
    padding-bottom: 100%;
}

.prop-Mood-2 {
    margin-right: 17%;
    margin-top: -35%;
    margin-bottom: -6%;
    background-size: 80%;
    padding-bottom: 100%;
}

.prop-Mood-3 {
    margin-top: -55%;
    margin-right: -22%;
}

.prop-Mood-4 {
    width: 170%;
    margin-top: -30%;
    margin-right: -40%;
}

.prop-Mood-5 {
    margin-top: -70%;
    margin-right: -1%;
}

.prop-Flavor-1 {
    margin-top: -30% !important;
    margin-bottom: -21% !important;
}

.prop-Flavor-2 {
    margin-top: -35% !important;
    margin-bottom: -35% !important;
}

@media (max-width: 1200px) {
    #searchPage .bg-vegis {
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    #search {
        margin-top: 0;
    }

    #search .filters {
        padding-top: 0;
        overflow: hidden;
        padding-bottom: 10%;
    }

    #search .filters .filter-wrap {
        transform: scale(1) translateY(0);
        margin-left: -5%;
    }

    #search .filters .filter-wrap.Category {
        /*width: 33%;*/
        margin-right: -7%;
        padding-bottom: 20.8%;
        margin-left: -33%;
    }

    #search .filters .filter-wrap.Category .closed-title {
        bottom: calc(43% - 35px);
    }

    #search .filters .filter-wrap.Mood,
    #search .filters .filter-wrap.Course {
        padding-bottom: 27.6%;
        /*width: 41%;*/
        margin-bottom: -5%;
        margin-left: -5%;
        margin-right: -10%;
        transform: scale(1) rotate(4deg) translateY(0);
    }

    #search .filters .filter-wrap.Mood .closed-title,
    #search .filters .filter-wrap.Course .closed-title {
        bottom: calc(54.8% - 35px);
        left: calc(35% - 35px);
    }

    #search .filters .filter-wrap.Inspiration {
        padding-bottom: 18%;
        margin-left: -10%;
    }

    #search .filters .filter-wrap.Inspiration .closed-title {
        bottom: calc(50% - 35px);
        left: calc(42% - 35px);
    }

    #search .filters .filter-wrap.Flavor {
        /*width: 35%;*/
        margin-right: -31%;
        padding-bottom: 32.6%;
        margin-left: -10%;
        margin-bottom: -10%;
        pointer-events: none;
    }

    #search .filters .filter-wrap.Flavor * {
        pointer-events: all;
    }

    #search .filters .filter-wrap.Flavor .closed-title {
        bottom: calc(60% - 35px);
        left: calc(57% - 35px);
    }

    #search .filters .filter-wrap .closed-title {
        width: 70px;
        height: 70px;
        font-size: 20px;
        bottom: calc(50% - 35px);
        left: calc(50% - 35px);
    }

    #search .filters .filter-wrap .closed-title.open {
        color: #fff;
        font-weight: 900;
        background-color: #155428;
    }

    #search .filters .filter-wrap .closed-title.open i {
        display: none;
    }

    #search .filters.mobile-filters {
        position: relative;
        overflow: hidden;
        height: 0;
        padding-bottom: 96%;
        transition: all ease 0.4s;
    }

    #search .filters.mobile-filters .filter-wrap {
        position: absolute;
        left: 50%;
        /*margin-top: 28% !important;*/
        /*transform: translateX(-50%) scale(1, 1);*/
        opacity: 0;
        visibility: hidden;
        transform-origin: center;
        transform: scale(0.5, 0.5) !important;
        width: 90%;
        left: 5%;
        padding-bottom: 61%;
        margin: 0 !important;
        top: 0;
        font-size: 3em;
    }

    #search .filters.mobile-filters .filter-wrap .properties {
        margin-top: -3%;
    }

    #search .filters.mobile-filters .filter-wrap.Category {
        padding-bottom: 61% !important;
    }

    #search .filters.mobile-filters .filter-wrap.Mood,
    #search .filters.mobile-filters .filter-wrap.Course {
        padding-bottom: 72.7% !important;
    }

    #search .filters.mobile-filters .filter-wrap.Mood .close-filter,
    #search .filters.mobile-filters .filter-wrap.Course .close-filter {
        top: 0;
    }

    #search .filters.mobile-filters .filter-wrap.Inspiration {
        padding-bottom: 61% !important;
    }

    #search .filters.mobile-filters .filter-wrap.Inspiration .close-filter {
        right: -4%;
        top: 1%;
    }

    #search .filters.mobile-filters .filter-wrap.Flavor {
        padding-bottom: 114%;
        left: -18%;
        width: 117%;
    }

    #search .filters.mobile-filters .filter-wrap .close-filter {
        position: absolute;
        right: 0;
        font-size: 0.7em;
        padding: 0.1em 0.6em;
        border-radius: 5000px;
        color: #fff;
        background-color: #155428;
        width: 2em;
        height: 2em;
        top: 0;
        z-index: 50;
    }

    #search .filters.mobile-filters .filter-wrap input[type="checkbox"]+label {
        font-size: 0.45em;
    }

    #search .filters.mobile-filters .filter-wrap.open {
        opacity: 1;
        visibility: visible;
        margin: 0;
        transform: scale(1, 1) !important;
    }

    #search .filters.mobile-filters .search-btn-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    #search .filters.mobile-filters.closed {
        padding-bottom: 10%;
    }

    #search .filters .search-btn {
        margin-bottom: 3%;
    }

    #search .filters.closed .search-btn {
        margin-bottom: 0;
    }

    #search .filters.mobile-filters #prop-Category-3+label {
        font-size: 0.34em;
    }

    #searchPage .bg-vegis {
        background: none;
        padding-bottom: 50px;
    }

    #searchPage #search .search-row {
        padding: 0 15px;
    }

    #searchPage #search .search-row input {
        padding: 0.7em 2.9em 0.6em 1em;
    }

    #searchPage #search .filters {
        margin-top: 10%;
    }

    .tags .tag {
        padding: 5px 5px;
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    #search .filters.mobile-filters .filter-wrap.Flavor {
        padding-bottom: 74%;
    }
}

@media (max-width: 320px) {

    #search .filters.mobile-filters .filter-wrap .close-filter {
        font-size: 0.7em;
        padding: 0;
        width: 1.5em;
        height: 1.5em;
        top: 15%;
    }

    #search .filters.mobile-filters .filter-wrap.open.Category .properties {
        padding: 0 17.6%;
    }

    #search .filters.mobile-filters .filter-wrap.open.Category .properties input[type="checkbox"]+label {
        font-size: 0.45em;
    }

    #search .filters.mobile-filters .filter-wrap.open.Mood .properties,
    #search .filters.mobile-filters .filter-wrap.open.Course .properties {
        padding: 0 13%;
    }

    #search .filters.mobile-filters .filter-wrap.open.Inspiration .close-filter {
        top: 8%;
    }

    #search .filters.mobile-filters .filter-wrap.open.Inspiration .properties {
        padding: 4% 15.6%;
    }

    #search .filters.mobile-filters .filter-wrap.open.Flavor .properties {
        padding: 0 18.4% 0 23%;
    }

    #search .filters.mobile-filters .filter-wrap.open.Mood .close-filter,
    #search .filters.mobile-filters .filter-wrap.open.Course .close-filter {
        top: 7%;
    }
}

@media (min-width: 2200px) {
    .category-drop {
        margin-top: 0;
        height: 100%;
    }

    .category-drop .category img {
        width: 90%;
    }
}