body.vm--block-scroll::before{
    content: "";
     position:absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 73%) !important;
    z-index: 9999;
}
 body.vm--block-scroll{
    position: relative;
}
body .edit_post form span:nth-child(8) .text-danger {
    top: -25px;
    float: left;
    width: 100%;
    position: relative;
}
 body.vm--block-scroll .vm--overlay{
    display: none !important;
}
 body .brand-popup .vm--overlay {
    display: block !important;
}
 .tooltip.popover{
    background-color: #fff;
    z-index: 99999;
}
body .banner_text p {
    letter-spacing: 0.5px;
}
 .vm--container.scrollable::-webkit-scrollbar, html::-webkit-scrollbar {
    background-color:#fff;
    width:8px
}
 .vm--container.scrollable::-webkit-scrollbar-track, html::-webkit-scrollbar-track {
    background-color:#fff;
    position: relative;
    z-index: 99;
}
 .vm--container.scrollable::-webkit-scrollbar-track:hover, html::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4;
    position: relative;
    z-index: 99;
}
 .vm--container.scrollable::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
    background-color:#fa9600;
    border-radius:16px;
    border:4px solid #fa9600;
    position: relative;
    z-index: 99;
}
 .vm--container.scrollable::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:hover {
    background-color:#fa9600;
    border:4px solid #fa9600;
    position: relative;
    z-index: 9;
}
 .vm--container.scrollable::-webkit-scrollbar-button, html::-webkit-scrollbar-button {
    display:none;
    z-index: 99;
}
 .header.fixed-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
    top: 0;
}
 .margin-top-102{
    margin-top: 75px;
}
 body .dark_img{
    display: none;
}
 body.dark-theme .dark_img{
    display: block;
    margin: auto;
}
 body.dark-theme .light_img{
    display: none;
}
/*header home page*/
 .left_menu_wrap{
    display: none;
}
 a.login-text{
    font-size: 0.8em;
    font-weight: 700;
    position: relative;
    top: 4px;
}
 .header .right_block a.login-text{
    cursor: pointer;
    width: 100%;
    max-width: 50px;
    margin-right: 30px;
}
 .menu_container{
    margin: 0px 2%;
    padding: 10px 0;
}
 .menu_container .left_block #top-menu div button{
    display: none;
}
 .menu ul li{
    margin-left: 20px;
    position: relative;
}
 a.login-text:hover, .menu ul li a:hover{
    opacity: 0.8;
}
 .dashboard_menu .menu ul li a{
    color: var(--gary-dark)
}
 .dashboard_menu .menu ul li{
    position: relative;
    margin-right: 1.5vw;
}
 .dashboard_menu .menu ul li svg{
    top: 1px;
    position: relative;
}
 .menu ul li.active a:before {
    /* border-bottom: 3px solid var(--green); */
    content: "";
    width: 100%;
    position: absolute;
    bottom: -10px;
    left: 0;
}
 .menu ul li a{
    font-size: 0.7em;
    color: var(--gary-dark);
    font-weight: 600;
    padding: 10px 0;
    display: inline-block;
}

#Recipes .recipe_sub_menu li {
    margin: 0 25px;
}

 .dark-theme .recipe_sub_menu{
    background-color: #151515;
}
 .menu ul li#Recipes.active a:before{
    display: none;
}
 .menu .recipe_sub_menu li > a{
    padding: 17px 0;
}
 .recipe_sub_menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}
.dark-theme .recipe_sub_menu li{
    border-bottom: 1px solid #313131;
}
 .recipe_sub_menu li:last-child{
    border: none;
}
 #Recipes{
    display: flex;
    align-items: center;
    cursor: pointer;
}
 #Recipes:hover .recipe_sub_menu li img {
     position: relative;
     top: 4px;
}
 #Recipes:hover .recipe_sub_menu{
    visibility: visible
}
 #Recipes .recipe_nav{
    margin-left: 5px;
}
 body.dark-theme .menu ul li svg path{
    fill: var(--white);
}
 body .__nuxt-error-page {
     min-height: 600px;
}
 body.dark-theme .menu ul li svg.recipe_icon path{
    stroke: var(--white);
}
 body.dark-theme .menu ul li.active svg path{
    fill: var(--green);
    stroke: var(--green);
}
 body.dark-theme .menu ul li.active a{
    color: var(--green)
}
 .menu ul li.active a{
    color: var(--green);
    font-weight: 600;
}
body.dark-theme .menu ul li:hover a {
    color: var(--green);
    font-weight: 600;
    opacity: 1;
}
body.dark-theme .menu ul li:hover svg path {
    fill: #6dc10600;
    stroke: #6dc10600;
}
body.dark-theme .dashboard_menu .menu .recipe_sub_menu li:last-child:hover > svg path {
    stroke: var(--green);
}
body.dark-theme .dashboard_menu .menu .recipe_sub_menu li:hover > a {
    color: var(--green);
}

body.dark-theme .dashboard_menu .menu .recipe_sub_menu li:hover > svg path {
    fill: var(--green);
}
body .dashboard_menu .menu .recipe_sub_menu li:hover > svg path {
    fill: var(--green);
}
body .dashboard_menu .menu .recipe_sub_menu li:last-child:hover > svg path{
    stroke: var(--green);
}
.menu ul li:hover a {
    color: var(--green);
    font-weight: 600;
}
body .dashboard_menu .menu .recipe_sub_menu li:hover > a {
    color: var(--green);
    font-weight: 600;
}
.menu ul li:hover svg path {
    fill: #6dc10600;
    stroke: #6dc10600;
}
 .menu ul li.active svg path{
    fill: #6dc10600;
    stroke: #6dc10600;
}
 .menu_container .logo{
    margin-right: 3vw;
}
 .menu_container .logo a{
    font-size: 0;
    max-width: 159px;
    width: 100%;
}


.non_login .menu ul li{
    display: flex;
    align-items: center;
}
.non_login .menu ul li span{
line-height: 1;
margin-right: 5px;
}
 .header .right_block .login_wrap .btn{
    padding: 12px 12px;
    text-transform: uppercase;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
}
 .header .right_block .login_wrap .gray{
    border: none;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: 800;
    color: var(--gary-dark);
    font-family: 'Nunito';
}
 .comment_post .content .mention_editor .ProseMirror::-webkit-input-placeholder{
    color: #7D7D7D;
    font-size: 16px;
     font-weight: 700;
     opacity: 80%;
}
 .comment_post .content .mention_editor .ProseMirror:-ms-input-placeholder{
    color: #7D7D7D;
    font-size: 16px;
     font-weight: 700;
     opacity: 80%;
}
 .comment_post .content .mention_editor .ProseMirror::placeholder{
    color: #7D7D7D;
    font-size: 16px;
     font-weight: 700;
     opacity: 80%;
}
 #searching input::-webkit-input-placeholder {
    /* Edge */
    color: #9E9E9E;
}
 #searching input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9E9E9E;
}
 #searching input::placeholder {
    color: #9E9E9E;
}
 #searching input:focus{
    width: 310px;
    padding: 0 15px 0px 40px;
    border: 1px solid #a9a9a9!important;
    background-image: url(../images/search-icon-green.svg);
    background-position: 6%;
    background-color: transparent;
    background-size: 20px;
    cursor: inherit;
    font-size: 0.75em;
}
 #searching input:focus::placeholder{
    opacity: 1;
}
 #searching input::placeholder{
    opacity: 0;
}

 #searching input:focus {
    outline: none;
}
/*login*/
 .right_block{
    position: relative;
}
 .login_wrap.d-flex.flex-align{
    position: relative;
    margin-left: 10px;
}

 .notification_heding {
    padding: 10px 0;
    display: none;
}
 .mention_editor .ProseMirror::-webkit-scrollbar{
    background-color:transparent;
    width:5px
}
.tippy-content .items::-webkit-scrollbar,
 .dropdown-content::-webkit-scrollbar, 
 .notification_scroll::-webkit-scrollbar {
    background-color:#fff;
    width:5px
}
.tippy-content .items::-webkit-scrollbar{
    background-color:transparent;
}
 .mention_editor .ProseMirror::-webkit-scrollbar-track{
    background-color:transparent;
    position: relative;
    z-index: 99;
    margin: 10px 0;
}
.tippy-content .items::-webkit-scrollbar-track,
 .dropdown-content::-webkit-scrollbar-track, .notification_scroll::-webkit-scrollbar-track {
    background-color:#fff;
    position: relative;
    z-index: 99;
}
.tippy-content .items::-webkit-scrollbar-track:hover,
 .css-scroll::-webkit-scrollbar-track:hover, 
 .mention_editor .ProseMirror::-webkit-scrollbar-track:hover, 
 .dropdown-content::-webkit-scrollbar-track:hover, 
 .notification_scroll::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4;
    position: relative;
    z-index: 99;
}
 span.sharewapper {
    font-size: 0.66em;
}
 /* .inner_recipe .content_area a{
    color: var(--green);
} */
.tippy-content .items::-webkit-scrollbar-thumb, 
 .css-scroll::-webkit-scrollbar-thumb, 
 .mention_editor .ProseMirror::-webkit-scrollbar-thumb, 
 .dropdown-content::-webkit-scrollbar-thumb, 
 .notification_scroll::-webkit-scrollbar-thumb {
    background-color:#fa9600;
    border-radius:16px;
    border:2px solid #fa9600;
    position: relative;
    z-index: 99;
}
.tippy-content .items::-webkit-scrollbar-thumb:hover,
 .css-scroll::-webkit-scrollbar-thumb:hover, 
 .mention_editor .ProseMirror::-webkit-scrollbar-thumb:hover, 
 .dropdown-content::-webkit-scrollbar-thumb:hover, 
 .notification_scroll::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f4f4f4;
    position: relative;
    z-index: 9;
}
.tippy-content .items::-webkit-scrollbar-button,
 .css-scroll::-webkit-scrollbar-button, 
 .mention_editor .ProseMirror::-webkit-scrollbar-button, 
 .dropdown-content::-webkit-scrollbar-button, 
 .notification_scroll::-webkit-scrollbar-button {
    display:none;
    z-index: 99;
}
 .css-scroll::-webkit-scrollbar-track{
    background-color:transparent;
    position: relative;
    z-index: 99;
    margin: 10px 0;
}
.tippy-content .items::-webkit-scrollbar-track{
    background-color:transparent;
    position: relative;
    z-index: 99;
    margin: 10px 0;
}
 .css-scroll::-webkit-scrollbar{
    width: 5px;
}
 .css-scroll{
    overflow: auto;
}
 .notification_scroll{
    max-height: 66vh;
    overflow: auto;
    padding: 0 22px 0px 22px;
}
 .control .dropdown-menu .dropdown-content{
    max-height: 66vh;
    overflow: auto;
}
 body .brand-popup .control .dropdown-content{
    max-height: 15vh;
    overflow: auto;
}
 .notifi_box .img_wrap{
    margin-left: 0;
    margin-right: 17px;
}
 .notifi_box .img_wrap span{
    width: 100%;
    height: 100%;
    display: table-column-group;
}
 .notifi_box .img_wrap img{
    width: 100%;
    border-radius: 50%;
}
 .notifi_box .img_wrap a{
    display: inline-flex;
    height: 100%;
}
 .notifi_box .content_wrap .post_text span.bold {
    font-weight: 800;
    text-transform: capitalize;
}

 .notifi_box .content_wrap .post_text, .notifi_box .content_wrap a {
    font-size: 0.6em;
    font-weight: 600;
    color: var(--black);
    text-align: left;
     text-transform: lowercase;
}
/* .dark-theme .notifi_box .content_wrap:hover{
    background-color: rgba(255, 255, 255, 0.1)
}
 */
 .dark-theme .notifi_box .content_wrap{
    border: 1px solid rgba(255, 255, 255, 0.1);
}
 .notifi_box .content_wrap.unread .img_wrap .avatar-svg{
    background-color: var(--green);
}
 .notifi_box .img_wrap .avatar-svg{
    width: 42px;
     background-color: #C0C0C0;
     height: 42px;
     float: left;
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .notifi_box .img_wrap .commint-svg svg{
    right: 2.5px;
    top: -2px;
    position: relative;
}
 .notifi_box .img_wrap .author-img{
    position: relative;
}
 .notifi_box .img_wrap .author-img img{
     width: 20px;
     height: 20px;
     bottom: -5px;
     right: -3px;
     position: absolute;
     border: 2px solid #FFFFFF;
     margin-right: 0;
}
/*login*/
/*Banner*/
 .sec_banner{
    padding: 0 32px;
    padding-bottom: 5px;
}
 .banner_bg{
    margin-top: 30px;
    min-height: 800px;
    background-image: url("../images/banner_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
 .sec_banner .banner_text{
    max-width: 630px;
    margin: 0 auto;
}
/*sec_discover*/
 .sec_discover{
    margin-bottom: -147px;
    z-index: 9;
    position: relative;
    background-color: var(--white)
}
 .sec_discover .silder_recipes .slick-slide{
    padding: 0 12px;
}
 .sec_discover .silder_recipes .slick-slide .slick-slide{
    padding: 0;
}
 .sec_discover .silder_recipes .slick-slide .recipe_slide{
    border-radius: 20px;
    background-color:var(--white) ;
    outline: none;
    -webkit-box-shadow: -6px 6px 54px -15px rgba(101,105,104);
     -moz-box-shadow: -6px 6px 54px -15px rgba(101,105,104);
     box-shadow: -6px 6px 54px -15px rgba(101,105,104);
}
 .sec_discover .silder_recipes .slick-track{
    padding: 32px 0 60px;
}
 .sec_discover .silder_recipes .images_wrper{
     width: 100%;
     height: 190px;
     overflow: hidden;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     position: relative;
}
 .sec_discover .silder_recipes .text_wrper .left .author-img{
     max-width: 50px;
}
 .sec_discover .silder_recipes .slick-track .full-width .slick-track {
    padding: 0 !important;
}
 .sec_discover .silder_recipes .full-width {
     width: 100% !important;
}
 section.sec_discover.wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    background-color: #eaeaea;
    width: 100%;
    height: 142px;
}
 .sec_discover .silder_recipes .images_wrper img{
    width: 100%;
    position: relative;
    top: 0;
    height: 100%;
    object-fit: cover;
}
 .sec_discover .silder_recipes .text_wrper{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    padding: 20px 15px 20px;
    position: relative;
}
 .sec_discover .silder_recipes .text_wrper .left{
    width: 60px;
    float: left;
    margin-right: 8px;
}
 .sec_discover .silder_recipes .text_wrper .left .author-img{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
 .dark-theme .sec_discover .silder_recipes .text_wrper .right .author-text a{
    color: var(--white);
}
 .sec_discover .silder_recipes .text_wrper .right .author-text a{
    color: var(--black);
    text-transform: capitalize;
    font-weight: 700;
}
 .sec_discover .silder_recipes .text_wrper .right .author-text span{
    text-transform: capitalize;
    font-weight: 800;
}
 .sec_discover .silder_recipes .text_wrper .avtar_sec{
    display: flex;
    align-items: center;
}
 .sec_discover .silder_recipes .text_wrper .left .author-img img{
    width: 100%;
    position: relative;
    height: 100%;
}
 .sec_discover .silder_recipes .text_wrper .right .author-text{
     font-size: 0.6em;
     display: block;
     font-weight: 600;
}

 .sec_discover .silder_recipes .text_wrper .content{
    float: left;
    min-height: 80px;
}
 .sec_discover .silder_recipes .text_wrper .content p{
    font-size: 0.7em;
    color: var(--gary-dark);
     word-break: break-all;
}
 .rating-counrt{
    color: var(--gary-dark);
    font-size: 0.5em;
    font-weight: 700;
}
/*sec_about*/
 .chief_about{
    min-height: 910px;
    align-items: center;
    position: relative;
}
 #__nuxt .chief_about .inner_silder{
    position: absolute;
    right: 0px;
    top: 23%;
    width: 50%;
}
 .chief_about .inner_silder .slick-slide:nth-child(2n+1) {
    top: -198px;
    position:relative;
}
 body.dark-theme .chief_about{
    background-color: #131212 !important;
}
 .chief_about .inner_silder .slick-slide.slick-active{
    opacity: 1;
    position: relative;
}
/* .chief_about .inner_silder .col_4 .text_wrper .content p{
     overflow: hidden;
     max-height: 106px;
}
 */
 .chief_about .inner_silder .slick-slide{
    padding-right: 78px;
    padding-bottom: 40px;
    outline: none;
    opacity: 0;
}
 .chief_about .inner_silder .cheif_slide{
    outline: none;
    -webkit-box-shadow: 0px 0px 47px -20px rgb(0 0 0 / 62%);
    -moz-box-shadow: 0px 0px 47px -20px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 47px -20px rgb(0 0 0 / 62%);
    padding: 62px 12px 21px;
    position: relative;
}
 .chief_about .inner_silder .col_4 .images_wrper .author-img{
    display: inline-block;
    width: 110px;
     height: 110px;
    border-radius: 50%;
    overflow: hidden;
}
 .chief_about .inner_silder .col_4 .images_wrper{
    position: absolute;
    right: 0;
    /* z-index: 99999;
     */
    left: 0;
    top: -61px;
}
 .sec_contact .row-form .col_6{
    width: 47%;
    float: left;
    display: flex;
    flex-direction: column;
}
 .sec_contact .row-form .col_12{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
}
 .chief_about .inner_silder .col_4 .text_wrper .content p{
    word-break: break-all;
    font-size: 0.6em;
}
 .chief_about .inner_silder .col_4 .text_wrper h3{
    font-size: 1.1em;
    color: var(--gary-dark);
}
 .chief_about .inner_silder .col_4 .text_wrper h4{
    font-weight: 400;
    font-size: 0.9em;
    color: var(--gary-dark);
}
 .chief_about .inner_silder .col_4 .text_wrper h4 a:hover{
    opacity: 0.9
}
 .dark-theme .chief_about .inner_silder .col_4 .text_wrper h4 a{
    color: var(--white);
}
 .chief_about .inner_silder .col_4 .text_wrper h4 a.green, .dark-theme .chief_about .inner_silder .col_4 .text_wrper h4 a.green{
    color: var(--green);
}
 .chief_about .inner_silder .col_4 .text_wrper h4 a{
    font-size: 0.6em;
    font-weight: 700;
    padding-top: 15px;
    display: block;
    color: var(--gary-dark);
    word-break: break-all;
}
 .chief_about .inner_silder .col_4 .text_wrper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
     justify-content: center;
    flex-direction: column;
}
 .following_media ul{
    display: flex;
    margin-top: 10px;
    justify-content: center;
}
 .following_media ul li{
     border-right: 1px solid #00000014;
     flex-direction: column;
     align-items: center;
     justify-content: center;
    padding: 0 4px;
}
 .following_media ul li span{
    font-size: 0.5em;
    float: left;
    width: 100%;
    font-weight: 700;
}
 .following_media ul li span.fo-count{
    font-size: 0.6em;
    font-weight: 900;
    color: var(--gary-dark);
}
 .following_media ul li:last-child {
     border: 0 !important;
}

 body.vm--block-scroll{
    overflow: hidden;
}
 .hide_scroll{
    overflow: hidden;
}
/* .vue-star-rating-star polygon{
     fill: #101010;
     stroke: #ed9620;
}
 */
 body .sec_contact .row-form .col_6 input[type=tel], body .sec_contact .row-form .col_6 input[type=email], body .sec_contact .row-form .col_6 input[type=text] , body .sec_contact .row-form .col_6 select, body .sec_contact .row-form .col_12 textarea{
     background-color: transparent;
     /* border: 1px solid #636363; */
     border:1px solid #b5afaff2!important;
     color: #ffffff91;
     padding: 15px 10px;
     font-size: 16px;
     opacity: 0.5;
     border-radius: 10px;
     color: #ffffff;
     box-sizing: border-box;
}
 body .sec_contact .row-form .button{
    display: inline-block;width: 100%;
}
 body .sec_contact .row-form .col_12 textarea {
    width: 100%;
    resize: none;
    height: 113px;
    color: #fff;
}
 body .sec_contact .row-form label{
    margin-bottom: 10px;
    font-size: 0.6em;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}
 body .sec_contact .row-form input[type=tel]:focus, body .sec_contact .row-form input[type=email]:focus, body .sec_contact .row-form input[type=text]:focus, body .sec_contact .row-form .col_12 textarea:focus{
    border-bottom-color: var(--white);
    opacity: 1;
}
 body .sec_contact .vue-tel-input{
     color:#fff !important;
     background-color: transparent;
    border: 1px solid #b5afaff2!important;
    color: #ffffff;
    font-size: 16px;
    opacity: 0.5;
    border-radius: 10px;
}
.vti__input{background-color: transparent;}
.dark-theme .form-control.vue-tel-input .vti__input{background-color: transparent!important;}
 body .sec_contact .vue-tel-input:focus-within, body .sec_contact .form-control:focus{
     box-shadow: inherit;
    border-bottom-color: #e0d9d9c4;
    opacity: 1;
}
/*Footer*/
 .footer_sec{
    min-height: 390px;
}
 .footer_menu .menu ul li a:hover{
    color: var(--green);
}
 .footer_menu .menu ul li a{
    padding: 0;
    color: var(--btn_gray);
    font-size: 0.75em;
    margin-left: 3px;
}
 .footer_copywrite p{
    color: var(--white);
    font-size: 0.75em;
    padding: 14px 0 10px;
}
.footer_copywrite p a{
    color: var(--white);
}
 .footer_menu .menu ul p{
    line-height: 0;
    padding-bottom: 15px;
}
 .colum_list p a{
    color: var(--green);cursor: pointer;
}
 .colum_list p{
    color: var(--gary-dark);
     font-weight: 700;
     max-width: 300px;
     margin: auto;
     padding-top: 40px;
     text-align: left;
}
 .colum_list{
    padding: 80px 0 100px;
}
 .sec_subscription .colum_list{
    padding: 80px 0 50px;
}

 .sec_text p{
    font-size: 1em;
    color: var(--btn_gray);
    max-width: 980px;
    margin: auto;
    padding-top: 30px
}
.sec_about .sec_text p{max-width: 100%;text-align: left;}

 .sec_discover .sec_text p{
    padding-bottom: 40px;text-align: left;
    max-width: 100%;
}
 .sec_subscription .colum_list button{
    border: none;
     font-size: 0.8em;
     max-width: 164px;
     padding: 12px 4px;
     width: 100%;
     align-items: center;
     justify-content: center;
     display: inline-flex;
     line-height: normal;
     border-radius: 30px;
     color: var(--white);
     font-weight: bold;
     text-transform: uppercase;
     font-family: 'Nunito';
     margin-top: 15px;
}
 .colum_list .btn {
    height: auto;
    width: 100%;
    padding: 3px 10px;
    max-width: 83px;
}
 .sec_subscription .colum_list .col_4 p{
    padding: 20px 0;
    font-size:0.8em;
    color: var(--btn_gray);
}
 .sec_subscription .colum_list .col_4 h4{
    font-size: 1.0em;
    font-weight: 700;
}
 .text-col{
     font-size: 0.9em;
     color: var(--btn_gray);
     font-weight: 700;
}
 .footer_sec{
    background-color: var(--white);
    padding-top: 30px;
}
.dark-theme_contact_us { background-image: url('../images/contact-bg.png'); }
.light-theme_contact_us { background-image: url('../images/contact_us_light_mode.png'); }

 .contact_bg {
     min-height: 894px;
     background-position: center;
     /* background-image: url('../images/contact-bg.png'); */
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-bottom: 54px;
}
 .contact_bg .col_8{
     width: 60%;
    /* position: relative;
     */
    /* left: 32px;
     */
     margin-right: -32px;
}
 .contact_bg .asterisk{
    position: static;
}
 .contact_bg .col_8 h1{
    font-size: 2.5em;
}
 .inner_silder .slick-list {
     padding-top: 270px !important;
}
/*Add Recipe*/
 .edit_post .center_contain.col_6{
    width: 100%;
}
 .edit_post .recipe_post_details.col_6{
    width: 100%;
}
 .edit_post .recipe_post_details{
    padding-left: 0;
}
 .edit_post .inner_upload{
    flex-wrap: wrap;
}

 .edit_post select.form-control{
    background-position: 92%;
}
 .edit_post .inner_upload .show_upload:before {
     content: "";
     background-color: #000000b3;
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
}
.card .edit_post h3{padding-bottom: 20px;}
 .disable{
    opacity: 0.6;
    cursor: inherit !important;
}

 .text_recipe h2{
    font-size: 2.0em;
    letter-spacing: normal;
}
 .upload_img_post{
    padding: 80px 20px;
    border-radius: 20px;
    position: relative;
    background-color: var(--white);
}
/*.inner_upload .show_upload img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
*/
 .upload_link{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    opacity: 0;
}
 .inner_upload .show_upload {
    width: calc(100% / 3 - 4%);
    padding: 0;
    position: relative;
    border-radius: 13px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
 .inner_upload .show_upload img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
 .inner_upload .show_time {
    content: "";
    background-color: #00000063;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
 .inner_upload .show_upload:nth-child(3n){
    margin-right: 0
}
 body .upload_img_post h3{
    padding-top: 23px;
    color: var(--gary-dark);
    font-weight: 800;
    font-size: 1.25em;
}
 .upload_img_post p{
    font-size: 0.9em;
    padding-top: 15px;
}
 .upload_img_post p a:hover{
    text-decoration: underline;
}
 .upload_img_post p a{
    position: relative;
    z-index: 999999;
}
 .recipe_post_details{
    padding-left: 50px;
}
 .recipe_post_details span{
    margin-bottom: 13px;
    color: var(--light-gary);
    width: 100%;
    float: left;
    font-weight: 700;
}
 .recipe_post_details span.icon{
    margin-bottom: 0;
    color: var(--orange);
}
 .no_of_persons_field .control input{
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    right: 0px;
    padding: 0;
    background-color: transparent;
    border: none;
}
 .recipe_post_details .inner_field select, .recipe_post_details .inner_field textarea, .recipe_post_details .inner_field input{
    font-size: 0.6em
}
 .recipe_post_details .inner_input_three select{
    background-position: 92%;
}
 .recipe_post_details .inner_field select.select-bg{
    background-position: 97%;
}
 .recipe_post_details .inner_field input::placeholder{
    color:rgb(0 0 0 / 45%);
    opacity: 1;
}
 .no_of_persons_field .control input::-webkit-outer-spin-button, .no_of_persons_field .control input::-webkit-inner-spin-button {
     -webkit-appearance: none;
}
 .no_of_persons_field .control input[type=number] {
     -moz-appearance:textfield;
     appearance:textfield;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     font-size: 0.61em;
     border: none!important;
}
 .no_of_persons_field .control input[type=number]:focus{
    border:none
}
 body .shared .border, body .shared .social_btn{
    display: none;
}
 body .inner_field textarea{
    height: 150px;
    resize: none;
}
 .inner_field textarea:focus, .inner_field input:focus{
    border: 1px solid var(--green);
}


 .b-slider_label label{
    float: none!important
}
 body .comment_post .social_star{
    margin-top: 0;
    /* float: left;
     */
    width: 100%;
}
 body .center_contain .upload_img_post{
    background-color: var(--white);
}
 .number{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    max-width: 122px;
    background-color: #fff;
    border: 1px solid var(--orange);
}
 .colm_warp{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}
 .colm_warp input{
    border: none;
    height: 39px;
    text-align: center;
    font-weight: 700;
}
 .colm_warp input:focus{
    border: none;
}
 .inner_field{
    margin-bottom: 40px;
}
 .colm_warp label{
    margin-bottom: 0
}
 .add_more .add_text{
    color: var(--green);
    font-size: 0.8em;
    font-weight: 700;
    text-decoration: underline;
}
 .add_more .plus_icon{
    width: 100%;
    height: 45px;
    border-radius: 100%;
    max-width: 45px;
    color: #ffff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

 body .minus, body .plus{
    height: 100%;
    background: var(--white);
    border-radius:4px;
    padding: 0;
     display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0;
     color: var(--orange);
    font-size: 23px;
    font-weight: 600;
    cursor: pointer;
    line-height: normal;
     font-size: 0;
    display: flex;
     padding: 3px 0;
}
 body .field.has-numberinput{
    margin-bottom: 32px;
    align-items: center;
}
 body .field.has-numberinput label{
    margin-bottom: 0;
}
 body .recipe_post_details .btn{
    width: 100%;
    border: none;
    cursor: pointer;
}
 .profile_box {
     max-width: 206px;
     position: absolute;
     width: 100%;
     top: 57px;
     right: 0px;
     padding: 0;
     z-index: 99;
     background: #FBFBFB;
     border-radius: 0px 0px 20px 20px;
     box-shadow: none !important;
}

 button.cut {
     width: 100%;
     border-radius: 100%;
     border: 1px solid #0000001a;
     max-width: 35px;
     height: 35px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 34px;
     color: #fa9735;
     margin-top: 5px;
     margin-left: 8px;
     line-height: 0;
}
 .inner_input_three .col_2, .inner_input_three .col_7{
    margin-right: 15px;
    width: 59%;
}
 .inner_input_three .col_2{
    width: 15%;
}
 .inner_input_three{
     float: left;
     width: 100%;
     display: flex;
     position: relative;
}

 .svg-img{
    position: absolute;
     left: 0;
    bottom: -5px;
    width: 15px!important;
}
 .notification_heding h4{
    font-size: 1.0em;
}
 .login.d-flex.flex-align.profile_div .name {
     /* background-image: url(/assets/images/dropdown_arrow.png); */
     background-position: 98% 10px;
     background-repeat: no-repeat;
     padding-right: 25px;
}
 .slide_video {
    height: 219px;
    overflow: hidden;
    outline: none;
}
 .slide_video video{
    height: 100%;
     WIDTH: 100%;
}
 .profile_box ul li a:hover{
    opacity: 0.8;
}
 .profile_box ul li {
    margin: 0 12px;
}
 .dark-theme .profile_box ul li:hover a, .profile_box ul li:hover a {
    color: var(--green);
}
 .profile_box ul li a,.profile_box ul li .main_theme_setting .setting_theme{
    cursor: pointer;
    padding: 13px 19px;
    display: block;
    border-bottom: 1px solid #0000000d;
    color: #636363;
    font-size: 0.7em;
    text-align: center;
    font-weight: 700;
}
.profile_box ul li:first-child {
    font-size: 0.6em;
    font-weight: bold;
    color: #636363;
    padding: 13px 0px;
    text-align: center;
    border-bottom: 1px solid #0000000d;
}
.dark-theme .profile_box ul li:first-child {
 border-bottom: 1px solid #313131;
}
.dark-theme .profile_box ul li{
    color: var(--white);
}

 .login.d-flex.flex-align.profile_div {
    cursor: pointer;
}
 .profile_box ul li:last-child a{
    border: none;
}
 .center_contain.col_6{
    width: 43%;
}
 .add_recipe .center_contain.col_6{
    width: 51%;
}
 .add_recipe .recipe_post_details.col_6{
    width: 49%;
    padding-left: 30px;
}
 .recipe_post_details.col_6{
    width: 57%;
}
 body .social_btn .v-btn.v-size--default{
     position: absolute !important;
     top: 53px;
     right: 141px;
     font-size: 0.5em !important;
     border: none !important;
     background-color: var(--green) !important;
     color: var(--white) !important;
}
 body .social_btn .v-btn.delete{
    right: 40px
}
 .add_recipe .dropdown-menu{
     background-color: #fff;
     float: left;
     border-radius: 0;
     padding: 0;
     position: absolute;
     left: 0;
     margin-top: 4px;
     z-index: 1;
}
 .add_recipe .dropdown-menu .dropdown-item{
     font-size: 0.65em;
     cursor: pointer;
     width: 100%;
     padding: 14px 14px;
     line-height: normal;
     float: left;
     width: 100%;
     border-bottom: 1px solid #efefef9c;
}
 .edit_post .control.form-control{
     position: relative;
}
.edit_post .control.form-control input.input{
    border: none!important;background-color: transparent;
}
 .edit_post .dropdown-menu{
     background-color: #fff!important;
     float: left;
     border-radius: 0!important;
     padding: 0;
     position: absolute;
     left: 0!important;
     margin-top: 4px;
     min-width: auto!important;
     top: 47px!important;
}
 .edit_post .dropdown-menu .dropdown-item{
     font-size: 0.65em;
     cursor: pointer;
     width: 100%;
     padding: 14px 14px;
     line-height: normal;
     float: left;
     width: 100%;
     border-bottom: 1px solid #efefef9c;
     text-transform: uppercase;
}
 .edit_post .control .dropdown-menu .dropdown-content {
     padding: 0;
     position: relative;
     z-index: 1;
     max-height: 29vh;
}
 .brand-popup .dropdown-menu .dropdown-item{
    display:flex!important;
    cursor: pointer;
     padding: 16px 16px;
    border-bottom: 1px solid #e3dede6e;
}
 .brand-popup .control .dropdown-menu {
     right: 0 !important;
     width: 100%;
     margin: 0 auto!important;
     margin-top: 5px!important;
}
 .brand-popup .control .dropdown-menu .dropdown-content{
     padding: 0;
}
 .signup_text.popup-credits_text button {
     color: #6dc106;
     font-size: .85em;
     display: inline-block;
     margin-top: 0;
}
/*****************************************************************/
/*Search result css START*/
 .detail_search_box{
     background-color: var(--white);
     min-height: 163px;
     display: flex;
     align-items: center;
}
 .detail_search_box #inner_searching{
     display: flex;
     justify-content: center;
     align-items: center;
}
 .detail_search_box #inner_searching .gSearch{
     width: 100%;
     border: none;
     border-bottom: 1px solid var(--gray);
     padding: 15px 0;
     max-width: 780px;
     outline: none;
}
 .detail_search_box #inner_searching svg{
     position: relative;
     left: -20px;
}
 .detail_search_box .close{
     border: none;
     background: none;
     float: right;
     position: relative;
     top: -20px;
     cursor: pointer;
}
/*search_result_people*/
 .search_result_people{
     flex-wrap: wrap;
}
 .search_result_people > div{
     width: 47%;
     margin-bottom: 41px;
}
 .search_result_people .col_4{
     width: 100%;
     padding: 30px 10px 30px 10px;
    ;
}
 .search_result_people .col_4 .images_wrper .author-img {
     display: inline-block;
     width: 110px;
     height: 110px;
     border-radius: 50%;
     overflow: hidden;
}
 .search_result_people .inner_silder .col_4 .text_wrper h3 {
     font-size: 1.1em;
}
 .search_result_people .col_4 .text_wrper h4 {
     font-weight: 400;
     font-size: 1.0em;
}
 .search_result_people .col_4 .text_wrper {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
 .sec_about .colum_list img{
     max-width: 100%;
     height: 100%;
}
 .search_result_people .following_media ul{
     display: flex;
     flex-wrap: wrap;
     margin-top: 15px;
}
 .search_result_people .following_media ul li{
     border-right: 1px solid #00000014;
     padding: 0 5px;
}
 .search_result_people .col_4 .text_wrper .content p {
     font-size: 0.6em;
}
 .search_result_people .following_media ul li span{
     font-size: 0.5em;
     float: left;
    width: 100%;
}
 .search_result_people .following_media ul li span.fo-count{
     font-size: 0.6em;
     font-weight: 900;
}
 .search_result_people .following_media ul li:last-child {
     border: 0;
}
 .search_result_people .col_4 .text_wrper h4 a {
     font-size: 0.6em;
     font-weight: 700;
     padding-top: 20px;
     display: block;
     color: var(--green);
}
 .search_result_wall .count{
     display: flex;
     width: 100%;
     justify-content: space-between;
}
 .search_result_wall .count span{
     color: #636363;
     font-weight: 800;
     font-size: 1.25em;
}
/*sidebar*/
/* .search_result_wall .side_bar.col_4{
    width: 23.7%;
}
 */
 .search_result_wall .content_wrap .filer_text{
     width: 100%;
}
 .search_result_wall .content_wrap .filer_text ul li{
     border-bottom: 1px solid var(--bg);
     padding-left: 40px;
     position: relative;
     padding: 10px 0 10px 40px;
}
 .search_result_wall .content_wrap .filer_text ul li:before{
     content: "";
     border-radius: 50%;
     width: 12px;
     height: 12px;
     background-color: var(--orange);
     position: absolute;
     left: 17px;
     top: 23px;
}
 .search_result_wall .content_wrap .filer_text ul li a:hover, .search_result_wall .content_wrap .filer_text ul li a.active{
     color: var(--green);
}
/*********************************************************************/
/*user wall css*/
 .profile_header{
     /* background-color: var(--gary-dark);
     */
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     position: relative;
}
 .profile_header .profile_col .images_wrper{
     width: 100%;
     max-width: 160px;
     height: 160px;
     border-radius: 100%;
     position: relative;
}
 .profile_header .profile_col .images_wrper img{
     width: 100%;
     object-fit: cover;
     height: 100%;
     border-radius: 100%;
}
 .profile_header .profile_col .images_wrper .author-img > div {
     height: 100%;
}

 .profile_header .profile_col .text_wrper{
     margin-left: 25px;
     width: 100%;
}
 .profile_header .profile_col .text_wrper h4{
     color: var(--white);
    float: left;
    margin-right: 10px;
     font-size: 1.35em;
}
 .profile_header .profile_col .text_wrper .about-icon{
    position: relative;
    top: 8px;
    cursor: pointer;
}
 .profile_header .profile_col .text_wrper h6 {
     color: var(--white);
     margin-top: 5px;
     width: 100%;
     float: left;
     font-size: 0.9em;
     margin-bottom: 5px;
}
 .profile_header .profile_col .text_wrper .following_media ul{
    display: flex;
    flex-wrap: wrap;
     justify-content: left;
    position: relative;
    left: -3px;
    margin-top: 0;
}
 .profile_header .profile_col .text_wrper .following_media ul li span{
     font-size: 0.71em;
     float: left;
     width: 100%;
     color: var(--orange);
     display: flex;
     justify-content: center;
     font-weight: 900;
}
 .profile_header .profile_col .text_wrper .following_media ul li{
    margin-right: 15px;
    border: none;
    position: relative;
}
 .profile_header .profile_col .text_wrper .following_media{
     float: left;
    width: 100%;
     margin-top: 10px;
}
 .profile_header .profile_col .text_wrper .following_media ul li:after{
     content: "";
    position: absolute;
    height: 50px;
    width: 1px;
    background-color: rgba(255, 255, 255, 50%);
    right: -8px;
}
 
 .profile_header .profile_col .text_wrper .following_media ul li:last-child:after{
    display: none;
}
 .profile_header .profile_col .text_wrper .following_media ul li span.fo-count{
     font-size: 0.9em;
     font-weight: 900;
     display: flex;
     justify-content: center;
     color: var(--white);
}
 .profile_header .profile_col .text_wrper .following_media ul li:last-child {
     border: 0;
}
 .profile_header .profile_col .text_wrper .col_4 .text_wrper h4 a {
     font-size: 0.6em;
     font-weight: 700;
     padding-top: 20px;
     display: block;
}
 .profile_header .edit-btn{
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
     position: relative;
}
 .profile_header .edit-btn button {
     max-width: 240px;
     background-color: #f7961d;
     outline: none;
     cursor: pointer;
     border: none;
     border-radius: 43px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     bottom: 0;
     color: #ffffff;
     font-weight: 600;
     font-size: 0.80em;
     width: 100%;
     padding: 12px 19px;
}
 .profile_header .edit-btn button svg path {
     fill: #fff;
}
 .profile_header .edit-btn button svg{
     margin-right: 10px;
}
.profile_header .edit-btn button.cool-lightbox-toolbar__btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 10px;
    margin-top: 19px;
}

.profile_header .edit-btn button.cool-lightbox-toolbar__btn svg {margin: 0;width: 30px;height: 30px;}
 .profile_header .follow_btn_wrap .btn{
     /* background-color: var(--orange); */
     border: none;
     cursor: pointer;
     border-radius: 33px;
     width: 195px;
     height: 50px;
     color: var(--white);
     font-weight: bold;
     font-size: 0.77em;
     position: relative;
     bottom: 0;
     text-transform: capitalize;
}
 .profile_header .follow_btn_wrap .btn svg{
     margin-right: 5px 
}
 .menu_button li.btn{
    text-transform: capitalize;
}
 .menu_button li.btn{
     background-color: var(--white);
     font-size: 0.7em;
     max-width: 144px;
     width: 100%;
     height: 44px;
     color: #B0B0B0;
     cursor: pointer;
}
.profile_header .profile_col .images_wrper .upload_image img {
    width: 19px;
    height: 17px;
    margin-right: 0;
}
.profile_header .profile_col .images_wrper .upload_image {
    width: 44px;
    height: 44px!important;
    position: absolute;
    right: -14px;
    top: 111px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(99, 99, 99, 0.63);
}

 .menu_button li.btn.active, .menu_button li.btn:hover{
     background-color: var(--green);
     color: var(--white);
     transition: .2s;
}
 .About_text p{
     font-size: 0.65em;
}
/*Tab*/
 .wall_tab_sec [data-tab-content] {
     display: none;
}
 .wall_tab_sec .active[data-tab-content] {
     display: block;
}
 body .edit-popup.vm--modal .eye-icon{
    font-size: 22px;
    cursor: pointer;
    bottom: 5px;
     right: 25px;
}
 body .edit-popup.vm--modal .text-danger{
    position: absolute
}
body .eye-icon{
    color: #b7b6b6;
     font-size: 20px;
    bottom: inherit;
    cursor: pointer;
    margin-top: 15px;
}
 .custom-select.inner_field{
    margin-bottom: 0;
}
 .custom-select.inner_field select{
    font-size: 0.6em;
     max-width: 202px;
     border-radius: 30px;
     background-image: url(/assets/images/select_bg.png);
     padding: 0 0 0 35px;
     background-position: 12px 50%;
     height: 38px;
     position: relative;
}
 .custom-select.inner_field select:before{
    /* content: "";
     background-image: url(/assets/images/select_dropdown.png);
     position: absolute;
     width: 1px;
     height: 1px;
     */
     content: '\25BC';
     position: absolute;
     top: 0;
     right: 0;
     padding: 0 1em;
     background: #34495e;
     cursor: pointer;
     pointer-events: none;
     -webkit-transition: .25s all ease;
     -o-transition: .25s all ease;
     transition: .25s all ease;
}

 .toasted-container{
     width: 100%;
     max-width: 312px;
}
 body.dark-theme .toasted.custom-toaster.error{
    color: var(--white);
}
 body.dark-theme .toasted.custom-toaster{
    background-color: #282828!important;
}
 body .toasted.custom-toaster.error{
    background-image: url(/assets/images/messageerror.svg)!important;
     color: red;
}
 body .toasted.custom-toaster{
     background-color: #fff!important;
     background-image: url(/assets/images/sucess.svg)!important;
     color: orange;
     background-repeat: no-repeat!important;
     font-size: 0.75em;
     font-weight: bold;
     padding: 20px 0;
     box-shadow: 1px 1px 23px 6px rgb(0 0 0 / 8%);
     text-align: left;
     background-position: 5%!important;
     border-radius: 7px;
     padding-left: 52px;
     padding-right: 25px;
     z-index: 9999999999;
}
 body .toasted-container .toasted .action{
     font-size: 0px;
     padding: 0;
     margin: 0;
     background-image: url(/assets/images/sucess_cross.svg)!important;
     background-repeat: no-repeat;
     width: 9px;
     height: 9px;
     display: inline-block;
     position: absolute;
     right: 15px;
     top: 10px;
}
 body .toasted-container .toasted .action:hover{
     text-decoration: inherit;
}
/* .bookmark listing */
 .bookmark-listing{
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 60px;
}
 .bookmark-listing .book_mark_list .thumbnail img{
     width: 100%;
     height: 182px;
     object-fit: cover;
     border-radius: 20px;
     overflow: hidden;
}
 .book_mark_list {
     width: 48%;
     float: left;
     margin-bottom: 10px;
     position: relative;
}
 .book_mark_list:nth-child(odd) {
     margin-right: 4%;
}
 .bookmark-listing .book_mark_list .content h3{
    line-height: 29px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 1.0em;
}
 .bookmark-listing .book_mark_list .bookmark button{
     position: relative;
     top: 28px;
     right: 25px;
     height: 48px;
     max-width: 48px;
}
 .search_result_wall .dash_silder_recipes, .user_search_list{
    width: 100%;
    margin-bottom: 60px;
}
 .user_search_list .images_wrper {
    display: flex;
    align-items: center;
}
 .user_search_list .images_wrper .author-img {
     width: 68px;
     height: 68px;
     overflow: hidden;
     border-radius: 100%;
     margin-right: 20px;
}
 .user_search_list .following_media ul li span.fo-count {
     font-size: 0.7em;
}
 .user_search_list .following_media ul li{
    padding: 0 24px;
}
 .user_search_list .following_media ul li .green{
    color:var(--orange);
    font-size: 0.6em;
}
 .dark-theme .user_search_list{
     box-shadow:none;
}
 body .user_search_list {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 30px!important;
     box-shadow: 0px 20px 26px #DFE0DD;
     border-radius: 20px;
}
 .user_search_list .images_wrper a {
     font-size: 0.66em;
     color: var(--gary-dark);
}
 .dark-theme .user_search_list .images_wrper a{
    color: var(--white);
}
 .user_search_list .images_wrper a:hover{
    color: var(--green);
}
 .user_search_list .images_wrper p {
     font-size: 0.55em;
     font-weight: 400;
     text-align: left;
}
 
 .recipe_details_page .top-img_recipe .action_buttons {
    right: 28%;
}
 .recipe_details_page .images_wrper .container {
     position: relative;
     padding: 0;
}
 body .Bio .vm--modal {
     max-width: 681px;
     width: 100% I !important;
     background: #EFEFEF;
}
 body.dark-theme .Bio .vm--overlay {
     background: rgb(0 0 0 / 52%) !important;
}
 body .Bio .vm--overlay {
     background: rgb(0 0 0 / 22%) !important;
}
 .mention {
     color: var(--green);
     background-color: rgba(#A975FF, 0.1);
     border-radius: 0.3rem;
}
 .vm--modal .form-control .share .mention_editor .ProseMirror{
    padding-bottom: 0;
}

 .mention_editor .ProseMirror p{
     font-size: 0.67em;
    font-weight: 400;
    margin-top: 0;
}
 /* .mention_editor .ProseMirror:focus {
     border: 1px solid rgb(109 193 6) !important;
} */
 .mention_editor .mention{
     width: auto;
     float: none;
     color: var(--green) !important;
     text-transform: capitalize;
     padding: 0px 2px;
}
 .tippy-content .item .mention_name{
     font-size: 0.55em;
    margin-left: 10px;
    color: #000;
    text-align: left;
}
 .tippy-content .item{
     display: flex;
    align-items: center;
    width: 100%;
     border-bottom: 1px solid rgba(176, 176, 176, 0.15);
     padding: 10px 15px;
}
 .tippy-content .item:last-child{
     border: none;
}
 .tippy-content .item .image_wrapper{
     width: 100%;
     max-width: 30px;
     height: 30px;
     border-radius: 100%;
     overflow: hidden;
     line-height: 0;
}
 .tippy-content .items {
     box-shadow: 0px 0px 35px rgba(223, 224, 221, 0.68);
     border-radius: 10px;
     background-color: #fff;
      max-height: 60vh;
     overflow: auto!important;
}
 .dark-theme .tippy-content .items{
     box-shadow: none;
}
 .tippy-content .item .image_wrapper img{
     width: 100%;
    object-fit: cover;
    height: 100%;
}
 span.suggestion {
     width: auto !important;
     float: none !important;
     text-transform: capitalize!important;
     color: var(--green) !important;
}
 .tippy-content .item.is-selected.is-selected, .tippy-content .item:hover {
     background: var(--green);
}
 .tippy-content .item.is-selected.is-selected .mention_name, .tippy-content .item:hover .mention_name{
    color: #fff;
}
 .shared > .dash_silder_recipes{
     margin-bottom: 0;
}
 .text-emty.nofriends{
    background-image: url(../images/nofriends.svg);
    color: #BEBEBE;
    font-weight: 800;
    background-position: center top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 170px;
    padding-bottom: 90px;
    margin-top: 77px;
}
 .nobook_mark{
    background-image: url(../images/nobookmark.svg);
    color: #BEBEBE;
    font-weight: 800;
    background-position: center top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 170px;
    padding-bottom: 90px;
    margin-top: 77px;
}
 .no-post{
    background-image: url(../images/nopost.svg);
    color: #BEBEBE;
    font-weight: 800;
    background-position: center top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 170px;
    padding-bottom: 90px;
    margin-top: 77px;
}
 .mention_empty_data{
    font-size: 0.5em;
    padding: 10px 15px;
}
 .dark-theme .tippy-content .items{
    background-color: var(--full_blck);
}
 .dark-theme .tippy-content .item .mention_name, .dark-theme .mention_empty_data{
    color: var(--white);
}
.header.non_login .right_block .login_wrap .btn{width: 116px;}
    .login_wrap.d-flex.flex-align{margin-right:0}


.top_week_sidebar{display: none;}   

.email-token {
    height: calc(100vh - 562px);
    padding: 2%;
}


.edit_profile .card.edit_profile_popup {
    background-color: #fff;
    box-shadow: 0px 20px 26px 0px rgb(223 224 221 / 42%);
    margin-top: 63px;
    border-radius: 0;
    padding: 17px 40px;
    position: relative;
}

.edit_profile .deactive_wper h5{font-size: 0.55em;padding-bottom: 24px;}
.edit_profile .deactive_wper {
    display: flex;
    justify-content: center;
    justify-content: space-between;
    align-items: end;
}
.edit_profile .deactiver_div:last-child{margin-right: 0;margin-top: 25px;}
.edit_profile .deactiver_div {margin-right: 12px; width: 100%;}
.deactive_wper a:hover{ background-color: #fa9a09;color: #fff!important;}
body .deactive_wper a {
    padding: 15px 0 !important;
    border-radius: 25px;
    width: 100%;
    max-width: 200px;
    border: 1px solid rgba(99, 99, 99, 0.25);
    color: #636363;
    background-position: 16px 16px;
    text-align: left;
    line-height: normal;
    transition: all .5s ease;
    text-align: center;
    padding-left: 20px!important;
}

body .deactive_wper a:hover{border: 1px solid rgb(250 154 9);}

body .deactive_wper .delete_icon a {background-image: url(../images/deleteaccount.svg);}
body .deactive_wper .deactive_icon a {background-image: url(../images/deactivateaccount.svg);background-position: 30px 15px;}
body .deactive_wper .customize_icon a {background-image: url(../images/customizesettings.svg);}
body .deactive_wper .delete_icon:hover a {background-image: url(../images/deleteaccountwhite.svg);}
body .deactive_wper .deactive_icon:hover a {background-image: url(../images/deactivateaccountwhite.svg);}
body .deactive_wper .customize_icon:hover a {background-image: url(../images/customizesettingswhite.svg);}

body .card.edit_profile_popup input{border-style: solid;}
body .card.edit_profile_popup input.vti__input{border-style: none;}
body .card.edit_profile_popup .select2-container{width:100%!important}
body .card.edit_profile_popup .btn{margin: 40px auto;text-align: center;width: 100%;max-width: 250px;display: block;}
body .card.edit_profile_popup .tittle h3{font-size: 1em;padding-left: 0;color: #636363;}
.profile_header .edit-btn button a{color: #f7961d !important;}

body .notificationsetting .vm--modal h2{font-size: 1em;padding-bottom: 25px;}
body .notificationsetting .vm--modal{display: block;}
body .notificationsetting .pause_all,
body .notificationsetting .all_notification_setting{display: flex;justify-content: space-between;align-items: center;padding: 8px 0;}
body .notificationsetting .notification_container hr{background-color: rgba(176, 176, 176, 0.15);height: 1px;border: none;margin: 10px 0;}
body .notificationsetting .notification_container .button .btn{width: 100%;display: block;max-width: 155px;margin: 0 auto;margin-top: 50px;}
body .notificationsetting .pause_all span,
body .notificationsetting .all_notification_setting span{color: rgba(99, 99, 99, 0.8);font-size: 0.75em;font-weight: 700;}
body .notificationsetting .pause_all label,
body .notificationsetting .all_notification_setting label{margin-bottom: 0; width: 41px;height: 17px;}
body .notificationsetting .pause_all label .slider,
body .notificationsetting .all_notification_setting label .slider{background-color: rgba(123, 123, 123, 0.48);}
body .notificationsetting .pause_all label .slider:before,
body .notificationsetting .all_notification_setting label .slider:before{height: 17px;width: 17px;left: 0px;bottom: 0px;background: rgba(127, 127, 127, 1);top: 0;}
body .notificationsetting .pause_all label input:checked + .slider,
body .notificationsetting .all_notification_setting label input:checked + .slider{background-color: rgba(250, 150, 0, 0.48);}
body .notificationsetting .pause_all label input:checked + .slider:before,
body .notificationsetting .all_notification_setting label input:checked + .slider:before{background: rgba(250, 150, 0, 0.48);}


.new_post {
    z-index: 999;
    width: 105px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    border-radius: 25px;
    position: relative;
    margin: 0 auto;
    top: -35px;
}
.new_post.new_post_up {
    position: fixed;
    top: 106px;
    margin-left: 292px;
}
.dark-theme .edit_profile .card.edit_profile_popup {
    background-color: #0F0E0E;
    box-shadow: 0px 20px 26px rgb(0 0 0 / 42%);
    border-radius: 20px;
}
body.dark-theme .card.edit_profile_popup .btn{box-shadow: none;}
body.dark-theme .card.edit_profile_popup .tittle h3{color: var(--white);}

.upload_by_url{display: flex;}
body .upload_by_url .btn{width: 100%;}
/*Media Query */
 @media only screen and (max-width: 1620px) {
     .contact_bg .col_8{
        padding: 0;
    }
     .banner_bg{
         background-size: contain;
         background-position: top;
         min-height: 670px;
    }
     body .contact_bg {
         min-height: 670px;
         padding: 45px 0 45px;
    }
}
@media only screen and (max-width: 1565px) {
    .non_login #searching input:focus { width: 240px;}
    .non_login .login_wrap.d-flex.flex-align{margin-right: 0;}
    .header.non_login .right_block .login_wrap .btn{width: 120px;}
}
@media only screen and (max-width: 1485px) {
    .non_login #searching input:focus {width: 200px;}
    .header .right_block .login_wrap .btn {width: 102px;margin-left: 10px;}
    .non_login.non_login .login_wrap.d-flex.flex-align {margin-left: 0;}
}

 @media only screen and (max-width: 1450px) {
   .non_login .menu ul li a{font-size: 0.6em;}
    body #Recipes .recipe_sub_menu li {
        margin: 0px 20px;
    }
    .menu_social ul li:first-child{margin-bottom: 13px;}
    body .menu_social ul li{padding-bottom: 0;}
    .profile_header .profile_col .images_wrper .upload_image {
        width: 35px;
        height: 35px!important;
        right: -7px;
        top: 84px;
    }
    .recipe_sub_menu {width: 178px;}
     body .contact_bg .col_8 p.text-danger{
         margin-top: 6px;
    }
     body ul.cover{
        bottom: inherit;
    }
     body .sec_banner .banner_text{
        max-width: 500px;
    }
     body .inner_silder .slick-list {
         padding-top: 303px !important;
    }
     .chief_about .sec_text p{
         font-size: 0.7em;
    }
     #__nuxt .chief_about .inner_silder{
         width: 60%;
    }
    body .chief_about .sec_text p {
        font-size: 0.7em;
    }
    .chief_about .inner_silder .slick-slide{
        padding-right: 48px;
    }
    
     .profile_header .profile_col .images_wrper {
         max-width: 120px;
         height: 120px;
    }
  
     .profile_header .edit-btn button {
         width: 230px;
         height: 50px;
         font-size: 0.65em;
    }
 
     .profile_header .follow_btn_wrap .btn{
         width: 164px;
         height: 45px;
         font-size: 0.6em;
    }
     .sec_about .colum_list img {
         max-width: 334px;
         height: auto;
    }
     .banner_bg, .contact_bg{
         min-height: 629px;
    }
     .chief_about .inner_silder .slick-slide:nth-child(2n) {
         top: -92px;
    }
     #__nuxt .inner_silder .slick-list.draggable {
         padding-top: 200px !important;
         top: -36px;
    }
     .chief_about {
         min-height: 980px;
    }
     .sec_subscription .colum_list img{
        width: auto;
    }
     .colum_list img{
        width: 100%;
    }
     body .banner_text p{
        font-size: 0.7em;
    }
     body .banner_text h1{
        font-size: 2.5em;
        letter-spacing: -2px;
    }
     body .banner_bg{
         min-height: 550px;
    }
     header .btn {
        font-size: 0.7em;
    }
     a.login-text{
        font-size: 0.6em;
    }
     .menu ul li a {
        font-size: 0.6em;
    }
     .contact_bg .col_8 p{
        margin-top: 14px;
    }
     body .sec_contact .row-form{
        margin-top: 20px
    }
     body .sec_contact .row-form .button .btn {
        font-size: 0.7em;
        width: 148px;
        height: 48px;
        border: 0;
    }
     body .sec_contact .row-form .button {
        margin-top: 0;
    }
     .contact_bg .col_8 h1 {
        font-size: 2.3em;
    }
     body .sec_contact .row-form .col_6 input[type=tel], body .sec_contact .row-form .col_6 input[type=email], body .sec_contact .row-form .col_6 input[type=text], body .sec_contact .row-form .col_6 select, body .sec_contact .row-form .col_12 textarea{
        padding: 12px 10px;
    }
     .contact_bg .col_8 {
        width: 52%;
        left: -21px;
        top: -14px;
        max-width: 100% !important;
        margin-right: 0;
        padding-right: 23px;
    }
}
 @media only screen and (max-width: 1280px) {
    body .sec_discover .container, 
    body .sec_about .container{max-width: 1100px;}
    .menu_container .logo a{max-width: 150px;}
    .recipe_sub_menu {width: 164px;}
     body .side_bar_list.col_3.pl-5.fixed{
        right: 78px;
    }
     .login.d-flex.flex-align.profile_div .name{
        background-position: 98% 7px;
    }
     .header .right_block .login_wrap .gray{
        margin-right: 20px;
    }
     .sec_about .colum_list img {
        max-width: 260px;
        width: 100%;
    }
     body header .btn {
        font-size: 0.6em;
        width: 100%;
        padding: 10px 14px;
        height: auto;
    }
     body header a.login-text.mr-4{
        margin-right: 20px;
    }
     body header .ml-4.login_wrap{
        margin-left: 20px;
    }
     .footer_sec {
         min-height: 344px;
    }
     .detail_search_box #inner_searching .gSearch{
        max-width: 605px
    }
     .search_result_wall .count span{
        font-size: 0.95em;
    }
}
 @media only screen and (max-width: 1024px) {
    body .deactive_wper a{background-position: 13px 15px;}
    body .deactive_wper .deactive_icon a {background-position: 22px 15px;}
    body .sec_discover .container, body .sec_about .container {
        max-width: 880px;
    }
    .sec_about .colum_list img{max-width: 100%;}

     .dashboard_menu .menu ul li{
         margin-right: 0.8vw;
    }
     body #searching input:focus{
         width: 220px;
    }
     body .dash_silder_recipes .text_wrper .social_btn button.like:hover {
         color: var(--btn_gray);
    }
     body .comment_post .social_btn .reply:hover:before{
         background-image: url(../images/comment_icon.png);
    }
     body .comment_post .social_btn button:hover{
         color: var(--btn_gray);
    }
     body .dash_silder_recipes .comment_post .social_btn button.like.active, body .dash_silder_recipes .text_wrper .social_btn button.like.active{
        color: var(--orange);
    }
     body .comment_post .social_btn .like:hover:before, body .dash_silder_recipes .text_wrper .social_btn button.like:hover:before{
        background-image: url(../images/like_icon.svg);
    }
     body .dash_silder_recipes .comment_post .social_btn .like.active:before, body .dash_silder_recipes .text_wrper .social_btn button.like.active:before{
        background-image: url(../images/like_icon_h.svg);
    }
     body .dash_silder_recipes .comment_post .social_btn .bookmark.active:before, body .dash_silder_recipes .text_wrper .social_btn button.bookmark.active:before{
        background-image: url(../images/save.svg);
    }
    
 
     .side_bar_list{
        padding-left: 0;
    }
     #__nuxt .chief_about .inner_silder{
        width: 60%;
    }
     .sec_subscription .mt-5{
        margin-top: 20px
    }
     body .sec_contact .row-form .col_6 input[type=tel], body .sec_contact .row-form .col_6 input[type=email], body .sec_contact .row-form .col_6 input[type=text], body .sec_contact .row-form .col_6 select, body .sec_contact .row-form .col_12 textarea {
         padding: 9px 10px;
    }
     body .btn {
        font-size: 0.7em;
        width: 159px;
        height: 47px;
    }
     body .banner_text p {
        font-size: 0.7em;
    }
     body .contact_bg {
        min-height: 508px;
    }
     body .banner_bg {
        min-height: 440px;
    }
     body .banner_text h1 {
        font-size: 2.5em;
    }
     .menu_container .logo {
        margin-right: 2.5vw;
    }
     .colum_list p{
        font-size: 0.8em;
    }
     .sec_discover .sec_text p {
        padding-bottom: 40px;
        font-size: 0.8em;
        max-width: 800px;
    }
     .sec_discover .silder_recipes .col_4{
         margin-right: 30px;
         margin-left: 30px;
        filter: blur(0px);
        width: 390px !important;
    }
     .chief_about .inner_silder {
         width: 56%;
    }
     .sec_contact .row-form .col_12{
        margin-bottom: 20px;
    }
     .sec_contact .row-form .col_6 {
        width: 46%;
        margin-bottom: 15px;
    }
     body .sec_contact .row-form label{
        margin-bottom: 7px;
        font-size: 0.5em
    }
     .contact_bg .col_8 h1 {
        font-size: 1.8em;
    }
     .container{
        padding: 0 20px;
    }
     body .sec_contact .row-form .col_12 textarea{
        height: 88px;
    }
     body .sec_contact .row-form .button .btn {
        font-size: 0.6em;
        width: 109px;
        height: 40px;
        border: 0;
        padding: 0;
    }
     body .colum_list {
        padding: 80px 20px 70px;
    }
     body .chief_about {
        min-height: 100%;
        padding-top: 121px;
        padding-bottom: 60px;
    }
     body .chief_about .inner_silder .slick-slide{
        padding-right: 0;
         padding-left: 0;
    }
     body .inner_silder .slick-list {
        padding-top: 104px !important;
    }
     body .chief_about .inner_silder .slick-slide:nth-child(2n), body .chief_about .inner_silder .slick-slide:nth-child(2n+1) {
         top: 0 !important;
    }
}
 @media only screen and (max-width: 980px) {
    .add_recipe .status_upload_div .recipe_post_details.col_6 {
        margin-top: 28px;
    }
    .inner_field.range-silder .field.b-slider_label {
        margin-bottom: 30px;
    }
    body .deactive_wper .deactive_icon a {   background-position: 35px 15px;}
    body .deactive_wper a {background-position: 25px 15px;}
   body  .profile_box ul li a,
    body .profile_box ul li .main_theme_setting .setting_theme{    font-size: 0.6em;}
    body .menu_social ul li {width: 16.33%;}
     body .col_8.dashboard_col_8{width: 100%;}
    .card.edit_profile_popup {padding: 17px 20px;}
    .mobile_menu ul li:last-child a{border: none;}
    .recipe_sub_menu {
        visibility: visible;
        position: static;
        border-top: none!important;
        padding-left: 23px !important;
        border-bottom: #dddddd 1px solid;
        border-radius: 0;
    } 
    body .dashboard_menu .menu .recipe_sub_menu li > a {
        padding-left: 18px;
    }
    #Recipes .recipe_nav {
        margin-left: 0;
    }
     body .contact_bg .col_8 p.text-danger{
        position: relative;
        z-index: 999;
    }
     body .contact_bg .container{
        position: relative;
    }
     body .header.home_header{
        z-index: 999;
    }
     body .profile_class ul.cover button{
        text-align: left;
    }
     body ul.cover {
         bottom: inherit;
         left: 0;
         margin: auto;
         z-index: 9;
    }
     body button#visible{
        text-align: left;
        margin-top: 13px;
    }
     body .error_wrp{
         position: relative !important;
         top: -28px;
         bottom: 0 !important
    }
     .__nuxt-error-page .error svg{
         width: 468px;
         height: 240px;
    }
     body section.sec_discover.wrapper:before{
        bottom: -1px;
    }
     body .chief_about .sec_text.col_4 {
         width: 100%;
    }
     body .chief_about{
        padding-top: 0;
    }
   
     body .chief_about .inner_silder .slick-slide{
         padding: 0 27px 25px;
    }
     .non_login{
        flex-wrap: wrap;
    }
     .non_login .right_block{
        width: 48%;
    }
     .non_login .right_block .search_wrap{
        width: 100%;
    }
     #__nuxt .inner_silder .slick-arrow.slick-prev {
         right: 0;
         bottom: -36px;
         top: auto;
         margin: auto;
         left: -72px !important;
    }
     #__nuxt .inner_silder .slick-arrow.slick-next {
         right: 0;
         bottom: -36px;
         top: auto;
         margin: auto;
         left: 90px;
    }
     body .margin-top-102{
        margin-top: 70px;
    }
     body .menu_container{
        padding: 10px 0;
        margin: 0px 2%;
    }
     body .range-silder > span {
        width: 100%;
        padding-right: 25px;
    }
     body .side_bar_list.col_3.pl-5.fixed{
        position: static;
        max-width: 100%;
        margin-bottom: 30px;
    }
     .dashboard_menu .menu ul li.active a:before {
        display: none;
    }
     .dashboard_menu .menu ul li svg{
        display: none;
    }
     .dashboard_menu .menu ul li a{
        margin: 0;
    }
     .search_result_people > div{
        width: 100%;
    }
     .profile-container{
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding: 20px 0;
    }
     .profile_header .edit-btn button{
         position: static;
         width: auto;
         display: block;
         height: 100%;
         padding: 8px 28px;
         font-size: 0.6em;
    }
     .profile_header .profile_col{
         justify-content: center;
         width: 100%;
    }
     .side_bar{
        margin-bottom: 50px;
    }
     .profile_header .edit-btn {
         justify-content: center;
         margin-top: 20px;
    }
     .profile_header {
         min-height: 100%;
         padding: 19px 0;
    }
     .menu_button{
        margin: 30px 0
    }
     .menu_button ul{
        justify-content: center;
        width: 100%;
    }
     .menu_button li a.btn{
         font-size: 0.65em;
         width: 100px;
         height: 35px;
    }
     .menu_button li:nth-child(1){
        margin-right: 10px
    }
    .menu_button li:nth-child(3),
     .menu_button li:nth-child(2){
        margin-right: 10px
    }
     .profile_header .follow_btn_wrap .btn{
        position: static;
    }
     .profile_header .follow_btn_wrap {
        text-align: center;
        margin-top: 20px
    }
     .search_result_wall .center_contain {
        padding-right: 0;
    }
     .search_result_people .col_4{
        width: 100%;
        margin-top: 0;
        margin-right: 0;
    }
     .search_result_wall .side_bar.col_4 {
        width: 100%;
    }
     .search_result_wall .count{
         padding-top: 0
    }
     body .side_bar_list {
        margin-top: 0;
        margin-bottom: 30px;
    }
     body .wapper_details.col_9, body .side_bar_list{
        width: 100%;
    }
     .vm--modal .card-body .img-thumbnail{
         width: 33.33%;
    }
     .chief_about .inner_silder .slick-slide:nth-child(2n+1){
        top: 0;
    }
     #__nuxt .chief_about .inner_silder{
        top: 0;
    }
     .sec_about .col_4 {
         width: 100%;
         max-width: 320px;
         margin: auto;
    }
     .sec_about .d-flex {
         flex-wrap: wrap;
    }
     .sec_about .colum_list .col_4 p {
         padding: 23px 0 33px;
    }
     .notifi_box .content_wrap .post_text a{
        font-size: 0.6em;
         width: 100%;
         display: inline-block;
    }
     .notification_heding h4 {
        font-size: 0.8em;
    }
     body .notifi_box{
        max-width: 250px;
        padding: 18px 18px 6px;
        z-index: 99;
        top: 61px;
    }
     body .profile_box{
        top: 58px !IMPORTANT;
        z-index: 99;
    }
     body .hamburger{
        background-image: url('/assets/images/hamberger.svg');
        background-repeat: no-repeat;
        background-position: center;
        font-size: 0;
        left: 7px;
        width: 36px;
    }
     .profile_box ul li a{
        font-size: 0.6em;
    }
     .mobile_menu, .hamburger, .cross{
        display: block;
    }
     .menu{
        display: none;
    }
     .footer_sec .menu{
        display: block;
    }
     .menu_container .logo {
        margin-left: 50px;
    }
     .mobile_menu{
        left:0;
        top: 0;
        z-index:1000000;
         font-weight:bold;
         font-size:0.8em;
         width:100%;
         background:var(--bg);
         position:absolute;
         text-align:center;
         font-size:12px;
    }
     .mobile_menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        display: inline-block;
        width: 100%;
        border-top: 3px solid var(--orange);
    }
     .mobile_menu li {
        display: block;
        /* padding:15px 0 15px 0;
         */
        /* border-bottom:#dddddd 1px solid;
         */
    }
     .mobile_menu ul li a {
        color: var(--gray);
        text-decoration:none;
        margin: 0px;
         font-size: 0.9em !important;
        border-bottom: #dddddd 1px solid;
         display: block;
        margin: 0 13px;
        padding: 15px 8px 15px 8px;
        text-align: left;
    }
    .dark-theme .mobile_menu ul li a{
        border-bottom: #313131 1px solid;
    }
     .mobile_menu ul li a:hover {
         color:var(--green);
         text-decoration:none;
    }
     .mobile_menu a:hover{
        text-decoration:none;
         color:var(--green);
    }
     .mobile_menu li.active a{
         color:var(--green)
    }
     .sec_subscription .d-flex{
        flex-wrap: wrap;
        justify-content: center;
    }
     .sec_subscription .col_4{
        width: 45%;
        margin-bottom: 40px;
    }
     body .contact_bg{
        background-size: auto;
        position: relative;
        padding: 71px 0 31px;
        margin-bottom: 0;
        min-height: 100%;
        background-position-x: 100%;
    }
     /* body .contact_bg:before{
        content:"";
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: #000000ab;
    } */
     .sec_contact .row-form .col_6 {
        width: 47.5%;
    }
     .contact_bg .col_8 {
         width: 100%;
         left: 0;
         top: -14px;
         float: none;
         max-width: 560px;
         margin: auto;
    }
     /* body .sec_contact .row-form label, .contact_bg .col_8 p, .contact_bg .col_8 h1{
        color: var(--white);
    }
     body .sec_contact .vue-tel-input, body .sec_contact .row-form .col_6 input, body .sec_contact .row-form .col_6 select, body .sec_contact .row-form .col_12 textarea {
        border-color: var(--white) !important;
    } */
     body .banner_bg{
        background-size: auto;
        position: relative;
        margin-top: 0;
    }
     body.dark-theme .banner_bg{
        margin-top: 0;
    }
     body .banner_bg:before{
        content:"";
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: #efefef6b;
    }
     body .banner_text h1 {
        font-size: 2.0em;
    }
     .sec_banner .banner_text .mt-4{
        margin-top: 20px
    }
     .sec_banner .banner_text{
        position: relative;
    }
     .sec_banner{
        padding: 0
    }
     .sec_discover{
        margin-bottom: 0;
    }
     .chief_about .inner_silder .slick-slide {
        padding-right: 50px;
        padding-left: 50px;
    }
     #__nuxt .chief_about .inner_silder {
        width: 100%;
        position: relative;
    }
     .chief_about .sec_text{
        width: 100%;
        text-align: center;
         padding-top: 90px;
    }
     .chief_about .inner_silder .slick-slide:nth-child(2n) {
        top: 0;
    }
     .inner_silder .slick-list.draggable {
        padding-top: 146px !important;
        top: -36px;
    }
    /* .chief_about .inner_silder .slick-slide{
         margin-right: 40px;
        margin-left: 40px
    }
     */
     body .colum_list {
        padding: 80px 20px 30px;
    }
     body .footer_menu .menu{
        width: 40%;
    }
     body .footer_menu {
        flex-wrap: wrap;
        margin-left: 30px;
    }
     body .footer_sec{
        padding: 60px 0;
    }
     body .footer_menu .menu {
        margin-left: 0;
         margin-bottom: 17px;
    }
     body .footer_menu .menu .mb-2{
        margin-bottom: 10px;
    }
     .inner_silder .slick-list {
         padding-top: 110px !important;
         padding-bottom: 30px !important;
    }
     body .menu ul li a{
        margin-left: 0;
        padding-left: 18px;
    }
     .mobile_menu li{
        margin-left: 0;
    }
}



 @media only screen and (max-width: 679px){
     .colum_list p{
        min-height: auto;
    }
}
 @media only screen and (max-width: 767px){
     body .profile_header .profile_col .text_wrper .about-icon{
         right: 0;
         position: absolute;
         left: 0;
         top: -15px;
         margin: 0 auto;
    }
     .profile_header .profile_col .text_wrper{
         margin-left: 0;
         text-align: center;
         position: relative;
         margin-top: 0px;
    }
     .profile_header .profile_col{
         flex-direction: column;
    }
     .profile_header .profile_col .text_wrper h4{
         font-size: 0.95em;
         float: none;
    }
     .profile_header .edit-btn button{
         font-size: 0.65em;
         width: 170px;
         height: 46px;
         padding: 8px 10px;
    }
     .profile_header .follow_btn_wrap {
         text-align: center;
         margin-top: 20px;
         display: flex;
         justify-content: center;
         flex-direction: column;
         align-items: center;
    }
     .profile_header .follow_btn_wrap button{
         margin-right: 0 
    }
     .profile_header .follow_btn_wrap button.add_frd, .profile_header .follow_btn_wrap button.follow_chef{
         margin-top: 0px;
         margin-bottom: 20px;
    }
    /*media close*/
}
 @media only screen and (max-width: 650px) {
   body  .recipe_details_page .rating a{    margin: 7px 7px;}
    .edit_profile .deactiver_div{margin-right: 0;}
    .edit_profile .delete_icon{margin: 20px 0;}
    .new_post {top:0}
    .new_post.new_post_up {
        top: 72px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .edit_profile .deactive_wper {
    flex-direction: column;
    align-items: center;
    }
    .deactive_wper a {
        margin: 5px 0;
    }
     body .add_more .plus_icon{right: 34px;}
     body .profile-container .edit-btn{
        width: 100%;
    }
     body .show-comment-reply .display_block{
         bottom: -14px;
    }
     section.wrapper.wall_tab_sec.all_list_members {
         min-height: 100%;
    }
     body .profile_box ul li.login_user {
         display: block;
    }
     body .inner_recipe .content_area a{
         font-size: 0.7em;
    }
     body .cms_content li{
         font-size: 0.7em;
    }
     body .cms_content p {
         padding-bottom: 20px;
         font-size: 0.7em;
    }
     body .cms_content .mt-3{
        margin-top: 0;
    }
     body .cms_content h2{
        font-size: 1.4em;
        padding-bottom: 20px;
    }
     body .dynamic_page h1 {
        font-size: 1.5em;
        padding-bottom: 23px;
    }
     body .cms_content {
        padding-top: 30px;
    }
     body .recipe_details_page ol.BreadcrumbList{
        bottom: -28px;
    }
     .recipe_post_details .mention_editor .ProseMirror{
        margin-bottom: 40px;
    }
     body .oembed-video:before{
        background-size: 90px;
    }
     body .chief_about .inner_silder .slick-slide {
         padding: 0 45px 25px;
    }
     body .comment_post .avtar_sec{
        flex-wrap: nowrap;
        justify-content: center;
    }
     body .time-list li svg {
        width: 20px;
        height: 20px;
    }
   
     .side_bar .top_recipe > a{
        font-size: 14px;
    }
     .top_recipe.friend_list .recipe_heding h5 {
         font-size: 0.7em;
    }
     .wall_tab_sec .side_bar .top_recipe.friend_list .content_wrap .img-col, .wall_tab_sec .side_bar .top_recipe.friend_list .content_wrap {
         flex-direction: row;
         flex-wrap: inherit;
    }
     body .banner_text h1 {
         font-size: 1.8em;
    }
     .chief_about .inner_silder .slick-slide {
         padding: 0 30px;
    }
     body .login_wrap .profile_box{
        top: 55px !IMPORTANT;
        max-width: 166px;
    }
     body .bootkit a{
        font-size: 0.4em;
        background-position: 49% 2px;
         background-size: 14px;
    }
     body .dash_silder_recipes .text_wrper .left .author-img{
         max-width: 40px;
         height: 40px;
         margin-right: 12px !important;
    }
     body h2 {
         font-size: 1.8em;
    }
     .notifi_box .img_wrap{
        margin-bottom: 0;
        flex-wrap: inherit;
    }
     .notification_heding{
        margin-left: 0px
    }
     .notifi_box .content_wrap .post_text{
        font-size: 0.5em;
    }
     body .mention-item .dim{
        font-size: 16px;
    }
     .v-popover.popper {
         left: 212px !important;
        top: 100px !important;
    }
     body .mobile_menu{
        top: 63px;
    }
     body .cross{
        line-height: 0;
        top: 41px;
        padding: 0;
    }
   
     td, th{
        font-size: 0.6em;
    }
     .inner_recipe h3 {
         font-size: 1.2em;
    }
     .inner_recipe .colm_warp label {
        font-size: 0.7em;
    }
     .inner_recipe .colm_warp .number{
        max-width: 111px;
    }
     td .btn {
        height: 30px;
        width: 116px;
    }
     body .inner_recipe p {
        font-size: 0.7em;
    }
     body .b-slider .b-slider-thumb-wrapper .b-slider-thumb{
        display: flex;
        align-items: center;
         justify-content: center;
    }
     body .edit_post .is-warning.is-primary .tooltip-trigger .b-slider-thumb span{
        top: 17px
    }

     body .cross_icon{
        width: 21px;
        height: 24px;
        right: 19px;
        top: 24px;
    }
   
     body .vm--modal h2{
        font-size: 1.66em;
    }
     body .vm--modal .card .form-group .form-control{
        width: 100%;
    }
     body .vm--modal.edit-popup .card .form-group .form-control{
        width:100%
    }
     .dash_silder_recipes .text_wrper .avtar_sec{
        flex-wrap: wrap;
    }
     body .action_buttons button{
         padding-left: 25px;
         font-size: 0.6em;
         margin-right: 6px;
         margin-left: 0;
         line-height: normal;
    }
    .dash_silder_recipes .text_wrper .avtar_sec p{word-break: break-all;}
     .chief_about .inner_silder .slick-slide {
        padding-right: 0;
        padding-left: 0;
    }
     body .sec_subscription .colum_list .col_4 h4 {
        font-size: 0.8em;
    }
     body .sec_subscription.wrapper .col_4{
         padding: 35px 13px;
    }
     body .sec_subscription .colum_list .col_4 p {
        font-size: 0.6em;
    }
     body .notifi_box .content_wrap{
        justify-content: left;
        flex-wrap: inherit;
    }
     body .col_4{
        width: 100%;
    }
     .d-flex{
        flex-wrap: wrap;
    }
     .sec_about .col_4 {
        width: 100%;
        max-width: 320px;
        margin: auto;
    }
     .sec_about .colum_list .col_4 p{
        padding: 23px 0 33px;
    }
     body h2{
        font-size: 2.0em;
    }
     .sec_text p {
        font-size: 0.8em;
    }
     body .colum_list {
        padding: 50px 20px 0px;
    }
     .sec_subscription .col_4{
        width: 100%;
        margin-right: 0;
    }
     .sec_contact .row-form .col_6 {
        width: 100%;
    }
     body .contact_bg{
        padding: 70px 0 35px;
    }
     body .footer_menu {
        margin-left: 0;
        margin-top: 30px;
    }
     .sec_subscription .d-flex{
        padding: 50px 0px 0px;
    }
     body .sec_banner .banner_text {
        max-width: 100%;
    }
     body .btn {
        font-size: 0.6em;
        width: 128px;
        height: 43px;
    }
     body .btn .mt-4{
         margin-right: 6px;
    }
     body .footer_menu .menu {
         width: 100%;
    }
}
 @media only screen and (max-width: 480px) {
     body .all_list_members .menu_button ul.tab_menu_center li{
        max-width: 100%;
        font-size: 0.5em !important;
        margin: 0 10px;
    }
     body .show-comment-reply .display_block{
        bottom: -8px;
        font-size: 0.5em;
    }
     body .images_wrper .bookmark{
         right: 17px;
    }
     body .bookmark button{
        width: 43px;
        height: 43px;
        background-size: 15px;
    }
     body .__nuxt-error-page .title{
        font-size: 1.1em !important;
    }
     .__nuxt-error-page .error svg {
         width: 338px;
         height: 179px;
    }
     body .__nuxt-error-page .description .error-link {
         font-size: 0.7em !important;
    }
     body .vti__dropdown-list {
        width: 100%;
        min-width: 280px;
    }
     body ol.BreadcrumbList li:after{
        font-size: 0.55em;
        margin: 0 3px;
        padding-right: 6px;
    }
    
     body ol.BreadcrumbList li a{
         font-size: 0.5em;
    }
     body .recipe_details_page .comment_post.comment_post-reply{
        padding-left: 30px !important;
    }
     body .inner_input_three .col_2 {
         width: 42% !important;
         height: 64px;
    }
     .dash_silder_recipes .social_btn.d-flex.flex-space-around{
         padding: 0 5px !important;
    }
     body .time-list li svg {
         width: 15px;
         height: 15px;
         margin-right: 5px;
    }
     body .menu_container .logo {
        margin-left: 35px;
    }
     body .mobile_menu ul li a{
        font-size: 0.66em !important;
    }
     body .footer_copywrite p{
        font-size: 0.6em;
    }
     .comment_post .social_btn button.like{
        padding-right: 14px;
    }
     body .comment_post .social_btn svg {
         width: 13px;
         height: 12px;
    }
     body .comment_post .social_btn button{
        margin-left: 12px;
        padding-left: 22px;
    }
     body .comment_post .social_btn .reply:before, body .comment_post .social_btn .like:before {
         background-size: 14px;
    }
     .list-group-flush li{
        font: 0.7em;
    }
     body .login_wrap .profile_box{
        top: 50px !important;
    }
     body .comment_post .star-rating .btn{
         width: 100%;
         height: 28px;
         padding: 5px 8px;
         font-size: 0.4em;
         margin-left: 6px;
         max-width: 73px;
    }
     body .dash_silder_recipes .images_wrper{
        height: 200px;
    }
     body .dash_silder_recipes .text_wrper .social_btn button:after{
        right: -32px;
    }
     body .vm--modal .card .form-group .form-control {
         width: 100%;
    }
     .menu_button li.btn {
         max-width: 89px;
         height: 36px;
         font-size: 0.5em;
         margin-right: 12px;
    }
     body .vm--modal .form-group{
        margin-bottom: 0;
    }
     .vm--modal button.cut{
        max-width: 35px;
        height: 35px;
    }
     .vm--modal .row .col-4, .vm--modal .row .col-2, .vm--modal .row .col-3{
        max-width: 100%;
        flex: inherit;
    }
     .menu_button li.btn{
         height: 31px;
    }
     .menu_button li.btn:last-child{
        margin-right: 0
    }
}
 @media only screen and (max-width: 425px){
    /* .profile_header .profile_col .text_wrper .following_media ul{
         flex-direction: column;
    }
     */
     body .vm--modal .card-body .img-thumbnail {
         height: 91px;
    }
     body .vm--modal label{
        font-size: 0.7em !important;
    }
     .menu_container .logo img{
        width: 100%;
    }
     .menu_container .logo {
        margin-left: 44px;
    }
     header .left_block{
        max-width: 50%;
    }
     header .d-flex{
        align-items: center;
    }
     body .hamburger{
        padding: 0px 10px 0px 10px;
        background-size: 26px;
        top: -2px;
    }
}
/*Banner*/
 .srarting_post .content_wrap {
    align-items: center;
}
 .dash-menu{
    display: none
}
 .header .right_block .login .img_wrap > div{
    width: 100%;
    height: 100%;
}
.header .right_block .login .img_wrap {
    width: 39px;
    height: 39px;
    border-radius: 100%;
    margin-right: 12px;
}
 .header .right_block .login .img_wrap img{
    width: 100%;
    border-radius: 100%;
    object-fit: cover;
    height: 100%;
}
 .srarting_post{
    background-color: var(--white);
    border-radius: 0;
    padding:3% 5%;
    position: relative;
    margin-top: 20px;
}

 .srarting_post .content_wrap .img_wrap .author-img, .srarting_post .content_wrap .img_wrap .author-img > div{
    height: 100%;
}
 .srarting_post .input_text{
    width: 100%;
     align-items: center;
}
 .srarting_post .input_text input[type=text]{
    width: 100%;
    height: 100%;
    border:none!important;
    outline: none;
    font-size: 0.75em;
    font-weight: 600;
}
 .srarting_post .content_wrap:before{
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: var(--bg);
    left: 0;
    right: 0;
    top: 66px;
    max-width: 100%;
    margin: auto;
}
 .srarting_post .input_text input::-webkit-input-placeholder {
    /* Edge */
     color: var(--gray);
}
 .srarting_post h5{
    font-size: 0.77em;
}
 .srarting_post .input_text .upload{
    background-color: transparent;
    outline: none;
    border:none;
    cursor: pointer;
    line-height: 0;
}
 .srarting_post .input_text input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: var(--gray);
}
 .srarting_post .input_text input::placeholder {
     color: var(--gray);
}
 body.dark-theme .srarting_post .upload_data{
     background-color: #151515 !important;
}
.left_block.d-flex.flex-align nav#top-menu ul ul li {
    text-align: left;
    display: flex;
    align-items: center;
}

.left_block.d-flex.flex-align nav#top-menu ul ul li svg {
    width: 18px;
    top: 5px;
    left: -4px;
}
body.dark-theme .srarting_post .upload_data button:hover svg path{ fill: var(--green);}
body.dark-theme .srarting_post .upload_data button:hover{
    color: var(--green);
}
body.dark-theme .srarting_post .upload_data button svg path{fill: #fff;}

 body .srarting_post .upload_data .btn:last-child{
    margin-bottom: 0;
}
 .srarting_post .upload_data .btn{
     margin-bottom: 21px;
     width: 169px;
     height: 39px;
     border:none;
     background-color: var(--white);
     color: #7D7D7D;
     font-size: 0.6em;
     border: 1px solid rgba(99, 99, 99, 0.26);
     cursor: pointer;
     text-transform: capitalize;
     font-weight: 700;
}
 .silder_main .slick-dots{
    display: none;
}
 .overlay{
    position: fixed;
    width: 100vw;
    height:100vh;
    left: 0;
    top: 0;
    background: #00000047;
    display: none;
    z-index: 1;
}
 .overlay.show{
    display: block;
}
 .upload_data.show{
    display: flex!important;
}
 .srarting_post{
    z-index: 2
}
 .inner_recipe .mention_editor .ProseMirror{
    margin-bottom: 0;
}
 .side_bar .top_recipe{
    background-color: var(--white);
    border-radius: 0px;
    padding-right: 0;
}
 .side_bar .top_recipe .img_wrap{
    width: 83px;
    height: 55px
}
 .side_bar .top_recipe .content_wrap .post_text {
     width: calc(100% - 120px)
}
 .side_bar .top_recipe{
    background-color: var(--white);
    border-radius: 0px;
}
 .side_bar .top_recipe .img_wrap{
    max-width: 80px;
    height: 51px;
    border-radius: 0px;
    overflow: hidden;
    width: 100%;
}
 .side_bar .top_recipe .img_wrap img{
    width: 100%;
    position: relative;
    height: 100%;
    object-fit: cover;
}
 body .side_bar .top_recipe > a:hover{
    color: var(--green);
}
 .dark-theme .recipe_post_details .right, .dark-theme .recipe_post_details .left, .dark-theme .side_bar .top_recipe > a{
    color: var(--white);
}
 .side_bar .top_recipe > a {
    font-weight: 700;
     color: var(--gary-dark);
    float: right;
    text-align: right;
     transition: .2s;
    font-size: 16px;
    padding: 3px 10px;
    margin-right: 10px;
}
 .top_recipe.friend_list .recipe_heding{
    padding-bottom: 20px;
}
 .top_recipe.friend_list .recipe_heding h5{
    font-size: 0.77em;
}
 .side_bar .top_recipe .content_wrap{
    border-top: 1px solid var(--bg)
}
 .side_bar .top_chef .text-emty{
     font-size: 0.9em;
     font-weight: 600;
     padding: 20px 20px 20px;
     color: var(--orange);
     border-top: 1px solid #ffffff47;
}
 .side_bar .top_chef .img_wrap a > div {
     width: 100%;
     height: 100%;
}
/* .dark-theme .profile_header{
    background-color: #000;
}
 */
 .side_bar .top_chef .img_wrap{
    max-width: 55px;
    height: 55px;
    border-radius: 100%;
    overflow: hidden;
    width: 100%;
}
 .side_bar .top_chef .content_wrap .post_text {
    width: calc(100% - 95px);
}
 .side_bar .top_chef .img_wrap img{
    border-radius: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    height: 100%;
}
 .side_bar .top_recipe .content_wrap a{
    font-size: 0.7em;
    font-weight: bold;
    color:var(--black);
}
 .side_bar .top_chef .img_wrap a{
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}
 .form-group input[type="file"]{
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     top: 0;
     opacity: 0;
     cursor: pointer;
}
 .friend_list .content_wrap{
    justify-content: space-between;
}
 .friend_list .content_wrap .reject, .friend_list .content_wrap .pending {
    background-color: var(--orange) !important;
}
 .friend_list .content_wrap .btn_wrapper{
    margin-top: 0;
}
 .friend_list .content_wrap .btn_wrapper .btn, .friend_list .content_wrap .btn_wrapper button{
    font-weight: 800;
     background-color:var(--green);
    font-size: 13px;
    height: 100%;
    padding: 16px 9px;
}
 .form-group{
    position: relative;
     width: 100%;
}

 .dash_silder_recipes .slick-slide{
    outline: none;
}
 .comment_post .social_btn button.active, .comment_post .social_btn button:hover{
    color: var(--orange);
    transition: 0.3s;
}
 .comment_post .social_btn .like:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/like_icon.svg);
    width: 24px;
    height: 21px;
    left: 0;
    top: 2px;
}
 .comment_post .social_btn button.like.active:before, .comment_post .social_btn .like:hover:before{
    background-image: url(../images/like_icon_h.svg);
    transition: 0.3s;
}
 .comment_post .social_btn button.bookmark.active:before, .comment_post .social_btn .bookmark:hover:before{
    background-image: url(../images/save.svg);
    transition: 0.3s;
}
 .comment_post .social_btn .reply:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/comment_icon.png);
    width: 21px;
    height: 21px;
    left: 0;
    top: 2px;
}
 .comment_post .social_btn .reply:hover:before{
    background-image: url(../images/comment_icon_h.png);
    transition: 0.3s;
}
 .comment_post .social_btn button.like {
     margin-left: 0;
}
/*sec_discover*/
 .border{
    background-color: rgba(0, 0, 0, 0.11);
    height: 1px;
    border: 1px;
    width: 100%
}
 .box-shadow{
    -webkit-box-shadow: 0px 20px 26px rgba(0, 0, 0, 0.04);
     -moz-box-shadow: 0px 20px 26px rgba(0, 0, 0, 0.04);
     box-shadow: 0px 20px 26px rgba(0, 0, 0, 0.04);
}

/* .dash_silder_recipes .slick-track{
    padding: 32px 0;
}
 */

 #__nuxt .dash_silder_recipes .images_wrper .full-width{
    width: 100%;
}
 .dash_silder_recipes .text_wrper .social_btn button:after {
     content: "";
     position: absolute;
     right: -28px;
     width: 1px;
     height: 100%;
     top: -1px;
     border-right: 1px solid #c9c9c97d;
     display: none;
}
 .dark-theme .dash_silder_recipes .text_wrper .social_btn button:after{
    border-right: 1px solid #ffffff3d;
}
 .dash_silder_recipes .text_wrper .social_btn button:last-child:after {
     border: 0;
}


 .vm--modal .dash_silder_recipes{
    margin-bottom:0
}
 .share .vm--modal > div{
    width: 100%;
}
 .vm--modal .dash_silder_recipes .col_4{
    box-shadow: none;
    border: 1px solid #C9C9C9;
}
 .dash_silder_recipes .images_wrper div{
    height: 100%;
    padding: 0;
     outline: none;
}
 .inner_silder .slick-arrow{
    -webkit-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.35);
}
 body.dark-theme .inner_silder .slick-arrow{
    -webkit-box-shadow: 0px 0px 38px -6px rgb(234 234 234);
    -moz-box-shadow: 0px 0px 38px -6px rgb(234 234 234);
    box-shadow: 0px 0px 38px -6px rgb(234 234 234);
}
 #__nuxt .inner_silder .slick-arrow.slick-prev{
    left: 30px;
}
 #__nuxt .inner_silder .slick-arrow.slick-next{
    right: 30px;
}
 .dash_silder_recipes .images_wrper iframe{
    height: 100%;
    width: 100%;
}
 .dash_silder_recipes .images_wrper img{
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    position: relative;
    top: 0;
    height: 100%;
    object-fit: cover;
}
 .dash_silder_recipes .text_wrper{
    position: relative;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    padding: 25px 40px 20px;
}
 .dash_silder_recipes .text_wrper .left{
    max-width: 60px;
    float: left;
    margin-right: 8px;
}
 .dash_silder_recipes .text_wrper .avtar_sec{
    display: flex;
    align-items: center;
}
 .dash_silder_recipes .text_wrper .left .author-img img{
    width: 100%;
    position: relative;
    height: 100%;
}

 .dash_silder_recipes .text_wrper .right .author-text .bold{
    font-weight: 700;
}

 .dash_silder_recipes .right .author-text span a {
    font-weight: 900;
     color: var(--black);
}
 .dash_silder_recipes .text_wrper .content{
    float: left;
}
.dark-theme .dash_silder_recipes .text_wrper .content p div,
.dark-theme .dash_silder_recipes .text_wrper .content p{color: var(--white) !important;}
 .dash_silder_recipes .text_wrper .text_wrper .content p{
    margin-bottom: 0;
}
 .dash_silder_recipes .text_wrper .content p div{
    word-wrap: break-word;
}
 .rating-counrt{
    color: var(--gary-dark);
    font-size: 0.5em;
    font-weight: 900;
}

.dark-theme .dash_silder_recipes .text_wrper .social_btn button{
    color: var(--white);
}
 .dash_silder_recipes .text_wrper .social_btn button.like:hover, .dash_silder_recipes .text_wrper .social_btn button.like.active{
    color: var(--orange);
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn button.bookmark:hover, .dash_silder_recipes .text_wrper .social_btn button.bookmark.active{
    color: var(--orange);
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn button.comment.active, .dash_silder_recipes .text_wrper .social_btn button.comment:hover{
    color: var(--orange);
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn button.share.active, .dash_silder_recipes .text_wrper .social_btn button.share:hover{
    color: var(--orange);
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn .like:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url("../images/like_icon.svg");
    width: 24px;
    height: 25px;
    left: 0;
    top: -2px!important;
    background-size: 20px;
}
.dark-theme .dash_silder_recipes .text_wrper .social_btn .like:before{
    background-image: url("../images/like_icon-gary.svg");
}
 .dash_silder_recipes .text_wrper .social_btn button.like:hover:before, .dash_silder_recipes .text_wrper .social_btn .like.active:before{
    background-image: url("../images/like_icon_h.svg");
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn button.bookmark:hover:before, .dash_silder_recipes .text_wrper .social_btn .bookmark.active:before{
    background-image: url("../images/save.svg");
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn .comment:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url("../images/comment_icon.png");
    width: 21px;
    height: 21px;
    left: 0;
    top: 2px;
    background-size: 18px;
}
.dark-theme .dash_silder_recipes .text_wrper .social_btn .comment:before{
    background-image: url("../images/comment_icon_white.png");
}
 .dash_silder_recipes .text_wrper .social_btn .comment:hover:before{
    background-image: url("../images/comment_icon_h.png");
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn .share:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url("../images/share_icon.png");
    width: 35px;
    height: 21px;
    left: -13px;
    top: 2px;
    background-size: 28px;
}
.dark-theme .dash_silder_recipes .text_wrper .social_btn .share:before{
    background-image: url("../images/share_icon_white.png");
}
 .dash_silder_recipes .text_wrper .social_btn .share:hover:before{
    background-image: url("../images/share_icon_h.png");
    transition: 0.3s;
}
/*Footer*/
/*stars*/
 fieldset, label {
     margin: 0;
     padding: 0;
}
/****** Style Star Rating Widget *****/
 .rating {
     border: none;
     float: left;
}
 .rating > input {
     display: none;
}
 .rating > label:before {
     margin: 5px;
     font-size: 0.85em;
     font-family: FontAwesome;
     display: inline-block;
     content: "\f005";
}
 .rating > .half:before {
     content: "\f089";
     position: absolute;
}
 .rating > label {
     color: #ddd;
     float: right;
}
/***** CSS Magic to Highlight Stars on Hover *****/
 .rating > input:checked ~ label, 
/* show gold star when clicked */
 .rating:not(:checked) > label:hover, 
/* hover current star */
 .rating:not(:checked) > label:hover ~ label {
     color: #FFD700;
}
/* hover previous stars in list */
 .rating > input:checked + label:hover, 
/* hover current star when changing rating */
 .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, 
/* lighten current selection */
 .rating > input:checked ~ label:hover ~ label {
     color: #FFED85;
}
/*Add Recipe*/
 .vm--modal .card-body .img-thumbnail{
    height: 125px;
}
 .vm--modal .card-body .img-thumbnail video{
    width: 100%;
    height: 100%;
}
 .text_recipe h2{
    font-size: 2.0em;
    font-size: 48px;
}
 .col_6{
    width: 50%;
    float: left;
}
 .upload_img_post{
    padding: 80px 20px;
    border-radius: 20px;
    position: relative;
    border: 2px dotted #ffffff85;
    border-style: dashed;
}
 .upload_link{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
 .inner_upload .show_upload {
     width: calc(100% / 3 - 4%);
     padding: 0;
     position: relative;
     border-radius: 13px;
}
 .inner_upload .show_upload:nth-child(3n){
    margin-right: 0
}
 .upload_img_post h3{
    padding-top: 23px;
    color: var(--gary-dark);
    font-weight: 800;
}
 .upload_img_post p{
    font-size: 0.9em;
    padding-top: 15px;
    font-weight: 600;
}
 .upload_img_post p a:hover{
    text-decoration: underline;
}
 .upload_img_post p a{
    position: relative;
    z-index: 999999;
}
 .recipe_post_details{
     padding-left: 74px;
}
 .add_recipe .inner_upload{
    flex-wrap: wrap;
}
 .add_recipe .cross-img{
     position: absolute;
     top: 7px;
     right: 7px;
     background-color: white;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     font-size: 15px;
     cursor: pointer;
}
 body .add_recipe .inner_upload .show_upload .fa-times{
    color: #ffffff;
    right: 9px;
    top: 9px;
    cursor: pointer;
}
 .inner_upload .show_upload .fa-times:hover{
    color: var(--orange);
}

 .upload_img_post{
     border: 2px dotted rgba(99, 99, 99, 0.25);
     border-style: dashed;
}
 body .recipe_post_details span .b-slider_label label{
     font-size: 0.65em !important;
     margin-bottom: 25px;
     color: var(--light-gary);
     text-transform: uppercase;
     font-weight: 700;
     text-transform: capitalize;
     display: inline-block;
     position: relative;
     left: -15px;
}
 body .inner_upload .show_upload .fa-times{
    position: absolute;
     right: 9px;
     top: 9px;
     color: #ffffff;
     font-size: 16px;
     cursor: pointer;
}
 .recipe_post_details span{
    margin-bottom: 0;
    color: var(--light-gary);
    width: 100%;
    float: left;
    font-weight: 700;
}
 body .inner_field textarea{
    height: 170px;
    resize: none;
    padding: 12px 10px !important;
}
 .inner_field textarea:focus, .inner_field input:focus{
    border: 1px solid var(--green);
}


 .card-body .field.has-numberinput{
    display: flex;
}
 .card-body .b-numberinput, .number{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    max-width: 115px;
    background-color: #fff;
    border: 1px solid var(--orange);
    padding: 0 6px;
     overflow: hidden;
    height: 37px;
    justify-content: space-between;
}
 .colm_warp{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}
 .colm_warp input{
    border: none;
    height: 39px;
    text-align: center;
}
 .inner_field{
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
 .colm_warp label{
    margin-bottom: 0
}
 .add_more .add_text{
    color: var(--green);
    font-size: 0.8em;
    font-weight: 700;
    text-decoration: underline;
}
 .add_more .plus_icon{
    width: 100%;
    height: 35px;
    border-radius: 100%;
    max-width: 35px;
    color: #ffff;
    text-align: center;
    position: relative;
    right: 4px;
}

 body .minus, body .plus{
    height: 100%;
    background: var(--white);
    border-radius:4px;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0;
    color: var(--orange);
    font-size: 25px;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
 body .recipe_post_details .btn{
    width: 100%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}
 body .recipe_post_details .btn-50{
    width: 48%!important;
    float: left;
}
 body .recipe_post_details .btn-50.mr-1{
    margin-right: 2%;
}
 body .edit_post .btn-50{
    width: 48%!important;
    float: left;
    font-size: 0.66em;
}
 body .edit_post .btn-50.mr-1{
    margin-right: 2%;
}
 body .add_more .green{
     color: var(--green);
     font-size: 0.65em;
     font-weight: 700;
     text-decoration: underline;
     text-transform: capitalize;
}
 .recipe_post_details .left{
    width: auto;
     float: left;
     font-size: 0.6em;
     position: relative;
     left: -9px;
     color: var(--gary-dark);
}
 .inner_recipe .slide_image{
    height: 300px;
    width: 100%;
    overflow: hidden;
    border-radius: 25px;
}
 .inner_recipe .slide_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 #__nuxt .inner_recipe .full-width{
    width: 100% !important;
    height: 100%;
    overflow: visible;
}
/*recipe css*/
/* popup css */
 .social-wrapper .popup-subtitle{
    color: var(--gary-dark);
}
 .card h3{
     font-size: 2em;
    color: var(--orange);
     text-align: center;
}
.edit_post .recommend_brand span{margin-left: 0;}
.edit_post .recommend_brand span span{padding-left: 18px;background-position: 1px 1px;}
 .card #image-event-label {
    background-color: var(--white);
}
 .form-group label{
    margin-bottom: 13px;
    color: var(--gary-dark);
    font-size: 0.8em !important;
    width: 100%;
    float: left;
    font-weight: 700;
}
/* .vm--block-scroll{
    overflow: hidden;
}
 */

 .add_recipe .recipe_post_details.col_6 .mention_editor .ProseMirror:focus,
 .dash_silder_recipes .comment_post .content .mention_editor .ProseMirror:focus,
 .inner_recipe .mention_editor .ProseMirror:focus,
 body .inner_field textarea:focus{
    border: 1px solid rgb(109 193 6) !important;
}
 .vm--modal .form-group{
     margin-bottom: 18px;
}
 body .vm--modal .card .form-group .form-control{
    padding: 0px 10px;
}
 body .vm--modal .card .form-group select{
    cursor: pointer;
}
 body .vm--modal .popup-content{
    color: var(--gary-dark);
}
 body.dark-theme .social-wrapper .popup-subtitle, body.dark-theme .vm--modal .popup-content{
    color: var(--white);
}
 body .vm--modal .cross_icon{
    color: #969696;
    top: 20px;
    right: 20px;
}
 body .popup-form label, body .popup-field label{
     font-weight: bold;
     font-size: 12px !important;
     margin: 0 !important;
     padding-bottom: 10px;
}
 button{
    border: none;
    cursor: pointer;
}
 body .comment-edit{
    top: 0;
    right: 0px;
}
 .dark-theme .comment-edit .list-dots, .dark-theme .action_buttons .list-dots{
     background-color: #151515;
     border: 1px solid #313131;
    box-shadow: inherit;
}
 .dark-theme .comment-edit .list-dots button, .dark-theme .action_buttons button{
    color: var(--white);
}
 .dark-theme .comment-edit .list-dots li, .dark-theme .action_buttons .list-dots li{
     border-bottom: 1px solid rgb(255 255 255 / 18%);
}
 .comment-edit .list-dots button, .action_buttons button{
     color: var(--gary-dark);
     font-size: 0.66em;
     display: flex;
     padding-left: 25px;
     background-position: left;
     font-weight: 700;
     width: 100%;
}
 .comment-edit .list-dots li:hover button, .action_buttons .list-dots li:hover button{
    color: var(--green);
}
 .comment-edit .list-dots li, .action_buttons .list-dots li{
     border-bottom: 1px solid rgba(176, 176, 176, 0.15);
     padding: 10px 0 10px 15px;
     width: 100%;
}
 .comment-edit .edit-dots, .action_buttons .edit-dots{
    line-height: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
}
 .action_buttons .list-dots li:last-child{
     border-bottom: none;
}
 .comment-edit .list-dots, .action_buttons .list-dots{
     background-color:
     var(--white);
     border-radius: 10px 0px 10px 10px;
     position: relative;
     top: 22px;
}
 .comment-edit .list-dots li .edit, .action_buttons .list-dots li .edit{
     background-image: url(../images/edit-icon.svg);
}
 .comment-edit .list-dots li .delete, .action_buttons .list-dots li .delete{
     background-image: url(../images/del-icon.svg);
}
 .comment-edit .list-dots li .bookmark, .action_buttons .list-dots li .bookmark{
     background-image: url(../images/save.svg);
}
 .card-body .wrapper{
     margin: 0;
}
 .vm--modal .sign_up .form-group {
     margin-bottom: 30px;
}
 .cross_icon{
     position: absolute;
     color: #ffffff00;
     font-size: 0px;
     right: 38px;
     top: 38px;
     width: 40px;
     height: 40px;
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     line-height: normal;
     z-index: 1;
     background-image: url(../images/cross.svg);
     background-position: center;
}
 .search_wrap .media {
     display: flex;
     align-items: center;
     padding: 12px 18px;
}
 .search_wrap .media-left {
     margin-right: 0;
     width: auto;
     max-width: 100%;
     overflow: hidden;
     border-radius: 100%;
}
 .search_wrap .media-left img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .dropdown-item .media-left span.author-img {
     width: 45px;
     height: 45px;
     display: block;
     border-radius: 100%;
     overflow: hidden;
}
 .dark-theme .search_wrap .media-content{
    color: var(--white);
}
 .search_wrap .media-content {
     font-size: 0.7em;
     line-height: 1.2;
     font-weight: 700;
     color: var(--gary-dark);
}
 .search_wrap small {
     font-size: 0.6em;
     color: var(--green);
}
 .dark-theme .search_wrap .dropdown-menu, .dark-theme .vm--modal .dropdown-menu.is-opened-top {
     background-color: transparent;
    box-shadow: inherit;
}
 .search_wrap{
    position: relative;
}

 .vm--modal .dropdown-menu.is-opened-top a{
    display: inline-block;
    width: 100%;
    padding: 3px 16px;
}

 .vm--modal .row{
    position: relative;
}
 .vm--modal .field.b-slider_label{
    max-width: 100%;
}
 .vm--modal .btn{
    width: 100%;
}
 span.dot {
     line-height: 0;
     font-size: 40px;
}
/* breadchrumbs */
 ol.BreadcrumbList {
     margin-top: 0;
     position: relative;
     bottom: 0;
}
 ol.BreadcrumbList li {
     position: relative;
}
 body ol.BreadcrumbList li:last-child a:after{
    display: none;
}
 ol.BreadcrumbList li:after {
     content: ">";
     font-size: 0.66em;
     font-weight: 700;
     margin-right: 11px;
     margin-left: 5px;
}
 .dark-theme ol.BreadcrumbList li a.nuxt-link-exact-active.nuxt-link-active:hover, ol.BreadcrumbList li a.nuxt-link-exact-active.nuxt-link-active:hover{
    color: var(--green) !important;
}
 ol.BreadcrumbList li a {
     color: rgba(99, 99, 99, 0.5);
     font-size: 0.66em;
     font-weight: 700;
}
 ol.BreadcrumbList li a.nuxt-link-exact-active.nuxt-link-active {
     color: #636363 !important;
}
 .dark-theme ol.BreadcrumbList li a {
     color: #ffffffba;
}
 .dark-theme ol.BreadcrumbList li a.nuxt-link-exact-active.nuxt-link-active {
     color: #fff !important;
}
/*recipe Detail css*/
 .recipe_details_page .colm_warp form{
    display: flex;
}
 .recipe_details_page form .number .control{
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 25px;
    background-color: transparent;
}

 .recipe_details_page form .number .control{
    margin-top: 0;
}
 .recipe_details_page form .number .no_of_persons_field .control .mdi-24px.mdi-set, .mdi-24px.mdi:before{
    font-size: 18px!important;
    font-weight: 600;
}
 .top-img_recipe{
    position: relative;
}
 .recipe_details_page .images_wrper{
    width: 100%;
    height: 450px;
     position: relative;
}



 .time-list li svg{
    margin-right: 13px;
}
 .time-list li:last-child{
    border: 0;
}
 .time-list li a:hover{
    opacity: 0.8;
}
 .recipe_details_page .wapper_details h3{
    font-size: 1.1em;
}
 .recipe_details_page .images_wrper img{
    width: 100%;
    position: relative;
    top: 0;
    height: 100%;
    object-fit: cover;
}
 .top-img_recipe .text_wrper{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    padding: 20px 0px 30px;
    position: relative;
}

 .top-img_recipe .text_wrper .left .author-img{
    display: inline-block;
    max-width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
}
 .top-img_recipe .text_wrper .right .author-text span{
    text-transform: capitalize;
    font-weight: 800;
}
 .top-img_recipe .text_wrper .avtar_sec{
    display: flex;
    align-items: center;
}
 .top-img_recipe .text_wrper .left .author-img img{
    width: 100%;
    position: relative;
    height: 100%;
}
 .dark-theme .srarting_post .content_wrap:before{
    background-color: #ffffff4a;
}

 .comment_post .avtar_sec .right .author-text, .top-img_recipe .text_wrper .right .author-text{
    font-size: 0.6em;
    display: block;
    font-weight: 600;
}
 .dark-theme .dash_silder_recipes .right .author-text, .dark-theme .comment_post .avtar_sec .right .author-text a, .dark-theme .top-img_recipe .text_wrper .right .author-text a{
    color: var(--white);
}


 .top-img_recipe .text_wrper .content{
    float: left;
}
 .top-img_recipe .text_wrper h3{
    font-size: 1.9em;
     font-weight: 800;
    line-height: normal;
    max-width: 948px;
}
 .recipe_details_page .summary p{
    margin-top: 0;
}
 .top-img_recipe .text_wrper .content p{
    font-size: 0.7em;
    color: var(--gary-dark);
}
 span.dot {
    line-height: 0;
    font-size: 40px;
}
 .silder_main .silder_img{
    border-radius: 25px;
    overflow: hidden;
    height: 300px;
    outline: none;
}
 .silder_main .silder_img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
 .inner_recipe p{
    font-size: 0.833em;
    margin-top: 100px;
    line-height: 1.8;
}
 .inner_recipe p a{
    color: var(--green);
}
 .silder_main .slick-dots{
    bottom: -74px;
}
 .silder_main .slick-dots li.slick-active button:before{
    opacity: 100%;
}
 .silder_main .slick-dots li button:before {
    opacity: 35%;
    color: var(--green)!important;
    font-size: 20px;
    line-height: 0px;
}
 .silder_main .slick-dots li{
    margin: 0 5px;
}
 .tab_list{
    background-color: var(--white);
    border-radius: 13px;
    padding: 21px 29px 16px;
}
 .tab_list li{
    padding: 17px 0px 17px 29px;
    font-size: 0.7em;
    border-bottom: 1px solid #c9c9c9a1;
    position: relative;
}
 body .tab_list li a.active{
    color: var(--green);
}
 .tab_list li:before {
    content: ".";
    position: absolute;
    left: 0;
    font-size: 80px;
    line-height: 0;
    color: var(--orange);
    top: 5px;
}
 .tab_list li:last-child{
    border: 0;
}
 .tab_list li a{
    color: var(--gary-dark);
    font-weight: 700;
    line-height: 0;
}
 .tab_list li a:hover{
    color: var(--green)
}
 .inner_recipe .colm_warp{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .inner_recipe .colm_warp .number input:focus{
    border: 0;
}
 .inner_recipe .colm_warp .number{
    padding: 0 1px;
    float: right;
    max-width: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .inner_recipe h3{
    font-weight: 800;
    font-size: 1.5em;
     color: var(--gary-dark);
}
 .inner_recipe .colm_warp label{
    font-size: 0.9em;
    font-weight: 700;
    text-transform: capitalize;
    margin-right: 30px;
    padding-top: 7px;
     display: inline-block;
    color: var(--gary-dark);
}
 table {
    border-collapse: collapse;
    width: 100%;
}
 td{
    position: relative;
    font-size: 0.7em;
    text-align: center;
    padding: 30px 0;
    font-weight: 700;
    color: #636363;
}
 th {
    text-transform: uppercase;
    text-align: center;
    padding: 30px 0;
    font-size: 0.7em;
    font-weight: 800;
    color: #636363;
}
 td:nth-child(1), th:nth-child(1){
    text-align: left;
}
 body td .btn{
    color: var(--orange);
    height: 35px;
    width: 138px;
    text-transform: capitalize
}
 td.br-name.green {
     font-style: italic;
}
 td.units {
     font-size: 0.6em;
}
 td.re_name {
     padding-left: 30px;
}
 td.re_name:before {
     content: ".";
     position: absolute;
     left: 0;
     font-size: 80px;
     line-height: 0;
     color: var(--orange);
     top: 27px;
}
 tr{
    border-bottom: 1px solid #dddddd;
}
 tbody tr:last-child{
    border: 0
}
 body .dash_silder_recipes .comment_post .avtar_sec {
     align-items: flex-start;
     flex-wrap: nowrap;
     padding-bottom: 0;
     justify-content: inherit;
}
 body .dash_silder_recipes .comment_post .show-comment-reply .avtar_sec{
    padding-bottom: 0;
}
 body.dark-theme .dash_silder_recipes .comment_post .avtar_sec input{
    color:var(--white);
    border: 1px solid #313131;
     margin-bottom: 21px;
     border-radius: 6px;
}
 body .dash_silder_recipes .comment_post .social_btn .like:before{
    left: 0;
}
 body .add_bag button{
    width: auto;
    height: 100%;
    border: 0;
    padding: 18px 55px;
}
 .comments .comment_post{
    position: relative;
}
 .comments .comment_post .content{
    width: 100%;
}
 .comments .comment_post .fa-edit{
     position: absolute;
     right: 45px;
     top: 30px;
     z-index: 1;
     cursor: pointer;
}
 .comments .comment_post .content .vue-star-rating{
    left: 0;
}
 .comment_post .vue-star-rating{
     left: 40px;
     position: relative;
}
 .comment_post .star-rating{
    justify-content: space-between;
}
 .comment_post .star-rating .btn{
    width: auto;
    height: 100%;
    padding: 12px 22px 10px;
    font-size: 0.6em;
}
 .preprations p{
    margin-top: 0;
    padding-bottom: 50px;
}
 .side_bar_list{
    margin-top: 80px;
}
 .comment_post {
     background-color: transparent;
     border-radius: 0px;
     border-top: 0.5px solid rgba(0, 0, 0, 0.11);
     padding: 40px 0px;
     margin: 0px 40px;
}
 .recipe_details_page form .comment_post{
    padding: 30px 29px 12px;
}

 .dark-theme .recipe_details_page .comment_post{
    background-color: #151515;
    border: 0;
}
/* .dark-theme .comment_post:first-child .content, .comment_post:first-child .content{
    border: 0;
}
 .dark-theme .comment_post .content:last-child, .comment_post .content:last-child{
    border: 0;
}
 .dark-theme .comment_post .content{
     border-bottom: 1px solid #ffffff45;
}
 */
 .dark-theme .comment_post-reply{
    border-top: 0px solid #ffffff4f;
}
 .comment_post-reply{
    border-top: 0;
    padding-bottom: 0;
}
/* .comments .comment_post-reply{
    margin-left: 40px !important;
    border-top: 0px solid #00000017;
    border-radius: 0;
    padding: 25px 29px 0;
    margin: 0;
    float: none;
    width: auto;
}
 */
 .comments input{
    border: 1px solid #00000017;
    margin-bottom: 15px;
    font-size: 0.66em;
    margin-top: 10px;
     border-radius: 5px;
}
 .dark-theme .comments input{
    border: 1px solid #313131;
    color:#fff
}
 .dark-theme .comments .comment_post .content{
    color: #fff;
}
 .comment_post .content{
     width: calc(100% - 60px);
}
 .submit_post button{
    margin-left: 15px;
}
 .comment_post .avtar_sec .right{
    width: 100%;
    position: relative;
}
 .comment_post .avtar_sec .right .content{
    width: 100%;
}
.dash_silder_recipes .comment_post .content .mention_editor .ProseMirror{
    margin-bottom: 0;
}
 .comment_post .content .mention_editor .ProseMirror{
     width: 100%;
     height: 50px;
     resize: none;
     padding: 12px 10px 10px 20px;
     border: 1px solid rgb(99 99 99 / 20%);
     margin-bottom: 0;
     outline: none;
     border-radius: 9px;
     overflow: hidden;
     top: 5px;
     position: relative;
     margin-bottom: 28px;
}
 .cancel_btn{
     float: left;
     position: absolute;
     top: 63px;
     right: -6px;
     font-size: 0.7em;
     color: var(--green);
     font-weight: bold;
     text-decoration: underline;
     z-index: 9;
}
/* .comment_post .content .post .cancel_btn, .comment_post .content .post .post_btn{
     border: none;
     width: 100%;
     text-align: center;
     background-color: #6DC106;
     border-radius: 25px;
     color: #ffff;
     font-weight: bold;
     padding: 8px 18px;
     margin-top: 30px;
     font-size: 0.8em;
     margin: 0 10px;
     line-height: normal;
     max-width: 100px;
     float: right;
     cursor: pointer;
     text-transform: capitalize;
}
 */
 body > .control .dropdown-menu {
     position: fixed !important;
     top: 81px !important;
}
 .author-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .avtar_sec .author-img > div {
     height: 100%;
}

 .comment_post .content p > div {
     margin: 15px 0;
}
 .vm--modal .form-group > span {
     position: relative;
     display: block;
}
 .comment_post .social_btn button{
     background-color: transparent;
     border: none;
     font-weight: bold;
     /* text-transform: uppercase; */
     font-size: 0.66em;
     cursor: pointer;
     outline: none;
     font-family: 'Nunito'!important;
     color:var(--btn_gray);
     position: relative;
     padding-left: 28px;
     margin-left: 20px;
}
 .comment_post .social_btn button:before {
     background-size: 18px;
}

body.dark-theme .menu_social ul li img{background-color: #fff;
    border-radius: 100%;}
 .comment_post .social_btn button:hover, body .dash_silder_recipes .comment_post .social_btn button.like.active{
    color: var(--orange);
    transition: 0.3s;
}
 .comment_post .social_btn .like:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/like_icon.svg);
    width: 24px;
    height: 21px;
    left: 0;
    top: -1px;
}
.email-token {
    display: flex;
    align-items: center;
    justify-content: center;
}
 body .dash_silder_recipes .comment_post .social_btn .like.active:before, .comment_post .social_btn .like:hover:before{
    background-image: url(../images/like_icon_h.svg);
    transition: 0.3s;
}
 body .dash_silder_recipes .comment_post .social_btn .bookmark.active:before, .comment_post .social_btn .bookmark:hover:before{
    background-image: url(../images/save.svg);
    transition: 0.3s;
}
 .comment_post .social_btn .reply:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/comment_icon.png);
    width: 21px;
    height: 21px;
    left: 0;
    top: 2px;
}
.edit_post input.input {
    height: 48px;
}
 .comment_post .social_btn .reply:hover:before{
    background-image: url(../images/comment_icon_h.png);
    transition: 0.3s;
}
 .comment_post .social_btn button.like {
     margin-left: 0;
}
 .comment_post .social_btn button.like {
     margin-left: 0;
     /* border-right: 1px solid #0000001c; */
     padding-right: 22px;
}
 .show-comment-reply .content p{
    font-size: 0.6em;
}
 .show-comment-reply .social_btn button{
     padding-left: 26px;
     font-size: 0.66em;
}
 .show-comment-reply .avtar_sec .author-img {
     max-width: 50px;
     height: 50px;
}
 
 .inner_slider {
     height: 100%;
}
 .inner_slider div {
     height: 100%;
}
 .inner_slider iframe{
    height: 100%;
    width: 100%;
}
 .wall_tab_sec [data-tab-content] {
     display: none;
}
 .wall_tab_sec .active[data-tab-content] {
     display: block;
}
 .icon.is-right.is-small.is-clickable{
     position: absolute;
     right: 13px;
     top: 4px;
}
 .icon.is-right.is-small.is-clickable .mdi-close-circle::before{
     color: var(--green);
}
 .srarting_post .author-img > div{
    height: 100%;
}
 .srarting_post .author-img img{
    width: 100%;
     height: 100%;
    object-fit: cover;
}
 .srarting_post .author-img{
    display: inline-block;
    width: 60px;
    height: 60px;
     border-radius: 100%;
    overflow: hidden;
}
/*Status css*/
 .upload_status_text{
    border-radius: 25px;
    padding: 35px 55px 70px;
}
 .upload_status_text p{
    font-size: 0.8em
}
 .upload_status_text form textarea{
     font-family: 'Nunito';
    resize: none;
    width: 100%;
    border: 0;
    outline: none;
    height: 226px;
    font-size: 0.9em;
}
 .upload_status_photo .show_upload{
    max-width: 168px;
    margin-bottom: 30px;
}
 .upload_status_photo .inner_upload{
    flex-wrap: wrap;
}
 .upload_status_photo{
    display: flex;
    align-items: center;
}
 .upload_status_photo .inner_upload button{
    cursor: pointer;
     width: 100%;
    border: 0;
    max-width: 420px;
    margin-left: auto;
    float: right;
    height: 100%;
    padding: 15px 16px;
}
 .upload_status_text .form-control:focus{
    border:none!important;
}
/* search field */
 .control .dropdown-menu{
    right: 0px !important;
}
 .control .dropdown-menu .dropdown-content{
     background-color: var(--white);
     padding: 5% 8%;
     -webkit-box-shadow: 0px 20px 26px 0px rgb(223 224 221 / 70%);
     -moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 9%);
     box-shadow: 0px 20px 26px 0px rgb(223 224 221 / 70%);
}
 .control .dropdown-menu .dropdown-content .dropdown-item .media{
     display: flex;
     align-items: center;
     cursor: pointer;
     padding: 18px 13px;
     box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);
     border-radius: 20px;
     margin-bottom: 20px;
}
 .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered .media, .control .dropdown-menu .dropdown-content .dropdown-item .media:hover{
     background-color: #efefef;
}
 .control .dropdown-menu .dropdown-content .dropdown-item:last-child(2) .media{
    border:none
}
 .control .dropdown-menu .dropdown-content .dropdown-item .media .media-content{
    font-size: 0.65em;
     line-height: 1.1;
    margin-left: 10px;
}
 .dark-theme .control .dropdown-menu .dropdown-content .dropdown-item .media{
     border: 1px solid rgb(255 255 255 / 21%);
}
 .dark-theme .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered .media, .dark-theme .control .dropdown-menu .dropdown-content .dropdown-item .media:hover{
     background-color: rgba(255, 255, 255, 0.1);
}
 .recipe_post_details .control .dropdown-menu .dropdown-content{
    padding: 0;
    position: relative;
    z-index: 1;
    max-height: 29vh;
}
/* .recipe_post_details .control .dropdown-menu {
    right: 46% !important;
}
 */
 .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered, .control .dropdown-menu .dropdown-content .dropdown-item:hover{
    background-color: var(--green);
    color: var(--white);
}
 .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered span, .control .dropdown-menu .dropdown-content .dropdown-item:hover span{
    background-color: var(--green);
    /* color: var(--white); */
}
/* yasir css */
 .comment_post .content .post .post_btn{
    background-image: url(../images/send.svg);
    font-size: 0;
    width: 28px;
    height: 28px;
}
 .comment_post .content{
    position: relative;
}
 .comment_post .content .post{
    position: absolute;
    right: 14px;
    top: 15px;
    line-height: 0;
}
 .dash_silder_recipes .text_wrper h3 a {
     color: var(--green);
}
 .edit_profile_popup .image_col{
     width: 174px;
     height: 174px;
     position: relative;
     border-radius: 100%;
     overflow: hidden;
}
 .chief_about .inner_silder .col_4 .text_wrper h4:nth-child(1) a{
    font-size: 0.9em;
}
 .edit_profile_popup .image_col img{
     width: 100%;
     object-fit: cover;
     height: 100%;
     border-radius: 100%;
}
 .edit_profile_popup .image_col .upload_img{
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 0;
     opacity: 0;
     z-index: 9999;
     height: 60px!important;
     cursor: pointer;
     font-size: 0;
}
 .edit_profile_popup .image_col .img_text{
    position: absolute;
     position: absolute;
     top: 114px;
     background-color: #060606b8;
     display: flex;
     align-items: center;
     flex-direction: column;
     width: 100%;
     height: 60px;
     padding-top: 9px;
}
 .edit_profile_popup .image_col .img_text span{
     font-size: 0.5em;
     color: #fff;
}
 .edit_profile_popup .row.tittle{
     margin-bottom: 30px;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
 .edit_profile_popup .tittle h3{
     text-align: left;
     padding-left: 20px;
     font-size: 1.8em;
     font-weight: 800;
}
/* #__nuxt .inner_silder .slick-arrow.slick-next {
    right: 61px;
}
 #__nuxt .inner_silder .slick-arrow.slick-prev {
    right: 128px;
    left: inherit;
}
 */
 .silder_recipes .slick-arrow, .inner_silder .slick-arrow, .sec_discover .silder_recipes .slick-arrow{
    opacity: 1 !important;
}
 #__nuxt .silder_main.images_wrper:hover .slick-arrow, .dash_silder_recipes .images_wrper:hover .slick-arrow {
    opacity: 1;
}
 .silder_recipes .slick-next, #__nuxt .silder_main.images_wrper .slick-next, #__nuxt .dash_silder_recipes .slick-next{
    right: 20px;
}
 .silder_recipes .slick-prev, #__nuxt .silder_main.images_wrper .slick-prev, #__nuxt .dash_silder_recipes .slick-prev{
    left: 20px;
}
 .edit_profile_popup .tittle p{
    text-align: left;
}
 .silder_recipes .slick-arrow:hover, .inner_silder .slick-arrow:hover, #__nuxt .silder_main.images_wrper .slick-arrow:hover, .dash_silder_recipes .slick-arrow:hover{
    background-color: var(--orange) !important;
}
 .silder_recipes .slick-arrow, .inner_silder .slick-arrow, #__nuxt .silder_main.images_wrper .slick-arrow, .dash_silder_recipes .slick-arrow {
    background-color: var(--white) !important;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    opacity: 0;
    transition: all 0.2s;
}
 .silder_recipes .slick-arrow.slick-prev:before, .inner_silder .slick-arrow.slick-prev:before, #__nuxt .silder_main .slick-arrow.slick-prev:before, .dash_silder_recipes .slick-arrow.slick-prev:before{
    content: "";
    background-image: url(../images/arrow_right.svg);
    opacity: 1;
    width: 8px;
    height: 14px;
    display: block;
    margin: auto;
    transform: rotate( 180deg );
}
 .silder_recipes .slick-arrow.slick-next:before, .inner_silder .slick-arrow.slick-next:before, #__nuxt .silder_main.images_wrper .slick-arrow.slick-next:before, .dash_silder_recipes .slick-arrow.slick-next:before{
     content: "";
     background-image: url(../images/arrow_right.svg);
     opacity: 1;
     width: 8px;
     height: 14px;
     display: block;
     background-position: center;
     margin: auto;
     transform: rotate( 0deg );
}
 .silder_recipes .slick-arrow.slick-prev:hover:before, .inner_silder .slick-arrow.slick-prev:hover:before, #__nuxt .silder_main.images_wrper .slick-arrow.slick-prev:hover:before, .dash_silder_recipes .slick-arrow.slick-prev:hover:before{
    content: "";
    background-image: url(../images/arrow_left.svg);
    transform: rotate( 0deg );
}
 .silder_recipes .slick-arrow.slick-next:hover:before, .inner_silder .slick-arrow.slick-next:hover:before, #__nuxt .silder_main.images_wrper .slick-arrow.slick-next:hover:before, .dash_silder_recipes .slick-arrow.slick-next:hover:before{
     content: "";
     background-image: url(../images/arrow_left.svg);
     transform: rotate( 180deg );
}
 @media only screen and (max-width: 1450px){
    body .sec_discover .container, 
    body .sec_about .container{max-width: 1280px;}
    .chief_about .sec_text.col_4{width: 33.33%;}
     body .inner_silder .slick-arrow{
        bottom: 70px;
    }
     body .signup_text {
         font-size: 0.7em;
         padding-left: 25px;
         padding-right: 25px;
    }
     .profile_header .profile_col .text_wrper .following_media ul li span.fo-count {
         font-size: 0.7em;
    }
     .profile_header .profile_col .text_wrper h6 {
         font-size: 0.8em;
         margin-bottom: 0;
    }
     .profile_header .profile_col .text_wrper h4 {
         font-size: 1.15em;
    }
     .profile_header .profile_col .text_wrper .about-icon {
        top: 6px;
    }
     .notifi_box{
        max-width: 280px;
    }
     .header .right_block .login .img_wrap {
         width: 45px;
         height: 45px;
         border-radius: 100%;
    }
     .menu ul li a {
        font-size: 0.7em;
        margin-left: 9px;
    }
    .non_login .menu ul li span {
        margin-right: 0;
    }
     .header .right_block .login .name h5{
        font-size: 0.7em;
    }
     .header .right_block .login_wrap {
        margin-left: 20px;
    }
     #top-menu ul li{
        display: flex;
        align-items: center;
    }
    /* edit popup */
     body .edit-popup.vm--modal{
        width: 100%!important;
         max-width: 650px;
    }
     body .btn{
        font-size: 0.7em;
        width: 150px;
        height: 45px;
    }
     .sec_text p {
        font-size: 0.7em;
        max-width: 545px;
    }
     .colum_list p {
        font-size: 0.8em;
        padding-top: 20px
    }
     body .colum_list {
        padding: 50px 20px 80px;
    }
     .sec_discover .sec_text p {
        padding-bottom: 30px;
    }
     .list-group .list-group-item{
        font-size: 0.7em;
    }
     .chief_about .inner_silder .col_4 .text_wrper h3 {
        font-size: 0.9em;
    }
     .chief_about .inner_silder .col_4 .text_wrper h4 {
        font-size: 0.8em;
    }
     .following_media ul li span.fo-count{
        font-size: 0.4em;
    }
     .chief_about .inner_silder .col_4 .text_wrper h4 a {
        font-size: 0.6em;
        padding-top: 10px;
    }
     .chief_about .inner_silder .col_4 .images_wrper .author-img {
        width: 90px;
        height: 90px;
    }
     .chief_about .inner_silder .col_4 .images_wrper {
        top: -48px;
    }
     .chief_about {
        min-height: 704px;
    }
     .sec_subscription .colum_list img {
         width: 100%;
        max-width: 30%;
    }
     .colum_list .btn {
        font-size: 0.5em;
         padding: 5px 10px;
    }
     small {
        font-size: 57%;
    }
     .sec_subscription .colum_list .col_4 p.mt-3{
        padding: 5px 0;
        line-height: normal;
    }
     .sec_subscription .colum_list button{
        font-size: 0.6em;
        max-width: 130px;
        padding: 10px 4px;
    }
     body .sec_contact .row-form label {
        font-size: 0.4em;
    }
     .footer_menu .menu ul li a {
        font-size: 0.7em;
    }
     .footer_menu .menu ul li{
        margin-bottom: 10px;
        /* margin-left: 0;
         */
    }
     #contact-us input{
        height: 40px;
    }
     body .sec_contact .row-form .col_12 textarea {
        height: 90px;
    }
}
 @media only screen and (max-width: 1280px){
    body .dashboard_menu .menu ul li a{ margin-left: 5px;}
    body .sec_discover .silder_recipes .text_wrper h3{    font-size: 0.7em;}
     
     .top-img_recipe .text_wrper h3 {
         font-size: 1.5em;
    }
     body .select2-container--default.select2-container{
        width: 100% !important;
    }
     body .select2-container--default .select2-selection--single{
        height: 40px;
    }
     .top-img_recipe .text_wrper h3 {
         font-size: 1.2em;
         font-weight: 800;
    }
     .header .right_block .login .img_wrap{
        margin-right: 6px;
    }
     .header .right_block .login .name h5 {
        font-size: 0.6em;
    }
     .header .right_block .login_wrap {
        margin-left: 7px;
    }
     .menu ul li a {
        font-size: 0.6em;
    }
     .menu_container .logo {
        margin-right: 1.5vw;
    }
     .container{
        padding: 0 25px;
    }
     body .edit-popup.vm--modal {
         width: 100%!important;
         max-width: 600px;
    }
     .edit_profile_popup .image_col{
        width: 150px;
         height: 150px;
    }
     .edit_profile_popup .image_col .img_text{
        top: 89px;
    }
}
 @media only screen and (max-width: 1024px){
     body .sec_contact .row-form .button {
         display: inline-block;
         width: 100%;
    }
     body .menu ul li a {
        font-size: 0.6em;
        margin-left: 3px;
    }
}
 @media only screen and (max-width: 980px){
     body .inner_silder .slick-arrow {
         bottom: 0;
    }
     body .noti_count{
        top: 0;
    }
     body .fa-search {
         width: 48px;
         height: 48px;
    }
     .header .right_block .login_wrap .btn{
        display: none;
    }
     .menu_container .left_block #top-menu div button{
        display: block;
         text-align: left;
        font-size: 0.9em;
        color:var(--gray);
        background-color: transparent;
         margin: 0;
        border-bottom: #dddddd 1px solid;
         border-radius: 0;
        text-transform: capitalize;
    }
    
    .dark-theme .menu_container .left_block #top-menu div button{border-bottom: #313131 1px solid;}
    .non_login .menu_container .left_block #top-menu div button{margin-left: 20px;}
    #Recipes .recipe_sub_menu li {margin: 0;}
     .dashboard_menu .menu ul li{
        margin-right: 0;
        margin-left: 0;
    }
     body.dark-theme .banner_bg:before{
         display: none;
    }
     .edit_profile_popup .row.tittle{
        flex-direction: column;
    }
     .vm--modal .edit_profile_popup .tittle h3{
        text-align: center;
        font-size: 1.3em;
        padding-left: 0;
    }
     .edit_profile_popup .tittle .col-8, .edit_profile_popup .tittle .col-4{
        flex: 100%;
        max-width: 100%;
    }
     .card.edit_profile_popup .form-group{
        margin-bottom: 0;
    }
     .edit_profile_popup .tittle p{
        text-align: center;
    }
     #top-menu svg{
        display: none;
    }
     #top-menu{
        display: none;
    }
     .left_menu_wrap{
        display: block;
    }
     .header .right_block a.login-text{
        display: flex;
        align-items: center;
    }
     .header .right_block a.login-text img {
         max-width: 14px;
         width: 100%;
    }
     #left_menu img{
        display: none;
    }
     .mobile_menu{
        left:0;
        top: 0;
        z-index:1000000;
         font-weight:bold;
         font-size:0.8em;
         width:100%;
         background:var(--bg);
         position:absolute;
         text-align:center;
         font-size:12px;
    }
     .mobile_menu {
        margin: 0;
         padding: 0;
         list-style-type: none;
         list-style-image: none;
    }
     .mobile_menu li {
        display: block;
        /* padding:15px 0 15px 0;
         */
        /* border-bottom:#dddddd 1px solid;
         */
    }
     .mobile_menu li a {
        color:var(--gary);
        text-decoration:none;
         margin: 0px;
    }
     .mobile_menu li a:hover {
         color:var(--green);
         text-decoration:none;
    }
     .mobile_menu a:hover{
        text-decoration:none;
         color:var(--green);
    }
     .mobile_menu li.active a{
         color:var(--green)
    }
     .side_bar .top_recipe .content_wrap a{
         font-size: 0.6em;
    }
     .wrapper .col_8{
        width: 100%;
        padding: 0;
    }
     .wrapper .col_4{
        width: 100%;
        padding: 0;
    }
     .menu_container .logo{
        margin-left: 12px;
    }
     .add_recipe .inner_upload .show_upload {
        width: 30%;
    }
}
 @media only screen and (max-width: 767px){
     .profile_header .profile_col .text_wrper h4{
        margin-top: 10px;
        margin-right: 0;
    }
     .profile_header .profile_col .text_wrper .following_media ul{
        justify-content: center;
    }
     body .edit-popup.vm--modal{
        max-width: 500px;
    }
     .profile_header .profile_col .text_wrper .following_media ul li {
        margin-right: 5px;
    }
     .profile_header .profile_col .text_wrper .following_media ul li:after {
        right: -4px;
    }
}
 @media only screen and (max-width: 700px){
     .add_recipe .inner_upload .show_upload {
        width: 30%;
    }
     .sec_discover .silder_recipes .slick-slide .recipe_slide{
        -webkit-box-shadow: -6px 6px 54px -15px rgb(101 105 104 / 52%);
         -moz-box-shadow: -6px 6px 54px -15px rgba(101,105,104);
         box-shadow: -6px 6px 54px -15px rgb(101 105 104 / 52%);
    }
}
 @media only screen and (max-width: 650px){
    body .error_wrp {
        position: relative !important;
        top: -42px;
        bottom: 0 !important;
    }
    body .method_error{    bottom: 25px !important;}
     .force-slider {
         margin-top: 30px;
    }
     body .srarting_post .upload_data .btn{
         margin-bottom: 17px;
        width: 156px;
        font-size: 0.5em;
    }
     body .srarting_post .upload_data{
        min-height: 148px;
        max-width: 194px;
    }
     body .inner_input_three .col_7 {
         width: 100%;
         margin-right: 0;
    }
     body .inner_input_three .col_1 {
         width: 100%;
         max-width: 35px;
    }
     body .inner_input_three{
    flex-wrap: wrap;
    }
     body .inner_input_three .col_2{
        width: 42%;
    }
     .inner_silder .slick-arrow, #__nuxt .silder_main .slick-arrow, .dash_silder_recipes .slick-arrow{
        width: 35px;
         height: 35px;
    }
     body .inner_silder .slick-arrow {
         bottom: -38px;
    }
     body #modals-container .vm--modal{
         margin-bottom: 35px;
    }
     .sec_discover .silder_recipes .text_wrper .content{
        min-height: 100%;
    }
     body .header .right_block a.login-text img {
        max-width: 25px;
    }
     body .notifi_box{
        min-width: 198px;
        top: 45px;
    }
    
     .dark-theme .banner_bg{
        margin-top: 0 !important;
    }
     body .margin-top-102 {
        margin-top: 74px;
    }
     .control .dropdown-menu {
         right: 0 !important;
         width: 100%!important;
         max-width: 100%!important;
         left: 0!important;
    }
     body .container{
        padding: 0 20px;
    }
     body .all_list_members .center_contain{
        padding-right: 0;
    }
     body .all_list_members .side_bar{
        padding-left: 0;
        margin-top: 0;
    }
     .google-signin{
        margin-right: 0!important;
    }
     .facebook-signin{
        margin-left: 0!important;
    }
     body .all_list_members .menu_button .tab_menu_center li{
        height: 100%;
        font-size: 0.8em !important;
        width: auto;
        margin: 0 6px;
    }
     body .all_list_members .side_bar .top_recipe .content_wrap {
         margin-left: 20px;
         margin-right: 20px;
         justify-content: center 
    }
     .wall_tab_sec .friend_list .content_wrap .btn_wrapper .btn, .wall_tab_sec .friend_list .content_wrap .btn_wrapper button{
        float: none;
    }
     body .side_bar .top_chef .img_wrap{
         margin-left: auto;
        max-width: 45px;
         height: 45px;
    }
     .side_bar .top_recipe .content_wrap .img-col{
         width: 100%;
         flex-wrap: wrap;
         flex-direction: column;
         justify-content: center;
    }
     .wall_tab_sec .friend_list .content_wrap .btn_wrapper{
        flex-wrap: wrap;
        justify-content: flex-end;
    }
     .login.d-flex.flex-align.profile_div .name{
        display: none;
    }
     .side_bar{
        margin-top: 30px
    }
     h3 {
        font-size: 0.8em;
    }
     .dash_silder_recipes .text_wrper .social_btn .share:before{
        top: 3px !important;
    }
     .dash_silder_recipes .text_wrper .social_btn .share:before, .dash_silder_recipes .text_wrper .social_btn .comment:before, .dash_silder_recipes .text_wrper .social_btn .like:before {
        left: -27px;
        top: 0px;
        background-size: 17px;
        background-repeat: no-repeat;
    }
     .dash_silder_recipes .text_wrper .social_btn button{
        font-size: 0.5em;
    }
     body .social_btn{
        margin-top: 6px;
    }
     body .wrapper .dash_silder_recipes hr{
        margin: 16px 0;
    }
     .dash_silder_recipes .text_wrper .content p {
        font-size: 0.6em;
    }
     .dash_silder_recipes .text_wrper{
        padding: 20px 33px 30px;
    }
     .wrapper .col_8 hr {
        margin: 30px 0;
    }
     .srarting_post .input_text .upload img{
        width: 100%;
        margin-left: 0 !important;
    }
     .srarting_post .input_text .upload{
        max-width: 40px;
        width: 100%;
    }
     .srarting_post .input_text {
        width: 100%;
        align-items: center;
    }
     .srarting_post .content_wrap .img_wrap {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
     .srarting_post .content_wrap {
        align-items: center;
    }
     .srarting_post .content_wrap:before{
        top: 50px;
    }
     .srarting_post h5{
         font-size: 0.7em;
    }
     .srarting_post .content_wrap{
         margin-top: 20px;
    }
     .srarting_post .input_text input[type=text]{
         font-size: 0.5em;
    }
     header .left_block{
        max-width: 32%;
        width: 100%;
        /* display: flex;
         */
    }
     header .left_block img{
        width: 100%
    }
     body .hamburger{
        background-size: 25px;
        top: 0px;
    }
     .header .right_block .login .img_wrap {
        width: 30px;
        height: 30px;
    }
     body .avtar_sec .author-img{
        max-width: 44px;
        height: 44px;
        overflow: hidden;
    }
     .show-comment-reply .avtar_sec .author-img {
        max-width: 44px;
        height: 44px;
    }
     .tab_list{
        padding: 21px 20px 16px;
    }
     body .dash_silder_recipes {
         margin-bottom: 22px;
    }
     body .save {
         position: absolute;
         right: 22px;
         top: 85px;
    }
     .comment_post .social_btn .reply:before, .comment_post .social_btn .like:before{
        background-size: 18px;
    }
     body .comment_post .social_btn button{
        font-size: 0.6em;
    }
     body .comment_post .content p{
        font-size: 0.66em;
        text-align: left;
    }
}
 @media only screen and (max-width: 600px){
     body .toasted-container {
        min-width: inherit;
        margin-left: 20px;
        margin-bottom: 20px;
        max-width: 280px;
    }
}
 @media only screen and (max-width: 483px){
     body .footer_logo img{max-width: 140px;width: 100%;;}
     .add_recipe .inner_upload .show_upload {
        width: 29%;
    }
}
 @media only screen and (max-width: 480px){
    body .light_grey p{
        font-size: 0.6em;
        padding: 0;
    }
     #__nuxt .recipe_details_page .full-width{
        height: 100%;
    }
     body .recipe_details_page ol.BreadcrumbList {
         bottom: -41px;
    }
     body .form-group.popup-field {
        padding-bottom: 15px;
    }
    body .profile_box ul li a, body .profile_box ul li .main_theme_setting .setting_theme,
     body .profile_box ul li a {
         font-size: 0.5em;
    }
    .profile_box ul li:first-child{
        font-size: 0.5em;
    }
     body span.sharewapper a{
        display: block;
    }
     .shared .dash_silder_recipes .text_wrper .avtar_sec{
         flex-wrap: nowrap;
    }
     .shared .dash_silder_recipes .text_wrper {
         padding-right: 0;
    }
    
     .shared .dash_silder_recipes .text_wrper .author-text{
        font-size: 0.5em;
    }
     body .header .right_block a.login-text img {
         max-width: 20px;
    }
     .comment_post .content .mention_editor .ProseMirror{
        padding: 12px 5px 10px 10px;
    }
     .comment_post .avtar_sec .right .author-text, .top-img_recipe .text_wrper .right .author-text{
        font-size: 0.5em;
    }
     .comment_post .avtar_sec .right .post-date-time, .top-img_recipe .text_wrper .right .post-date-time{
         font-size: 0.45em;
    }
     .menu_button li.btn:last-child {
         max-width: 106px;
    }
     .recipe_details_page .comment_post .vue-star-rating svg {
         width: 16px;
         height: 16px;
    }
     span.vue-star-rating-rating-text {
         font-size: 13px;
    }
     body span.sharewapper {
         font-size: 0.5em;
    }
     .recipe_details_page .comment_post .vue-star-rating {
        left: 27px;
    }
     body .dash_silder_recipes .comment_post .avtar_sec input{
         height: 36px;
    }
  
     body .notifi_box{
        top: 40px !important;
    }
     body .menu_container{
        padding-bottom: 10px;
    }
     body .mobile_menu{
        top: 52px;
    }
     body .cross{
        top: 35px;
        font-size: 1.6em;
        left: 16px;
    }
     .control .dropdown-menu .dropdown-content .dropdown-item .media .media-content {
         font-size: 0.45em;
    }
     body td.units {
        font-size: 0.4em;
    }
     body td, body th {
        font-size: 0.5em;
        padding: 20px 0;
    }
     body td .btn {
        height: 23px;
        width: 92px;
        font-size: 0.7em;
    }
  
    
    
    body .recipe_details_page .time-list ul li a{
        line-height: 2.1;
    }
   
     .silder_main .silder_img{
         height: 200px;
    }
     body .wapper_details.col_9{
        padding-right: 0
    }
     .silder_main .slick-dots li button:before{
        font-size: 20px;
    }
     .silder_main .slick-dots li {
        margin: 0 3px;
    }
     body .inner_recipe h3 {
        font-size: 0.9em;
    }
     body .inner_recipe .colm_warp label {
        font-size: 0.6em;
         margin-right: 17px;
    }
     body .inner_recipe .colm_warp .number {
         max-width: 87px;
    }
     body .add_bag button{
        padding: 15px 23px;
        font-size: 0.6em;
    }
     body .preprations{
        padding-top: 0;
    }
     td.re_name {
        padding-left: 15px;
    }
     td.re_name:before{
        top: 23px;
        font-size: 40px;
    }
     body .comment_post .social_btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: left;
    }
     body .comment_post .avtar_sec .author-img{
        margin-right: 10px;
    }
     body .hamburger{
        background-size: 18px;
    }
     .header .right_block .login .name h5 {
        font-size: 0.4em;
    }
     body .add_recipe .inner_upload .show_upload img{
        max-width: 100%;
    }
     .add_recipe .inner_upload .show_upload {
        height: 120px;
    }
     .comment_post{
        padding: 15px 0px;
    }
}
 @media only screen and (max-width: 378px){
     body .comment_post {
         margin: 0px 10px;
    }
     .comment_post .content .post .post_btn{
         background-size: 20px;
         background-position-x: 11px;
         background-position-y: 45%;
    }
     body .comment_post .social_btn button {
         font-size: 0.5em;
    }
     .add_recipe .inner_upload .show_upload {
        width: 28%;
        height: 85px;
    }
     .side_bar .top_recipe > a{
        margin-right: 0;
    }
}
 @media only screen and (max-width: 360px){
    body .add_more .plus_icon{right: 5px !important;}
    body .inner_input_three .col_2 {
        width: 41.5% !important;
    }
     body .all_list_members .menu_button ul.tab_menu_center li {
        max-width: 100%;
        font-size: 0.44em !important;
        margin: 0 5px;
    }
     section.wrapper.wall_tab_sec.all_list_members .container {
         padding: 0 !important;
    }
     body .oembed-video:before {
         background-size: 70px;
    }
     body .menu_button li.btn:last-child {
         max-width: 101px;
    }
     body ol.BreadcrumbList li a {
         font-size: 0.44em;
    }
     body .menu_button li.btn{
        max-width: 95px;
         margin-right: 8px;
    }
     body .dash_silder_recipes .text_wrper .social_btn button:after {
         right: -25px;
    }
    .dash_silder_recipes .text_wrper .social_btn .share:before, .dash_silder_recipes .text_wrper .social_btn .comment:before, .dash_silder_recipes .text_wrper .social_btn .like:before {
        left: 3px;    background-size: 15px;
    }
     body .dash_silder_recipes .text_wrper .social_btn button{
        padding-left: 23px;
        font-size: 0.44em;
    }
     body .search_wrap{
         top: 3px;
    }
     body .mobile_menu {
         top: 50px;
    }
     body .bootkit{
        max-width: 50px;
         height: 50px;
         top: -22px;
    }
     body .bootkit a{
        font-size: 0.3em;
         background-position: 49% 3px;
         background-size: 12px;
    }
     .login.d-flex.flex-align.profile_div .name{
        background-position: 100% 12px;
         padding-bottom: 2px;
    }
     .side_bar h5{
        font-size: 0.7em;
    }
     .dash_silder_recipes{
        margin-bottom: 25px
    }
     .dash_silder_recipes .text_wrper .left{
        margin-right: 0;
        height: 53px;
    }
     .header .right_block .login_wrap {
        margin-left: 4px;
    }
     .menu_container .logo {
        margin-left: 0;
    }
     body .hamburger {
        background-size: 16px;
        padding: 0;
        width: 18px;
        top: -3px;
    }
     .dash_silder_recipes .text_wrper {
         padding: 20px 19px 18px;
    }
     .bootkit{
        max-width: 65px;
        height: 65px
    }
     .bootkit a{
        font-size: 0.5em;
    }
     .dash_silder_recipes .text_wrper .left .author-img{
        width: 50px;
         height: 50px
    }
}
/*recipe css*/
@media only screen and (max-width: 1700px){
    .light-theme .sec_banner .banner_text {padding-top: 8%;}
    .dark-theme .sec_banner .banner_text{padding-bottom: 14%;}
}

@media only screen and (max-width: 1450px){
   
    .search_folders #searching input:focus{width: 200px;}
    .srarting_post .mt-4{margin-top: 40px;}
     #searching input {
        width: 40px;
        height: 40px;
        background-position: 11px;
    }
     .margin-top-102 {
        margin-top: 73px;
    }
     #searching input:focus {
        width: 256px;
        font-size: 0.65em;
    }
     .header .right_block .login_wrap .btn {
         padding: 10px 10px;
         font-size: 0.55em;
    }
     .inner_input_three .col_7{
        width: 58%;
    }
     .menu ul li a {
        font-size: 0.7em;
        margin-left: 9px;
    }
    #Recipes .recipe_nav {
        margin-left: 0px;
    }
     .header .right_block .login .name h5{
        font-size: 0.7em;
    }
     #top-menu ul li{
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 1420px){
 .non_login  #searching input:focus {
        width: 182px;}    
}
@media only screen and (max-width: 1347px){
    .tab_folder .search_folders h3.content_title{    font-size: 0.9em;}
    .non_login .menu_container .logo img {width: 100%;max-width: 150px;}
    .non_login .menu ul li {margin-left: 15px;}
    .non_login .menu ul li a {margin-left: 4px;}
    .non_login button.white.orange_bg.btn.ml-2 {margin-left: 5px}
    .non_login button.white.green_bg.btn.mr-4 {margin-right: 15px;}
     .header.non_login .right_block .login_wrap .btn {width: 85px;margin-left: 10px;
    }
}
@media only screen and (max-width: 1085px){
    .non_login #searching input:focus {width: 158px;}
    .non_login .menu_container .logo img {max-width: 125px;}
}

@media only screen and (max-width: 1280px){
     body .profile_box{
        top: 55px;
    }
     .recipe_details_page .wapper_details h3 {
         font-size: 0.9em;
    }
     .col_1{
        width: 11%;
    }
     .inner_input_three .col_7 {
        width: 65%;
    }
     .header .right_block .login .img_wrap{
        margin-right: 6px;
    }
     .header .right_block .login .name h5 {
        font-size: 0.6em;
    }
     .header .right_block .login_wrap {
        margin-left: 7px;
    }
     .menu ul li a {
        font-size: 0.6em;
    }
     .menu_container .logo {
        margin-right: 1.5vw;
    }
     .container{
        padding: 0 25px;
    }
}



@media only screen and (max-width: 980px){
    body .toprecipeschefsweek {background: rgb(0 0 0 / 73%) !important;}
    .side_bar {display: none;}
    .toprecipeschefsweek .vm--modal .side_bar{display: block;}
    .toprecipeschefsweek .vm--modal .side_bar .top_recipe {padding: 0;margin-top: 0;}
    .toprecipeschefsweek .recipe_heding {padding: 15px 0;text-align: center;margin-left: -10px;}
   .dark-theme .top_week_sidebar ul .btn{
    background-color: #151515;
    color: #fff;
   }
   .top_week_sidebar ul .btn:last-child{margin-right: 0;}
    .top_week_sidebar ul .btn {
        background-color: var(--white);
        font-size: 0.77em;
        max-width: 205px;
        width: 100%;
        height: 60px;
        color: #B0B0B0;
        cursor: pointer;
        text-transform: capitalize;
        border-radius: 0;
        max-width: 100%;
    }
    .top_week_sidebar ul .btn:hover {
        background-color: var(--green);
        color: var(--white);
        transition: .2s;
    }
    .top_week_sidebar ul {
        justify-content: center;
    }
    .toprecipeschefsweek .vm--modal{background-color: var(--bg) !important;padding: 0;}
    .toprecipeschefsweek .vm--modal .side_bar{margin: 0;padding: 0px;background-color: white;}
    .toprecipeschefsweek div{width: 100%;}
    .top_week_sidebar{display: block;}    
    .top_recipe.friend_list {display: none;}
    body .mode-text{display: none;}
    .switch {width: 46px;}
    .mode {max-width: 80px;}
    .slider:before{left: 10px;}
    input:checked + .slider:before {transform: inherit;}
    .light-theme .sec_banner .banner_text {padding-top: 0;}
    .dark-theme .sec_banner .banner_text{padding-bottom: 0;}
    .non_login .menu_container .logo img {max-width: 100%;}

     .recipe_details_page ol.BreadcrumbList {
        bottom: -16px;
    }
     .menu ul li.active a:before{
         display: none;
    }
     .recipe_details_page .wapper_details h3 {
         font-size: 0.7em;
    }
body #searching input:focus {
        width: 200px;
        background-size: 15px;
    }
     a.login-text{
        top: 0;
    }
   
     .user_search_list .images_wrper {
         flex-direction: column;
    }
     .recipe_details_page .top-img_recipe .action_buttons {
         right: 2%;
    }
     .book_mark_list{
        width: 100%;
    }
     .book_mark_list:nth-child(odd) {
        margin-right: 0;
    }

     .upload_status_photo .inner_upload{
         width: 100%;
         max-width: 100%;
         text-align: center;
         float: none;
         justify-content: center;
    }
     .upload_status_photo .inner_upload{
         flex-wrap: wrap;
         width: 100%;
         max-width: 100%;
         text-align: center;
         float: none;
         justify-content: center;
    }
     .upload_status_photo .inner_upload button{
         float: none;
    }
     .upload_status_photo{
         flex-wrap: wrap;
    }
     .edit_profile_popup .image_col{
        margin: 0 auto;
    }
     .inner_input_three{
        display: flex;
    }
     .col_1 {
        width: 12%;
    }
     body button.cut{
         margin-left: auto;
    }
     .inner_upload .show_upload{
         width: calc(100% / 3 - 4%);
    }
     body .inner_upload{
        max-width: 660px;
        margin: auto;
        margin-top: 20px
    }
     .upload_img_post{
        max-width: 660px;
        margin: auto;
        margin-top: 43px;
    }
     .recipe_post_details {
        padding-left: 0;
    }
     .recipe_post_details.col_6, .center_contain.col_6{
        width: 100%;
    }
     .add_recipe .center_contain.col_6, .add_recipe .recipe_post_details.col_6{
        width: 100%;
    }
     #top-menu{
        display: none;
    }
     .left_menu_wrap{
        display: block;
    }
     .hamburger{
         background:none;
         position:absolute;
         top:0;
         left:0;
         line-height:53px;
         padding:5px 15px 0px 15px;
         color:var(--gray);
         border:0;
         font-size:1.4em;
         font-weight:bold;
         cursor:pointer;
         outline:none;
         z-index:10000000000000;
         font-size: 0;
    }
    
     body .hamburger {
         background-image: url(/assets/images/hamberger.svg);
         background-repeat: no-repeat;
         background-position: center;
         font-size: 0;
         left: 7px;
         width: 36px;
         top: 10px;
         opacity: 0.7;
    }
     body.dark-theme .hamburger {
         background-image: url(/assets/images/hamberger_white.svg);
    }
     .header .right_block a.login-text{
        display: flex;
        align-items: center;
    }
     .header .right_block a.login-text img {
         max-width: 32px;
         width: 100%;
    }
     #left_menu img{
        display: none;
    }
     .mobile_menu{
        left:0;
        z-index:1000000;
        font-weight:bold;
        font-size:0.8em;
        width: 100%;
        background: var(--white);
        position:absolute;
        text-align:center;
        padding-top: 0;
        top: 85px;
    }
     .mobile_menu {
        margin: 0;
         padding: 0;
         list-style-type: none;
         list-style-image: none;
    }
     body .mobile_menu li {
        display: block;
        /* border-bottom:#dddddd 1px solid;
         */
        display: inline-block !important;
        width: 100%;
         margin-left: 0;
    }
     body .mobile_menu li img{
        display: none;
    }
     body .mobile_menu li a {
        color:var(--gray);
        text-decoration:none;
         margin: 0px;
    }
     .mobile_menu li a:hover {
         color:var(--green);
         text-decoration:none;
    }
     .mobile_menu a:hover{
        text-decoration:none;
         color:var(--green);
    }
     .mobile_menu li.active a{
         color:var(--green)
    }
     .side_bar .top_recipe .content_wrap a{
         font-size: 0.6em;
    }
     .wrapper .col_8{
        width: 100%;
        padding: 0;
    }
     .wrapper .col_4{
        width: 100%;
        padding: 0;
    }
     .sec_subscription.wrapper .col_4{
        margin-right: 0;
        padding: 50px 13px;
        max-width: 600px;
    }
     .menu_container .logo{
        margin-left: 42px;
        position: relative;
        top: 0px;
    }
     .search_result_people .col_4{
        padding: 30px 10px 30px 10px;
    }
     .search_result_people > div{
         margin-bottom: 30px;
    }
}
 @media only screen and (max-width: 650px){
    .top_week_sidebar ul .btn {
        font-size: 0.57em;
        max-width: 178px;
        height: 50px;
    }
    
     body .cancel_btn{
        font-size: 0.5em;
    }
   
     .top-img_recipe .text_wrper .left .author-img{
         max-width: 44px;
         height: 44px;
    }
     .units_convert{
        padding: 0;
    }
     .units_convert .text-center .nopacket{
        font-size: 19px;
         line-height: 1.2;
         display: inline-block;
         padding-top: 10px;
    }
     .units_convert .text_recipe{
        padding-top: 22px;
    }
     .units_convert .text_recipe h2{
        padding-bottom: 0;
    }
     .units_convert .col-6{
        width: 100%;
        max-width: 100%;
        flex: inherit;
        padding: 0;
    }
     .profile_box ul li a{
        padding: 13px 0px;
    }
     #searching input {
        width: 35px;
        height: 35px;
        background-position: 9px;
    }
     .notification_scroll{
        padding: 0 10px;
    }
     .notifi_box .img_wrap {
        margin-left: 0;
        margin-right: 12px;
    }
     .login_wrap.d-flex.flex-align {
        position: static;
    }
     body .notifi_box {
        min-width: 100%;
        top: 64px;
        padding: 10px;
    }
     .user_search_list .images_wrper .author-img {
         margin-right: 0;
    }
     .user_search_list .images_wrper .text_wrper p {
        text-align: center;
    }
     .user_search_list .images_wrper .text_wrper p {
         text-align: center;
    }
     body .user_search_list {
         flex-direction: column;
    }
     .user_search_list .following_media ul li {
         padding: 0 15px;
    }
     .upload_img_post{
        margin-top: 0;
    }
     .search_wrap .dropdown-menu, .vm--modal .dropdown-menu.is-opened-top{
         top: 101%;
        min-width: 100%;
    }
     .right_block{
        position: static;
    }
     body .fa-search.fa-close{
        right: 90px;
    }
     .search_wrap{
        position: static;
        line-height: 0;
    }
     .comment_post{
         margin: 0px 10px;
        padding: 25px 0px;
    }
     .author-img img{
        margin-right: 10px;
    }
     .text_recipe h2 {
        padding-bottom: 30px;
    }
     .header .right_block .login_wrap {
        margin-left: 5px
    }
     
     body .fa-search {
         width: 28px;
         height: 28px;
         font-size: 12px;
    }
     .upload_status_photo .inner_upload{
        flex-direction: column;
         align-items: center;
        margin-right: 0;
    }
     body .edit-popup.vm--modal {
         max-width: 85%;
    }
     .upload_img_post h3{
        font-size: 1.1em;
    }
     .side_bar{
        margin-top: 30px
    }
     h3 {
        font-size: 0.8em;
    }
     .dash_silder_recipes .text_wrper .social_btn .share:before{
        top: 3px !important;
    }
     .dash_silder_recipes .text_wrper .social_btn .share:before, .dash_silder_recipes .text_wrper .social_btn .comment:before, .dash_silder_recipes .text_wrper .social_btn .like:before {
        left: 0;
        top: 0px;
        background-size: 17px;
        background-repeat: no-repeat;
    }
     .dash_silder_recipes .text_wrper .social_btn .bookmark:before {
        left: 0;
        top: 0px;
        background-size: 11px !important;
        background-repeat: no-repeat;
    }
     .dash_silder_recipes .text_wrper .social_btn button{
        font-size: 0.5em;
        padding-left: 28px;
    }
     body .social_btn{
        margin-top: 6px;
    }
     body .wrapper .dash_silder_recipes hr{
        margin: 16px 0;
    }
     .dash_silder_recipes .text_wrper .content p {
        font-size: 0.6em;
    }
     .dash_silder_recipes .text_wrper{
        padding: 10px 15px 10px;
    }
     .wrapper .col_8 hr {
        margin: 30px 0;
    }
     .srarting_post .input_text .upload img{
        width: 100%;
    }
     .srarting_post .input_text .upload{
        max-width: 34px;
        width: 100%;
        position: absolute;
    }
     .srarting_post .input_text {
        width: calc(100% - 55px);
        align-items: center;
        margin-top: 24px;
         justify-content: flex-end;
        margin-bottom: 24px;
    }
     .srarting_post .content_wrap .img_wrap {
        width: 35px;
        height: 35px;
    }
     .srarting_post .content_wrap {
        align-items: center;
    }
     .srarting_post .content_wrap:before{
        top: 50px;
    }
     .srarting_post h5{
         font-size: 0.7em;
    }
     .srarting_post .content_wrap{
        margin-top: 20px;
    }
     .srarting_post .input_text input[type=text]{
        font-size: 0.5em;
        padding: 0;
    }
     header .left_block{
        max-width: 32%;
        width: 100%;
        /* display: flex;
         */
        /* position: relative;
         */
    }
     header .left_block img{
        width: 100%
    }
     body .hamburger{
        background-size: 25px;
        top: 3px;
    }
     .header .right_block .login .img_wrap {
        width: 30px;
        height: 30px;
        margin-right: 0;
         margin-left: 5px;
    }
     .recipe_post_details.col_6, .center_contain.col_6{
        padding-right: 0;
    }
     body .__nuxt-error-page .description{
         font-size: 0.66em;
         padding: 0 20px;
    }
}
 @media only screen and (max-width: 480px){
    .top_week_sidebar ul {flex-direction: column;align-items: center;}
    .top_week_sidebar ul .btn {margin-bottom: 15px;margin-right: 0;}
    .top_week_sidebar ul .btn:last-child {margin-bottom: 0;}
    .top_week_sidebar {margin-top: 30px;}
    body .mode{max-width: 55px;}
    body .switch {width: 28px;}
     body .signup_text {
        margin-top: 22px;
        font-size: 0.66em;
         padding-left: 0;
         padding-right: 0;
    }
     .signup_text button{
        margin-top: 0 !important;
    }
     body .menu_container .left_block #top-menu div button{
         padding: 12px 14px;
         padding-left: 18px;
        font-size: 0.66em !important;
    }
    
     .text-emty.nofriends, .nobook_mark, body .no-post{
        font-size: 0.7em;
        padding-top: 115px;
        padding-bottom: 15px;
        margin-top: 45px;
        background-size: 100px;
    }
     body .Bio .vm--modal{
        max-width: 350px;
        border-radius: 30px !important;
    }
     body .bio-stash h3{
        font-size: 1.3em;
    }
     body .bio-stash div.text-center{
         font-size: 0.66em;
    }
     .recipe_details_page .comment_post{
        padding: 30px 20px;
    }
     body .comment_post{
        margin: 0px 16px;
    }
     body .recipe_details_page .slide_video {
         height: 220px;
    }
     body h2 {
         font-size: 1.5em;
    }
     body .sec_discover .sec_text p{
        font-size: 0.6em;
    }
     body .margin-top-102 {
        margin-top: 54px;
    }
     .search_wrap{
        line-height: 0;
    }
     .dash_silder_recipes .text_wrper {
        padding: 20px 20px 10px;
    }
    
     .dash_silder_recipes .text_wrper .social_btn .share:before, .dash_silder_recipes .text_wrper .social_btn .comment:before, .dash_silder_recipes .text_wrper .social_btn .like:before{
        left: 0;
    }
    .edit_post .inner_upload .show_upload,
     body .inner_upload .show_upload{
        height: 88px;
    }
     body .inner_upload .show_upload img{
        width: 100%;
        max-width: 100%;
    }
     body .upload_img_post img{
        max-width: 96px;
        width: 100%;
    }
     body .upload_img_post{
        padding: 44px 20px;
    }
     .text_recipe{
        padding-top: 28px;
    }
     body .text_recipe h2{
        letter-spacing: normal;
        font-size: 1.5em;
    }
     body .hamburger{
        background-size: 18px;
        top: -1px;
        padding: 0;
    }
     .header .right_block .login .name h5 {
        font-size: 0.4em;
    }
     body .noti_count{
        max-width: 16px;
        height: 16px;
        font-size: 9px;
        padding: 0px 2px;
        top: 0;
        line-height: normal;
    }
     .login.d-flex.flex-align.profile_div .name{
        padding-right: 0px;
        background-size: 10px;
        background-position: 98% 9px;
        display: none;
    }
     body .upload_img_post h3 {
        font-size: 0.9em;
        padding-top: 17px;
    }
     .upload_img_post p {
        font-size: 0.7em;
        padding-top: 10px;
    }
     .inner_input_three .col_2 {
        width: 20%;
    }
     .recipe_post_details .inner_input_three select, .inner_field textarea, .inner_field input{
        height: 40px;
        font-size: 0.6em;
    }
     .inner_input_three .col_1 {
        width: 18%;
    }
    body button.cut {
        margin-top: 0;
        line-height: 0.8;
        display: block;
    }
     .inner_input_three span.orange {
        margin-bottom: 5px;
        font-size: 0.4em;
        margin-top: 14px;
    }
     .inner_input_three .col_2, .inner_input_three .col_7 {
        margin-right: 7px;
    }
     .inner_input_three span.orange{
        margin-top: 14px;
    }
     .inner_field {
        margin-bottom: 25px;
    }
     .recipe_post_details label{
        font-size: 0.6em;
    }
     body .inner_field textarea{
        height: 112px;
    }
     body .add_more .plus_icon{
        max-width: 38px;
        height: 38px;
        margin-right: 0;
        right: 11px;
    }
     .add_more .add_text{
         font-size: 0.6em;
    }
     body .recipe_post_details .btn {
        width: 100%;
        border: none;
        cursor: pointer;
        font-size: 0.7em;
        height: 49px;
    }
     body .add_more{
        margin-bottom: 28px;
    }
     body .number{
        max-width: 104px;
    }
     body .colm_warp input {
        height: 36px;
        font-size: 0.6em;
    }
}

 @media only screen and (max-width: 360px){
     body .login_wrap .profile_box {
         top: 48px !important;
    }
     .srarting_post .input_text .upload{
        right: 9px;
    }
     body .srarting_post .upload_data {
         min-height: 125px;
         max-width: 150px;
         padding: 0 11px;
    }
     body .srarting_post .upload_data .btn{
         width: 100%;
         font-size: 0.44em;
         height: 34px;
         margin-bottom: 10px;
    }
   
     body .fa-search.fa-close {
         right: 80px;
         bottom: 14px;
    }
     .comment_post {
         padding: 15px 5px;
         margin: 0px 28px;
    }
     .recipe_post_details.col_6{
        margin-top: 28px;
    }
     body .upload_img_post img {
        max-width: 80px;
    }
     body .inner_upload .show_upload {
        height: 75px;
    }
     body .inner_upload .show_upload img{
        max-width: 100%;
    }
     body .noti_count {
        max-width: 14px;
        height: 14px;
        font-size: 7px;
        padding: 2px 2px;
        top: 0;
    }
     .login.d-flex.flex-align.profile_div .name{
         background-size: 8px
    }
     .side_bar h5{
        font-size: 0.7em;
    }
     .dash_silder_recipes{
        margin-bottom: 25px
    }
     .dash_silder_recipes .text_wrper .left{
        margin-right: 0;
        height: 53px;
    }
     .header .right_block .login_wrap {
        margin-left: 4px;
    }
     body .menu_container .logo {
        margin-left: 20px;
        top: 0;
    }
     body .cross{
        left: 5px;
    }
     body .hamburger {
        background-size: 16px;
        padding: 0;
        width: 16px;
        top: 0px;
    }
     .dash_silder_recipes .text_wrper {
         padding: 20px 20px 18px;
    }
     .bootkit{
        max-width: 65px;
        height: 65px
    }
     .bootkit a{
        font-size: 0.5em;
    }
     .dash_silder_recipes .text_wrper .left .author-img{
        width: 50px;
         height: 50px
    }
}
 .cms_content p{
    font-size: 12px;
    line-height: 1.8;
}
 .left-center{
    text-align: left;
}
 body .cms_content {
    border-bottom: 1px solid #9e9a9a4d;
}
 .dash_silder_recipes .text_wrper .left .author-img > div{
    width: 100%;
    height: 100%;
}
 body.dark-theme .cms_content{
    background-color: #232323;
}
 .asterisk{
    color: red;
}
 body.dark-theme textarea, .dark-theme input::-webkit-input-placeholder, body.dark-theme textarea::-webkit-input-placeholder {
    /* Edge */
     color: var(--white);
}
 .dark-theme input:-ms-input-placeholder, body.dark-theme textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: var(--white);
}
 .dark-theme input::placeholder, body.dark-theme textarea::placeholder {
     color: var(--white);
}
.dark-theme input::placeholder, body.dark-theme textarea::placeholder {
    color: var(--white);
}
 body.dark-theme .bio-stash p {
    color: var(--white);
}
 .dark-theme .notifi_box a span.time-ago {
    color: var(--white);
}
.vm--modal select{
    text-transform: capitalize;
}
 .dark-theme .vm--modal .form-control{
    border: 1px solid #313131 !important;
}
 .dark-theme .profile_box ul li:last-child a{
    border: 0;
}
.dark-theme .profile_box ul li:hover .main_theme_setting label,
.profile_box ul li:hover .main_theme_setting label{color: var(--green);}
.profile_box ul li .main_theme_setting{display: block;}
 .dark-theme .vm--modal .form-control, .dark-theme .inner_field select, .dark-theme .inner_field textarea, .dark-theme .inner_field input, .dark-theme .recipe_post_details label, .dark-theme .top-img_recipe .text_wrper .right .author-text a, .dark-theme .vm--modal .form-control input, .dark-theme .tab_list li a, .dark-theme th, .dark-theme td, .dark-theme .inner_recipe .colm_warp label, .dark-theme .inner_recipe h3, .dark-theme .profile_box ul li a,.dark-theme .profile_box ul li .main_theme_setting .setting_theme, .dark-theme .form-group label, .dark-theme .dash_silder_recipes .text_wrper .right .author-text span a, .dark-theme .dash_silder_recipes .text_wrper .content p, .dark-theme .dash_silder_recipes .text_wrper .right .author-text, .dark-theme .dash_silder_recipes .text_wrper .right .post-date-time, .dark-theme .side_bar .top_recipe .content_wrap a, .dark-theme .dashboard_menu .menu ul li a, .dark-theme .text-col, .dark-theme .time-list li a, .dark-theme .sec_subscription .colum_list .col_4 p, .dark-theme .following_media ul li span.fo-count, .dark-theme .chief_about .inner_silder .col_4 .text_wrper h4, .dark-theme .chief_about .inner_silder .col_4 .text_wrper h3, .dark-theme .rating-counrt, .dark-theme .sec_discover .silder_recipes .text_wrper .content p, .dark-theme .sec_text p, .dark-theme .upload_img_post h3, body.dark-theme .menu_button .tab_menu_center li, .dark-theme .vm--modal label, .dark-theme .srarting_post .upload_data .btn, body.dark-theme .header .right_block .login_wrap .gray, body.dark-theme .recipe_post_details span .b-slider_label label, .dark-theme .notifi_box .content_wrap a, .dark-theme .notifi_box .content_wrap .post_text, .dark-theme .notifi_box .content_wrap a , .dark-theme .colum_list p{
    color: var(--white);
}
 body.dark-theme .card-body .b-numberinput input, body.dark-theme .number input{
     background-color: transparent !important;
     color: #ffffff;
     border: none;
}
 body.dark-theme .number input::-webkit-outer-spin-button, body.dark-theme .number input::-webkit-inner-spin-button {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
}
 .dark-theme .autocomplete.control.form-control input {
     border: none;
}
 .dark-theme .autocomplete.control.form-control input{
    border: none;
}
 .dark-theme .control .dropdown-menu .dropdown-content{
     z-index: 999;
     position: relative;
}
 .dark-theme .card #image-event-label {
     background-color: #101010;
     border: 1px solid;
}
 body.dark-theme .minus, body.dark-theme .plus, body.dark-theme .card-body .b-numberinput, body.dark-theme .number{
    background-color: transparent;
}
 body.dark-theme .header .bg_white{
    background-color: #151515 !important;
}
 body.dark-theme .dash_silder_recipes .col_4{
    box-shadow: inherit;
}
 body.dark-theme .popUpWrapper .dash_silder_recipes .col_4{
    border: 1px solid #313131;
}
 body.dark-theme .upload_img_post p{
    color: var(--white);
}
 .dark-theme .srarting_post .upload_data, .dark-theme .vm--modal .form-control, .dark-theme .inner_field select, .dark-theme .inner_field textarea, .dark-theme .mention_editor .ProseMirror, .dark-theme .inner_field input{
    background-color: #232323 !important;
    border: 1px solid #313131;
}
 .dark-theme .control .dropdown-menu .dropdown-content, .dark-theme .time-list, .dark-theme .tab_list, .dark-theme .comment_post{
    box-shadow: inherit;
}
 .dark-theme .time-list, .dark-theme .tab_list, .dark-theme .side_bar .top_recipe, .dark-theme .dash_silder_recipes .col_4, .dark-theme .srarting_post{
     background-color: #151515;
}
 .dark-theme .following_media ul li{
    border-right: 1px solid #ffffff;
}
 .bootkit{
     background-color: var(--orange);
    color: var(--white);
}
 .dark-theme .bg_white{
    background-color: #151515;
}
 .dark-theme .footer_sec, .dark-theme .vm--modal, .dark-theme .srarting_post .upload_data .btn, .dark-theme .sec_discover, .dark-theme .bg_light_gary, .dark-theme .notifi_box, .dark-theme .mobile_menu{
    background-color: #151515 !important;
}
 .dark-theme .sec_discover .silder_recipes .slick-slide .recipe_slide{
    background-color: #0f0e0e !important;
}
 .dark-theme .banner_bg{
    background-image: url(../images/dark_theme_banner.png);
    margin-top: 30px;
}
 .dark-theme .control .dropdown-menu .dropdown-content{
    background-color: #151515;
}
 .login_popup .popup-field span{
    position: relative;
}
 .login_popup .popup-field span .eye-icon{
    bottom: 14px;
}
 .star-rating{
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    top: -20px;
}
 .vue-star-rating-rating-text{
    width: 25px;
}
 .dark-theme .center_contain .upload_img_post{
    background-color: transparent;
}
 .side_bar .top_recipe .content_wrap .img-col{
    display:flex;
    align-items: center;
    width: 100%;
}
 .wall_tab_sec .friend_list .content_wrap .btn_wrapper{
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
     justify-content: flex-end;
}
 .wall_tab_sec .friend_list .content_wrap .btn_wrapper .btn, .wall_tab_sec .friend_list .content_wrap .btn_wrapper button{
    font-size: 10px;
    width: 139px;
    padding: 12px 0;
    float: right;
    margin: 5px 5px;
    cursor: pointer;
}

 .friend_list .content_wrap .btn_wrapper .btn svg, .friend_list .content_wrap .btn_wrapper button svg{
    margin-right: 7px;
}


 body .menu_button .tab_menu_center li {
    background-color: transparent !important;
    font-size: 1.0em !important;
    text-transform: capitalize;
    margin-right:30px;
    color:#C9C9C9;
    max-width: 100%;
    width: auto;
}
body .menu_button .tab_menu_center li:last-child{
    margin-right:0;
}
 body .menu_button .tab_menu_center li:hover, body .menu_button .tab_menu_center li.active{
    color: var(--green);
}
 .dark-theme .upload_data.show button{
    border: 1px solid var(--orange);
}
 .dark-theme section.sec_discover.wrapper:before{
     background-color: #131212;
}
 .dark-theme .display-comments input {
     color: var(--white);
}
 .display-comments input {
     font-size: 20px;
     padding: 0;
}
/* .display-comments form {
     display: flex;
     align-items: center;
}
 */
 .display-comments form button{
    float: right;
}
 .display-comments span{
    padding:20px;
    font-size: 20px;
}
/* .tooltip.popover{
    width: 100%;
     max-width: 320px;
    left: 265px !important;
    top: 65px !important;
}
 */
 .v-popover.popper{
    position: relative !important;
}
 .mention-item {
    background-color: transparent !important;
}
 .mention-item .dim{
    font-size: 20px;
    padding: 8px 20px;
    background-color: transparent !important;
}
 .mention-item > div{
    background-color: transparent !important;
}
 .mention-item .dim:hover{
    color: var(--green);
}
 .tooltip.popover{
    border-radius: 12px;
    padding: 14px 0;
    -webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 9%);
     -moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 9%);
     box-shadow: 10px 10px 40px rgb(0 0 0 / 9%);
}
 .dark-theme .tooltip.popover{
     box-shadow: inherit;
}
 .dark-theme .mention-item .dim .issue{
    color: var(--white) !important;
}
 .display-comments {
     padding: 18px 0 0;
}
 .dark-theme .sec_discover .silder_recipes .slick-slide .recipe_slide{
    box-shadow: inherit;
}
 .sec_discover .silder_recipes .slick-slide .recipe_slide{
    position: relative;
}
 .sec_discover .silder_recipes .list-dots{
    display: none;
}

 .save{
     position: absolute;
     right: 252px;
}
 .save a{
     border-radius: 100%;
     height: 40px;
     background-color: var(--green);
     width: 40px;
     color: var(--white);
     font-size: 0em;
     font-weight: 700;
     text-align: center;
     background-image: url(../images/save-recipe.svg);
     background-repeat: no-repeat;
     background-position: center;
     display: block;
     float: right;
     background-size: 20px;
     position: relative;
     margin-left: 148px;
     top: 3px;
}
 .bookmark button{
     border-radius: 100%;
     height: 54px;
     background-color: var(--orange);
     max-width: 54px;
     color: var(--white);
     font-size: 0em;
     font-weight: 700;
     text-align: center;
     background-image: url(../images/bookmark-white.svg);
     background-repeat: no-repeat;
     background-position:center;
     width: 100%;
     display: block;
     float: right;
     background-size: 20px;
     cursor: inherit;
     border: 2px solid #FFFFFF;
}
 .modal-header .modal-title, .vue-dialog-content .vue-dialog-content-title{
    font-size: 1.6em;
    font-weight: 900;
}
 .modal-content, .vue-dialog-content{
    text-align: center;
}
 .modal-body p, .vue-dialog-content div{
    font-size: 1.0em;
}
 /* .vm--modal, .modal-footer{
    display: flex;
    align-items: center;
    justify-content: center;
} */
 .vue-dialog-buttons button{
     font-size: 1.2em;
    height: 100%;
}
 .modal-footer .btn {
    margin: 22px 5px 0;
    font-size: 0.788em;
}
 .modal-footer .btn, .vue-dialog-buttons button:hover{
    background-color: #6DC106;
}
 .vue-dialog-buttons{
    border: 0;
}
 .popUpWrapper .forget .form-group{
    margin-bottom: 35px;
}
.popUpWrapper .forget .form-group .text-danger {
    position: absolute;
    line-height: 1.1;
}
 .edit_profile_popup .eye-icon{
     right: 21px;
}
 .asterisk{
    color:red;
    margin-left: 6px;
    position: relative;
    width: auto !IMPORTANT;
}
span.asterisk[data-v-4467dbae],
span.asterisk[data-v-662cb6cd] {
    position: static;
}
 .inner_input_three .autocomplete.control{
    margin-bottom: 26px;
}
 .side_bar .top_recipe .content_wrap .post_text{
    line-height: 1.1;
    font-size: 0.9em;
    padding-right: 10px;
}

 body.dark-theme .vm--overlay{
    background: rgb(0 0 0 / 77%);
}
 body .vm--overlay{
    background: rgb(0 0 0 / 6%) !important;
}
 body #modals-container .vm--modal{
    box-shadow: inherit;
}
 .popUpWrapper .forget .eye-icon {
    bottom: 17px;
}

 .dark-theme .inner_field select, .dark-theme .inner_field textarea, .dark-theme .inner_field input, .dark-theme .comment_post .content .mention_editor .ProseMirror{
    border: 1px solid #313131 !important;
}
 .nopersons{display: flex;justify-content: space-between; align-items: center;}
 body .nopersons label{
    margin-bottom: 0 !important;
}
 body.dark-theme .google-signin {
     background-color: var(--white) !important;
}
 .dark-theme .social-wrapper {
    border-bottom: 1px solid rgb(255 255 255 / 22%);
}
 .dark-theme .header .bg_gray{
    background-color: #151515 !important;
}
 .dark-theme .chief_about .inner_silder .cheif_slide{
    outline: none;
     -webkit-box-shadow: 0px 0px 66px -8px rgb(0 0 0);
     -moz-box-shadow: 0px 0px 66px -8px rgb(0 0 0);
     box-shadow: 0px 0px 66px -8px rgb(0 0 0);
}
 .add_recipe .row{
    margin-bottom: 30px !important;
}
 .add_recipe .row .colum2{
     display: flex;
     align-items: center;
     justify-content: flex-start;
     padding: 0px 14px 0;
}
 .add_recipe .row .colum2 label{
    color: var(--orange);
    font-weight: 800;
    text-transform: capitalize;
}
 input[type="checkbox"]{
    width: auto !important;
    height: auto !important;
    margin-right: 10px;
}
 .add_recipe .row .colum2 label{
    margin-bottom: 0!important;
}
 body .add_recipe .row label{
    font-size: 0.6em !important;
}
 .add_recipe .row p{
    font-size: 0.6em;
}
 body .orange{
    color: var(--orange);
}
body .deletereview .vm--modal,
body .deletecomment .vm--modal,
body .delete .vm--modal,
 body .brand-popup .vm--modal{
     padding: 0;
     overflow: unset;
     border-radius: 0 !important;
     background-color: #fff !important;
     box-shadow: 0px 7px 34px rgb(0 0 0 / 13%) !important;
     width: 100% !IMPORTANT;
     max-width: 544px;
}
.wapper_add_recipe .center_contain > div.class_added .upload_img_post {
    height: auto;
    position: relative;
}
 body .brand-popup .vm--modal .buttoncol2 button{
    margin: 0 5px;
    height: 100%;
    padding: 12px 20px;
    width: 100%;
    font-size: 0.7em;
}
body.dark-theme .deletereview .vm--modal,
body.dark-theme .deletecomment .vm--modal,
body.dark-theme .delete .vm--modal,
body.dark-theme .brand-popup .vm--modal {
    background-color: #151515 !important;
}

body.dark-theme .brand-popup .vm--modal label {
    color: var(--white);
}

body.dark-theme .deletereview .vm--modal .buttoncol2 button,
body.dark-theme .deletecomment .vm--modal .buttoncol2 button,
body.dark-theme .brand-popup .vm--modal .buttoncol2 button {
    color: var(--white);
}
 body .brand-popup .vm--modal .buttoncol2 button{
    margin-top: 30px;
}
 body.dark-theme .brand-popup .autocomplete input{
    color: #fff;
    border: 1px solid #313131;
}
 body.dark-theme .recipe_post_details .inner_field input::placeholder{
    color:rgb(255 255 255 / 75%)
}
 body.dark-theme .recipe_post_details .inner_field select, body.dark-theme .recipe_post_details .inner_field textarea, body.dark-theme .recipe_post_details .inner_field input {
     color: rgb(255 255 255 / 75%);
}
 .recipe_post_details .inner_field input::placeholder{
    color:rgb(255 255 255 / 75%)
}
 .font-italic{
    font-style: italic;
    font-size: 0.6em;
    cursor: pointer;
}
 .dark-theme .recipe_post_details .dropdown-content span {
     color: var(--white);
}
 body.dark-theme .brand-popup .autocomplete input::-webkit-input-placeholder {
    /* Edge */
     color: #fff;
}
 body.dark-theme .brand-popup .autocomplete input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: #fff;
}
 body.dark-theme .brand-popup .autocomplete input::placeholder {
     color: #fff;
}
 /* .side_bar_list.col_3.pl-5.fixed {
     position: fixed;
     right: 21%;
    top: 178px;
     max-width: 240px;
     padding-left: 0;
} */
 .position-relative{
    position: relative;
}
 .wppr_list {
     position: relative;
     top: -20px;
     left: 17px;
}
 .toasted .primary.success, .toasted.toasted-primary.success{
    z-index: 20000000000000;
}
 .edit_post .center_contain.row{
    margin: 0;
}
 .vm--modal .card-body .img-thumbnail img {
    border-radius: 10px;
}
 select{
    background-image: url(../images/dropdown.svg);
    background-position: 97%;
}
 body .edit_profile_popup .form-group {
     margin-bottom: 0
}

 body .edit_profile_popup .btn {
     margin-top: 32px;
}
 .all_list_members .top_recipe{
     padding-top: 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: left;
     padding: 0 50px;
}
 .top_recipe.friend_list {
     padding-bottom: 0;
}
 .side_bar .top_recipe .content_wrap a:hover{
    color: var(--green);
}
 body .vti__dropdown.open, body .vti__dropdown:hover {
     background-color: transparent;
}
 body.dark-theme .vti__dropdown-list{
     background-color: #101010;
}
 body .vti__dropdown-item.highlighted {
    background-color: #c1c1c129;
}
 body .vti__dropdown-item{
    padding: 9px 15px;
    font-size: 16px;
    color: #000;
}
 .dark-theme .vti__dropdown-item{
    color: #fff;
}
 body .bio-stash h3{
    font-size: 1.7em;
    text-align: center;
    font-weight: 800
}
 body .bio-stash p{
    font-size: 0.66em;
    line-height: 28px;
}
 body .bio-stash div.text-center {
     font-size: 0.8em;
     margin-bottom: 13px;
     font-weight: 800;
}
 body .bio-stash p{
    color: var(--gary-dark);
}
 .fixed-search{
    position: fixed;
}
.light-theme .sec_contact .vue-tel-input, 
.light-theme #contact-us input, 
 .light-theme #contact-us textarea, 
 .light-theme #contact-us textarea{
    color: #000;
    opacity: 1;
}
.light-theme .sec_contact .row-form input[type=tel]:focus, 
.light-theme .sec_contact .row-form input[type=email]:focus, 
.light-theme .sec_contact .row-form input[type=text]:focus, 
.light-theme .sec_contact .row-form .col_12 textarea:focus {
    border-bottom-color: #e0d9d9c4;}
.light-theme .sec_contact .vue-tel-input:focus-within, 
body .sec_contact .form-control:focus {
        border-bottom-color:1px solid #b5afaff2!important;
    }
 .dash_silder_recipes .social_btn.d-flex.flex-space-around {
     justify-content: space-between;
     padding: 0 19px;
}
 body.dark-theme .notifi_box .content_wrap.unread{
    background-color: rgb(21 21 21);
}
 body.dark-theme .notifi_box .content_wrap{
    background: rgb(35 35 35);
}
 body.dark-theme .notifi_box span.time-ago{
    color: var(--white);
}

 .notifi_box span.orange {
     font-weight: 700;
}
 .text-center.hide-comment button, .text-center.load-comment button {
     font-size: 0.7em;
     color: var(--green);
     font-weight: bold;
     text-decoration: underline;
     margin-bottom: 28px;
}
 body .error_text_wapper {
     position: absolute;
     bottom: 2px;
}
 .inner_input_three .col_7 span{
    position: relative;
}
 .range-silder .text-danger{
    position: relative;
    left: -11px;
    bottom: -10px;
}
 .profile-container{
    display: flex;
    flex-wrap: wrap;
}
 @media only screen and (max-width: 450px){
     body .all_list_members .side_bar .top_recipe .content_wrap{
        flex-direction: column!important;
    }
     .wall_tab_sec .friend_list .content_wrap .btn_wrapper .btn, .wall_tab_sec .friend_list .content_wrap .btn_wrapper button{
        margin: 5px 5px;
    }
     .wall_tab_sec .friend_list .content_wrap .btn_wrapper{
        justify-content: center;
        padding-top: 10px;
    }
     body #searching input:focus {
         font-size: 0.55em;
         width: 130px;
         background-position: 8%;
         background-size: 15px;
         padding: 0 10px 0px 28px;
    }
     #searching input {
         width: 30px;
         height: 30px;
         background-position: 8px;
    }
}
 @media only screen and (max-width: 380px){
    body .recipe_post_details .mention_editor .ProseMirror {
        margin-bottom: 0;
    }
     body .recipe_post_details .btn-50{
        font-size: 0.5em;
        height: 40px;
    }
     body .edit_post .btn-50{
        font-size: 0.5em;
        height: 40px;
    }
}
/* added by yameen starts*/
 .slide-enter-active {
     -moz-transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -moz-transition-timing-function: ease-in;
     -webkit-transition-timing-function: ease-in;
     -o-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
}
 .slide-leave-active {
     -moz-transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
     -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
     -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
     transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
 .slide-enter-to, .slide-leave {
     max-height: 100px;
     overflow: hidden;
}
 .slide-enter, .slide-leave-to {
     overflow: hidden;
     max-height: 0;
}
/* add by yameen ended */
/* 404 page */
 body .__nuxt-error-page .description .error-link {
     font-size: 0.99em;
     padding-top: 10px;
     display: block;
     font-weight: 500;
}
 body .__nuxt-error-page .title{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.5em;
     margin-top: 0;
}
 /* body .__nuxt-error-page .description .error-link:hover{
    text-decoration: underline;
     color: var(--green) !important;
} */
/* body .__nuxt-error-page .error svg{
    width: 142px;
     height: 142px;
    fill: #D9D9D9;
}
 */
 body.dark-theme .__nuxt-error-page .error svg{
    fill: #393939;
}
 body.dark-theme .__nuxt-error-page{
    background-color: #232323;
}
 body.dark-theme .__nuxt-error-page .title{
    color: var(--white);
}
 body.dark-theme .__nuxt-error-page .description{
    color: var(--white);
}
 body .select2-container--default .select2-selection--single{
     background-image: url(../images/dropdown.svg);
     background-position: 97%;
     background-color: white;
     border-radius: 10px;
     border: 1px solid #e0d9d9c4;
     width: 100%;
     height: 50px;
     outline: none;
     padding: 0 4px;
     font-size: 0.75em;
}
 body .select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 100%;
     display: flex;
     align-items: center;
     text-transform: capitalize;
}
 body .select2-selection__arrow{
    display: none;
}
 body .select2-container--default .select2-search--dropdown .select2-search__field {
     border: 1px solid #aaa;
     height: 34px;
}
body .select2-dropdown{z-index: 9999;}
 body.dark-theme .select2-dropdown{ border: 1px solid #313131 !important;     background-color: #151515;}
  body.dark-theme .select2-container--default .select2-selection--single{
    background-color: #151515;
    border: 1px solid #313131;
}
 body.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--white);
}
 body .select2-container--default .select2-results__option--highlighted[aria-selected], body .select2-container--default .select2-results__option[aria-selected=true] {
     background-color:transparent;
     color: var(--green);
}
 body .select2-results__option{
     font-size: 0.66em;
}
 .oembed-video{
    position: relative;
}
 .oembed-video:before {
     background-image: url(../images/video-upload.svg);
     background-position: center;
     content: "";
     position: absolute;
     top: 0;
     z-index: 99999;
     width: 100%;
     height: 100%;
     right: 0;
     left: 0;
     margin: auto;
     bottom: 0;
     cursor: pointer;
     background-color: #0000003b;
     border-radius: 0;
     background-size: 90px;
}
 body .dash_silder_recipes .cool-lightbox-loading{
    height: 50px;
}
 body .dash_silder_recipes .cool-lightbox-loading-wrapper{
    height: auto !important;
}
 .dash_silder_recipes .cool-lightbox .cool-lightbox-thumbs__list, .dash_silder_recipes .cool-lightbox .cool-lightbox__progressbar, .dash_silder_recipes .cool-lightbox .cool-lightbox__navigation, .dash_silder_recipes .cool-lightbox .cool-lightbox__inner{
    height: auto;
}
 .silder_height_same{
    height: 100%;
}
 .recipe_details_page .comment_post.comment_post-reply {
     margin-bottom: 0 !important;
     padding-bottom: 0;
     padding-left: 60px !important;
}
 .inner_input_three .col_2 input{
    text-align: center;
}
 .submit_post{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
 .display_none{
    display:none !important;
}
 .display_block{
    display:block !important;
}
 .edit_post .mention_editor .ProseMirror{
    margin-bottom: 0;
}
 .form-group.inner_field.top_spcer {
     margin-bottom: 32px;
}
 .cms_content h2{
    padding-bottom: 15px;
    font-size: 14px;
}
 .cms_content p{
    padding-bottom: 15px;
}

 .cms_content li{
    list-style-type: disc;
}
 .cms_content ul{
    padding-left: 20px;
    padding-bottom: 30px;
}
 .cms_content ul ul:last-child{
    padding-bottom: 0;
}
 .dynamic_page h1{
    color: var(--white);
    font-size: 2.3em;
}
 .dynamic_page{
    background-color: var(--gary-dark);
    position: relative;
    top: -6px;
}
.dark-theme  .dynamic_page{background-color: #0f0e0e;}
 .profile_header.dynamic_page .profile_col .text_wrper{
    margin-left: 0;
}
 body .cms_content{
    padding-top: 10px;
}
 .chief_about .sec_text.col_4{
     width: 38.33%;
}
 .chief_about .sec_text p{
    font-size: 0.8em;
}
 .show-comment-reply .display_block {
     color: var(--green);
     position: absolute;
     right: 0;
     left: 0;
     margin: auto;
     width: 100%;
     font-size: 0.7em;
     bottom: -32px;
     font-weight: 700;
}
 .show-comment-reply {
     position: relative;
}
 .cool-lightbox .cool-lightbox__slide img {
     width: auto;
     height: auto;
     border-radius:0 ;
}
 .inner_recipe .content_area a{
     font-size: 0.8em;
}
 .privacy .select2-search{
    display: none;
}
 .privacy .select2-container{
    width: 100% !important;
}
 body.dark-theme span.vue-star-rating-rating-text{
     color: var(--white);
}
 section#contact-us {
     background-color: #eaeaea;
}
 .dark-theme section#contact-us {
     background-color: #131212 
}
 
 .no-search .select2-search {
     display:none
}
 ol.BreadcrumbList li:first-child:after {
     margin-right: 6px;
}
 .profile_box ul li.login_user {
     display: none;
}
 section.wrapper.wall_tab_sec.all_list_members {
     min-height: 607px;
}
 .sec_contact .vti__dropdown-list.above{
    min-width:278px;
     width: 100%;
}
 .show_cover{
     display: block !important;
}
 .cover_image {
     position: absolute;
     right: 0;
     left: 0;
     overflow: hidden;
     height: 100%;
     top: -15px;
}
 .cover_image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .cover_image:before {
     content: "";
     background-color: #00000078;
     position: absolute;
     right: 0;
     left: 0;
     width: 100%;
     height: 100%;
     top: 0;
}
 footer.wrapper {
     margin-top: 63px;
}
 body .cover_image .edit_profile_popup .image_col{
    margin: auto;
}
 body .cover_image .vm--modal .col-4 {
     max-width: 100%;
     flex: 100%;
}
 button#visible {
     border-radius: 8px;
     width: 100%;
     max-width: max-content;
     padding: 15px 10px 14px 20px;
     height: auto;
     background-color: #fff;
     color: #fa9a09;
     max-width: 274px;
     justify-content: left;
     font-weight: 800;
     position: relative;
}
 ul.cover {
     position: absolute;
     right: 0px;
     max-width: 274px;
     width: 100%;
     background-color: #ffffff;
     border-top: 4px solid #f7961d;
     border-radius: 0px 0px 7px 10px;
     box-shadow: 0px 0px 26px 0px #00000042;
}
 body ul.cover li button {
     border-radius: 0 !important;
     width: 100% !important;
     max-width: 281px !important;
     height: auto !important;
     background-color: transparent !important;
     color: #f7961d !important;
     justify-content: left !important;
     padding: 16px 12px 16px 9px !important;
     text-decoration: none;
}
 .dark-theme ul.cover li:last-child, ul.cover li:last-child{
    border: 0;
}
 .dark-theme ul.cover li{
    border-bottom: 1px solid #ffffff91;
}
 ul.cover li {
     width: 100%;
     display: flex;
     align-items: center;
     border-bottom: 1px solid #0e0e0e17;
}
 button#visible svg {
    position: absolute;
    right: 0;
}
 button#visible svg path{
    fill: #fa9a09;
}
 ul.cover li svg {
     margin-left: 14px;
}
 .dark-theme button#visible {
     background-color: #151515 !important;
}
 .dark-theme ul.cover {
     background-color: #151515 !important;
     border-top: 2px solid #ffffffbd;
}
 .deactive_wper a {
     color: #f7961d;
     font-weight: 700;
     text-align: center;
     display: block;
     padding: 26px 0 0;
     font-size: 0.6em;
     cursor: pointer;
}
 .deactive_wper a:hover {
     color: #6dc106;
}
 .coverphoto .vm--modal {
     width: 100% !important;
     max-width: 450px;
}
 .coverphoto .vm--modal > div{
     width: 100%;
     max-width: 250px;
}
 .footer_copywrite{
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 99;
}
 .coverphoto .image_col{
    margin: auto;
}
 .coverphoto .col-4{
    flex: 100%;
    max-width: 100%;
}
 .footer_copywrite_home{
    position: static;
}
 .privacy .select2-selection__rendered{
    font-size: 0.8em;
}
 .sec_contact .row-form .col_12 p.text-danger {
     margin-top: -3px;
}
 body .mar_top_0{
    margin-top: 0;
}
 body .recipe_post_details span .two_line label{
    width: auto;
}
 body .two_line a{
     font-size: 0.6em;
     color: var(--orange);
     float: right;
     cursor: pointer;
     text-decoration: underline;
    transition: all 0.5s;
}
 button.remove_coverphoto:hover, body .two_line a:hover{
    color:var(--green);
}
 button.remove_coverphoto {
     color: var(--orange);
     text-decoration: underline;
     font-size: 0.7em;
     text-align: center;
     width: 100%;
     padding-top: 20px;
     transition: all 0.5s;
}
 .dark-theme .show_overlay {
     background: transparent;
}
 .no-search {
    border-radius: 12px !important;
}
/* Draft */
 .draft_list .draft_main_div{
    background-color: var(--white);
    display: flex;
    align-items: center;
    padding: 35px 45px;
    border-radius: 20px;
    position: relative;
}
 .draft_list .draft_main_div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .draft_list .draft_main_div .draft_img{
    height: 116.99px;
    max-width: 116px;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}
 .draft_list .draft_main_div h4{
    color: #4A4A4A;
    font-size: 0.9em;
    font-weight: 900;
}
 .draft_list .draft_main_div .draft_text p{
    font-size: 0.88em;
    color: #969696;
}
 .draft_list .draft_main_div .draft_text{
    padding-left: 30px;
}
 .draft_list .draft_main_div .post-date-time{
    font-weight: 600;
    color: var(--gary-dark);
    font-size: 0.5em;
    display: block;
    padding: 7px 0 8px;
}
 .dark-theme .draft_list .draft_main_div {
    background-color: #151515;
}
 .dark-theme .draft_list .draft_main_div h4 {
    color: var(--white);
}
 .dark-theme .draft_list .draft_main_div .post-date-time {
    color: var(--white);
}
 .dark-theme .draft_list .draft_main_div .draft_text p {
    color: var(--white);
}
 @media only screen and (max-width: 1450px){
    button#visible {max-width: 255px;}
    ul.cover {max-width: 255px}    
 }
 
 @media only screen and (max-width: 767px){
     .draft_list .draft_main_div {
        flex-direction: column;
        padding: 0;
        overflow: hidden;
        align-items: flex-start;
    }
     .draft_list .draft_main_div .draft_img {
        max-width: 100%;
        height: 100%;
        border-radius: 0;
    }
     .draft_list .draft_main_div .draft_text {
        padding: 10px 45px 30px 30px;
        position: relative;
        width: 100%;
    }
     .draft_main_div .action_buttons {
        top: 15px;
        right: 0;
    }
}
 @media only screen and (max-width: 650px){
    .popUpWrapper .forget .form-group {
        margin-bottom: 18px;
    }
    .popUpWrapper .forget .form-group .text-danger{font-size: 0.4em !important;}
    body .top_week_sidebar ul{flex-wrap: nowrap;}
     .draft_list .container {
        padding: 0 10px;
    }
     .draft_list .draft_main_div .draft_text p {
        font-size: 0.65em;
    }
}
 @media only screen and (max-width: 480px){
  body .footer_sec {
        padding: 49px 0 20px;
        }
     .draft_list .draft_main_div h4 {
        font-size: 0.8em;
    }
    body ol.BreadcrumbList li:after{
        font-size: 0.55em;
        margin: 0 3px;
        padding-right: 6px;
    }
    ol.BreadcrumbList li:first-child:after {
        margin-right: 0;
    }
}
 

body.dark-theme .dashboard_menu .menu .recipe_sub_menu li.active > a,
body .dashboard_menu .menu .recipe_sub_menu li.active > a {
    color: var(--green);
}

body .dashboard_menu .menu .recipe_sub_menu li > a {
    color: var(--gary-dark);
}
body.dark-theme .dashboard_menu .menu .recipe_sub_menu li > a{
    color: var(--white);
}
body.dark-theme .dashboard_menu .menu .recipe_sub_menu li.active > svg path,
body .dashboard_menu .menu .recipe_sub_menu li.active > svg path {
    fill: var(--green);
    stroke: var(--green);
}

body .dashboard_menu .menu .recipe_sub_menu li > svg path {
    fill: var(--gary-dark);
    stroke: none;
}
body .dashboard_menu .menu .recipe_sub_menu li:last-child > svg path {
    stroke: var(--gary-dark);
}

body.dark-theme .dashboard_menu .menu .recipe_sub_menu li > svg path {
    fill: var(--white);
    stroke: none
}
body.dark-theme .dashboard_menu .menu .recipe_sub_menu li:last-child > svg path {
    stroke: var(--white);
}
body .dashboard_menu .menu .recipe_sub_menu li.active:last-child > svg path {
    fill: var(--green);
    stroke: var(--green);
}

.text-emty.nodraft {
    background-image: url(../images/nodraft.svg);
    color: #BEBEBE;
    font-weight: 800;
    background-position: center top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 170px;
    padding-bottom: 90px;
    margin-top: 77px;
}

body .method_error{position: absolute; bottom: 10px}
.recipe_details_page .preprations .content_area {font-size:0.8em}

@media only screen and (max-width: 380px){
    .wall_tab_sec .side_bar .top_recipe.friend_list .content_wrap .img-col {
        flex-direction: column;}
    body .side_bar .top_chef .img_wrap {
        margin: 0;margin-bottom: 10px;}
    .side_bar .top_recipe .content_wrap .post_text {    
            text-align: center;}
    .wall_tab_sec .friend_list .content_wrap .btn_wrapper {
            flex-direction: column;align-items: center;}
    .side_bar .top_recipe .content_wrap a {
                font-size: 0.7em;}
}

@media only screen and (max-width: 340px){
body .dash_silder_recipes .text_wrper .social_btn button:after { right: -15px;}
.text_wrper .content a{word-break: break-all;}
}


/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, .elementor-field-type-textarea .elementor-field-textual, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
    select, .elementor-field-type-textarea .elementor-field-textual, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"], 
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
    select, 
    .elementor-field-type-textarea .elementor-field-textual, 
    input[type="text"], 
    input[type="password"],
    input[type="datetime"], 
    input[type="datetime-local"],
    input[type="date"], 
    input[type="month"], 
    input[type="time"],
    input[type="week"],
     input[type="number"], 
     input[type="email"],
    input[type="tel"], 
    input[type="url"]{ font-size: 16px; }
}


/* @media screen and (-webkit-min-device-pixel-ratio:0) { 
    select:focus,
    textarea:focus,
    input:focus {
      font-size: 14px;
    }
  } */


  body .Cookie--dark-lime .Cookie__button {
    background: #6dc106;
    border-radius: 30px;
    font-weight: bold;
    padding: 10px 45px;
    font-size: 20px;
}
body .Cookie--dark-lime {padding: 10px 30px;}



/* yasir abbas 23-2-2022 */

.menu_social ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.menu_social ul li {
    width: 22.33%;
    padding-bottom: 11px;
}

.menu_social ul li:first-child {
    width: 100%;
}
.mode.login{display: none;}
.menu_social.ml-4.menu {
    width: 20%;
}
.menu_social ul li:hover a img{opacity: 0;}
.menu_social ul li.facebook:hover a {
    background-image: url(../images/facebook_hover.svg);
}

.menu_social ul li.instgram:hover a {
    background-image: url(../images/instagram_hover.svg);
}
.menu_social ul li.linkedin:hover a {
    background-image: url(../images/linkin_hover.svg);
}
.menu_social ul li.twitter:hover a {
    background-image: url(../images/twiter_hover.svg);
}
.menu_social ul li.youtube:hover a {
    background-image: url(../images/youtube_hover.svg);
}
.menu_social ul li.tiktok:hover a {
    background-image: url(../images/tiktok_hover.svg);
}

.menu_container .logo a img {
    width: 100%;
}
.login.d-flex.flex-align.profile_div .name a{color: var(--black);font-size: 0.8em;}

.sec_discover .silder_recipes .text_wrper h3{font-size: 0.8em;min-height: 70px;line-height: normal;}

.sec_discover .container,
.sec_about .container{max-width: 1380px;}

.srarting_post .input_text .upload img {
    margin-left: 20px;
}
.col_8.dashboard_col_8{width: 60%;padding-right: 30px;}

body .form-group .form-control.vue-tel-input {
    border-radius: 10px;
    border: 1px solid #e0d9d9c4;
}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered{color: #63636380;}
button.btn.mt-1.disabled {
    opacity: 0.6;
    pointer-events: none;
}
.recommend_brand {
    float: left;
    /* width: 100%; */
    display: flex;
    align-items: center;
}

.recommend_brand span {
    margin-left: 10px;
    width: auto;
    cursor: pointer;
}

body.dark-theme .deactive_wper a{box-shadow:inherit;border: 1px solid rgb(101 101 101);color: #fff;}
@media only screen and (max-width: 980px){
    .sec_discover .container,
    .sec_about .container{max-width: 1380px;padding: 0 30px;}
    body .menu_social.ml-4.menu{width: 40%;}

}

@media only screen and (max-width: 650px){
    body .srarting_post{margin-top: 8px;}
    .profile_box ul li:first-child{border: 0;font-size: inherit;padding: 0;}
    .profile_box ul li:first-child a{    font-size: 0.6em;}
    .login.d-flex.flex-align.profile_div{position: relative;}
    span.span_drop {position: absolute;right: 0;top: 0;width: 100%;height: 100%;left: 0;opacity: 0;}
    body .deactive_wper a{margin: auto;}
    body .edit_profile .deactive_wper h5{display: none;}
    body .Cookie--dark-lime {padding: 10px 10px;font-size: 16px;}
    body .Cookie__buttons {margin: 0;}
    body .Cookie--dark-lime .Cookie__button {padding: 8px 32px;font-size: 15px;}
}

@media only screen and (max-width: 480px){
.upload_by_url{flex-wrap: wrap;}
body .upload_by_url .btn{margin-left: 0;margin-right: 0;}
body .chief_about{padding-bottom: 0;}
body .menu_social.ml-4.menu {width: 54%;}

}

body hr.border-none {
    margin: 28px 0 40px !important;
    background-color: transparent !important;
} 

body .forget_pass {float: right;width: auto!important;}



/* booking Popup */

.popup-booking .book_mark_list:nth-child(4n) {
    margin-right: 0;
}

.popup-booking .book_mark_list {
    width: 22%;
    margin-right: 4%;
    margin-bottom: 16px;
    position: relative;
}
.popup-booking {
    justify-content: left;
    padding-top: 0;
    margin-bottom: 10px;
}
.bookmark-listing.popup-booking .book_mark_list .content h3{
    font-size: 0.9em;
}

.popup-booking .thumbnail button.cross_icon {
    color: #0000009c;
    font-size: 20px;
    z-index: 99999;
    display: contents;
    font-weight: 700;
}

.tab_folder .search_folders h3.content_title > div {
    color: #4a4a4a;
    padding-right: 3px;
    cursor: pointer;
}

.tab_folder .thumbnail.uploaded .dot_button .edit{
    color: var(--black) !important;
  
}
.post_without_thumbnail .dot_button span.edit.edit-dots {
    color: #4a4a4a !important;
}
.dark-theme .tab_folder .search_folders h3.content_title,
.dark-theme .tab_folder .search_folders h3.content_title > div{  color: var(--white)}
.tab_folder .search_folders h3.content_title {
    font-size: 1.0em;
    color: #4a4a4a;
    display: flex;
    align-items: center;
}

.tab_folder .search_folders h3.content_title span {
    color: var(--black);
    font-size: 0.5em;
    padding-left: 5px;
    padding-top: 5px;
}

.popup-booking .thumbnail button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: 95px;
    border-radius: 13px;
    overflow: hidden;
}

.popup-booking .thumbnail button .thumbnail_sub {
    float: left;
    width: 50%;
    height: 84px;
   
}
.popup-booking .thumbnail button .thumbnail_sub .blank_dev{
    background-color: #C4C4C4;
    width: 100%;
    height: 100%;
}



.dark-theme .tab_folder .thumbnail .dot_button ul.list-dots, 
.dark-theme .popup-booking .thumbnail .dot_button ul.list-dots,
.dark-theme .menu_button li.btn {
    background-color: #151515;
}
.dark-theme .content.post_content{
    box-shadow: 0px 20px 26px rgb(90 82 58 / 23%);
}
.dark-theme .popup-booking .thumbnail{
    box-shadow: inherit; 
}
.dark-theme .tab_folder .thumbnail .dot_button ul.list-dots li button, 
.dark-theme .popup-booking .thumbnail .dot_button ul.list-dots li button,
.dark-theme .dot_button_filter ul.list-dots li button {
    color: #fff;
}
.dark-theme .dot_button_filter ul.list-dots {
    background-color: #151515;
}
.dark-theme .tab_folder {
    background: #151515;
    box-shadow: inherit;
}
.dark-theme .tab_folder .search_folders h3.content_title span,
.dark-theme  .left_search_folders h3{
    color: #fff;
}
.dark-theme .tophr{ border-top: 1px solid rgb(89 89 89);}
.dark-theme .wapper_book_popup .search_folders,
.dark-theme .tab_folder .search_folders {
    border-bottom: 1px solid rgb(89 89 89);
}


.dark-theme .menu_button li.btn.active, .dark-theme .menu_button li.btn:hover {
    background-color: var(--green);
}

.dot_button_filter {
    position: relative;
}

.dot_button_filter ul.list-dots li {
    border-bottom: 1px solid rgba(176, 176, 176, 0.15);
    padding: 14px 12px 14px 12px;
    width: 100%;
}
.dot_button_filter ul.list-dots li:last-child{border: 0;}

.dot_button_filter ul.list-dots li button {
    color: var(--gary-dark);
    font-size: 0.66em;
    display: flex;
    padding-left: 0;
    background-position: left;
    font-weight: 700;
    height: auto;
    width: 100%;
    justify-content: center;
}
.popup_folder .thumbnail {
    border: 4px solid #6dc106;
}

.tab_folder .thumbnail .dot_button,
.popup-booking .thumbnail .dot_button{
    position: absolute;
    right: 20px;
    width: auto;
    z-index: 9;
    cursor: pointer;
}
.content.post_content p{font-size: 0.6em;word-break: break-word;}
.content.text_img_wapper.post_content p {
    color: #fff;
    font-size: 0.6em;
    word-break: break-word;
}
.content.post_content p.post_title,
.content.text_img_wapper.post_content p.post_title{
    font-size: 0.8em;
}
.post_folder .book_mark_list{    margin-bottom: 20px;}
body.dark-theme .two_button .cancel{box-shadow: inherit;color: #fff;
    border: 1px solid rgb(255 255 255);}
body.dark-theme .main_folder_pop-waper .main_folder_pop button{color: #fff;}
body.dark-theme .two_button{    background: linear-gradient(180deg, rgb(21 21 21 / 13%) 0%, #151515 53.12%);box-shadow: inherit;color: #fff;}
.main_folder_pop-waper .main_folder_pop button {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #636363;
    opacity: 50%;
    margin-right: 9px;
}
.main_folder_pop-waper {
    width: 100%;
}
body .two_button button{font-size: 0.7em;height: 46px;text-transform: capitalize;}
body .two_button .cancel{margin-right: 17px;background-color: transparent;border: 1px solid rgba(99, 99, 99, 0.5);box-shadow: 0px 20px 27px rgba(223, 224, 221, 0.6);color: #636363;margin-left: 20px;}
body .overlay_div_color img{height: 100% !important;border-radius: 0 !important; }

/* body .popup-booking .folder_limit_images:before,
body .overlay_div_color:before{} */
.overlay_div_color:before,
.popup-booking .folder_limit_images:before,
.popup-booking .thumbnail_sub:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    /* background-color: #0000001f; */
}
.wapper_book_popup .search_folders div {
    width: auto;
}
.wapper_book_popup .search_folders{margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.11);}
.savepopup div {width: 100%;}
.content.post_content {
    border-radius: 20px;
    padding: 40px 25px;
    overflow: hidden;
    box-shadow: 0px 0px 21px rgb(99 99 99 / 20%);
}
.content.text_img_wapper.post_content {
    position: absolute;
    bottom: 15px;
    z-index: 99;
    width: 100%;
    padding: 0px 20px;
    box-shadow:none;
}

.tab_folder .thumbnail .dot_button  span.edit.edit-dots,
.popup-booking .thumbnail .dot_button span.edit.edit-dots {
    color: #fff;
}
.tab_folder .thumbnail .dot_button ul.list-dots li:last-child,
.popup-booking .thumbnail .dot_button ul.list-dots li:last-child{border: 0;}
.tab_folder .thumbnail .dot_button ul.list-dots li ,
.popup-booking .thumbnail .dot_button ul.list-dots li {
    border-bottom: 1px solid rgba(176, 176, 176, 0.15);
    padding: 10px 0 10px 0px;
    width: 100%;
}
.thumbnail.post_thumbnail{position: relative;}
.tab_folder .thumbnail .dot_button ul.list-dots button,
.popup-booking .thumbnail .dot_button ul.list-dots button {
    color: var(--gary-dark);
    font-size: 0.66em;
    display: flex;
    padding-left: 0;
    background-position: left;
    font-weight: 700;
    height: auto;
    width: 100%;
    justify-content: center;
}
.tab_folder .thumbnail .dot_button ul.list-dots,
.popup-booking .thumbnail .dot_button ul.list-dots {
    position: absolute;
    width: 100%;
    min-width: 110px;
    right: 0;
    background: #FBFBFB;
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.26);
    border-radius: 16px;
    overflow: hidden;
}
.popup-booking .thumbnail button .thumbnail_sub img {
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}
.wapper_book_popup button.green_bg.btn {
    width: 100%;
    max-width: 316px;
    margin: auto;
    display: flex;
}
.tophr{border-top: 1px solid rgba(0, 0, 0, 0.11);padding-top: 42px;}
.right_search_folders .add{
    background-image: url(../images/folder_popup_add.svg);
    color: #ffffff00;
    margin-left: 5px;
    width: 35px;
    height: 27px;
    font-size: 0;
}
.search_folders #searching input {
    background-image: url(../images/search-icon-orange.svg);
    background-color: transparent;
    background-size: 21px;
}
.search_folders #searching input:focus{margin-right: 12px;width: 230px;}
.dark-theme .search_folders #searching input::placeholder{
    color: #5E5E5E !important;
}
.dark-theme .search_folders #searching input{background-color: transparent !important;}
.search_folders div#searching {
    position: relative;
    right: -8px;
}
.left_search_folders h3{
    font-size: 1.0em;
}
.search_folders input {
    background-image: url(../images/search-icon-orange.svg);
    background-repeat: no-repeat;
    background-position: 95%;
    border: 1px solid rgba(99, 99, 99, 0.5) !important;
    border-radius: 41px;
    background-color: transparent;
    height: 39px;
}
.search_folders {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    align-items: center;
}
.right_search_folders {
    display: flex;
    align-items: center;
}

.search_folders input::-webkit-input-placeholder,
.wapper_book_popup input::-webkit-input-placeholder {
    /* Edge */
    color: var(--gray);
    font-size: 18px;
}
.search_folders input:-ms-input-placeholder,
 .wapper_book_popup input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--gray);
    font-size: 18px;
}
.search_folders input::placeholder 
 .wapper_book_popup input::placeholder {
    color: var(--gray);
    font-size: 18px;
}
body .savepopup .vm--modal {
    max-width: 940px;
    width: 100% !important;
    padding: 48px 55px;
}

.tab_folder .popup-booking .book_mark_list input[type="text"],
.wapper_book_popup .popup-booking .book_mark_list input[type="text"] {
    border-radius: 6px;
    background-image: none;
    height: 38px;
    margin-top: 13px;
    color: var(--green);
    font-size: 0.9em;
    font-weight: 700;
}
.select_img_folder {
    position: absolute;
    left: 10px;
    z-index: 9;
    top: 10px;
}


.tab_folder {
    background: #FFFFFF;
    box-shadow: 0px 20px 26px rgb(223 224 221 / 42%);
    border-radius: 20px;
    padding: 16px 25px;
    margin-bottom: 30px;
}

.tab_folder .popup-booking .book_mark_list{
    width: 28%;
    margin-right: 8%;
}
.tab_folder  .popup-booking .book_mark_list:nth-child(3n){margin-right: 0;}
/* .tab_folder  .popup-booking .book_mark_list:nth-child(4n){margin-right: 8%;} */
.tab_folder .search_folders{padding-bottom: 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.11);margin-bottom: 34px;}

.tab_folder  .new_added_book {
    margin-left: 5px;
    background-size: 28px;
    background-position: right;
}

.search_folders button.delete_icon.hide{
    opacity: 0.6;
    pointer-events: none;
}
.search_folders button.delete_icon{
    background-image: url(../images/delete_icon_folder.svg);
    width: 35px;
    height: 27px;
    font-size: 0;
    background-position: center;
    margin-left: 10px;
}
.search_folders button.filter {
    background-image: url(../images/filter.svg);
    width: 24px;
    height: 27px;
    font-size: 0;
    background-position: top;
    margin-left: 12px;
}


/* The container */
.select_img_folder {
    display: block;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
  }
  
  /* Hide the browser's default checkbox */
  body .select_img_folder input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 28px !important;
    width: 28px !important;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 9999;
  }
  
  /* Create a custom checkbox */
  .select_img_folder .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: #eee;
    border: 2px solid #D3455B;
    border-radius: 100%;
  }
  
  /* On mouse-over, add a grey background color */
  .select_img_folder:hover input ~ .checkmark {
    background-color: rgb(255, 255, 255);
  }
  
  /* When the checkbox is checked, add a blue background */
  .select_img_folder input:checked ~ .checkmark {
    background-color: #FF1F00;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .select_img_folder input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .select_img_folder .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }


  .popup-booking .book_mark_list .thumbnail img{
    border-radius: 0;
  }


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

body .savepopup .vm--modal button.cross_icon {
    top: 9px;
    right: 14px;
}

}
@media only screen and (max-width: 1180px){

    .dash_silder_recipes .text_wrper .social_btn .comment:after {
        right: -19px;
    }
}
.dash_silder_recipes .text_wrper .social_btn button.share:after {
    right: -36px;
}
@media only screen and (max-width: 650px){
    .search_folders #searching input::placeholder{font-size: 13px;}
    .search_folders #searching input:focus{margin-right: 0px;}
    .search_folders #searching input:focus {
        padding: 0 15px 0px 30px;
    }
    body .search_folders #searching input:focus{
        background-position: 4%;
        width: 100% !important;
    }
    .dot_button_filter ul.list-dots{right: -290%;}
    .search_folders div#searching{
        display: flex;
        justify-content: center;
    }
    body .right_search_folders{flex-wrap: wrap;
        width: 100%;
        justify-content: center;}
        body .tab_folder{padding: 16px 14px;}
    .search_folders #searching input{width: 38px !important; height: 38px;background-position: center;}
    body .two_button .cancel{margin-left: 0;}
    span.sel_text {
        float: left;
        width: 100%;
        text-align: center;
    }
    .tab_folder .new_added_book{background-size: 24px;}
    /* .search_folders button.filter{width: 20px;} */
    .main_folder_pop-waper {
        text-align: center;
        padding-bottom: 16px;
    }
    body .two_button {
        flex-wrap: wrap;
    }
    body .savepopup .vm--modal button.cross_icon {
        top: 20px;
        right: 20px;
    }
    .left_search_folders h3{padding-bottom: 15px;}
    .search_folders {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    body .search_folders .left_search_folders {
        float: left;
        width: 100%;
        text-align: center;
    }
    .tab_folder .popup-booking .book_mark_list{width: 100%;max-width: 190px;margin: 11px 11px !important;}
    body .addcontentpopup .bookmark-listing .book_mark_list {
        width: 100% !important;
        max-width: 190px;
        margin: 11px 11px !important;
    }
    body .addcontentpopup .left_search_folders h3{padding-bottom: 0;}
    body .addcontentpopup .bookmark-listing{justify-content: center;}
    .popup-booking .book_mark_list{width: 100%;/* max-width: 190px; *//* margin: 11px 11px !important; */}
    .popup-booking .book_mark_list,
    .popup-booking .book_mark_list:nth-child(4n) {
        margin-right: 0%;
    }
    .popup-booking{justify-content: center;}
    .tab_folder .popup-booking .book_mark_list,
    .tab_folder .popup-booking .book_mark_list:nth-child(4n){ margin-right: 0%;}
    body .addcontentpopup .right_search_folders{justify-content: center !important;}

}

.addcontentpopup .book_mark_list.popup_folder .thumbnail {
    border-radius: 20px;
    overflow: hidden;
}

.thumbnail {
    border: 4px solid #6dc10600;
}

body .addcontentpopup .vm--modal {
    width: 100% !important;
    max-width: 1000px;
}

body .addcontentpopup .bookmark-listing .book_mark_list {
    width: 22%;
    margin-right: 4%;
}

body .addcontentpopup .bookmark-listing  .book_mark_list:nth-child(4n) {
    margin-right: 0;
}

body .addcontentpopup .bookmark-listing  .book_mark_list:nth-child(3n) {margin-right: 4%;}

body .addcontentpopup .bookmark-listing  .book_mark_list p.post_title {
    color: var(--green);
    font-weight: 800;
    font-size: 0.8em;
}

body .addcontentpopup .vm--modal div {
    width: 100%;
}

body .addcontentpopup .right_search_folders{justify-content: end;}
body .addcontentpopup .button_both{display: flex;padding-top: 40px;border-top: 1px solid rgba(0, 0, 0, 0.11);justify-content: center;}
body .addcontentpopup .button_both .cancel_btns{
    background-color: transparent;
    color: #636363;
    border: 1px solid rgba(99, 99, 99, 0.5);
    box-shadow: 0px 20px 26px #DFE0DD;
    text-decoration: none;
}

body.dark-theme .addcontentpopup .button_both .cancel_btns{box-shadow: inherit;color: #ffffff;border: 1px solid rgb(255 255 255 / 50%);}

body .addcontentpopup .bookmark-listing .book_mark_list .post_user_name {
    font-size: 12px;
    font-weight: 600;
}
body .addcontentpopup .bookmark-listing .book_mark_list p.post_text {
    font-size: 16px;
    font-weight: 600;
}

body .addcontentpopup .bookmark-listing .book_mark_list .post_content_wapper {
    padding-top: 13px;
    padding-left: 9px;
    padding-bottom: 10px;
}
body .addcontentpopup .button_both .btn {
    max-width: 220px;
    margin: 0 14px;
}
body .addcontentpopup .blnk_wappera {
    height: 182px;
}

span.less_than {
    background-image: url(../images/breadcurb_icon.svg);
    width: 9px;
    height: 15px;
    margin: 0 10px;
}
.popup-form .popup-field:nth-child(3) p.text-danger {
    position: absolute;
}

.sort_active{background-image: url(../images/sort_active.svg);background-repeat: no-repeat;background-position: 96%;}

.login_popup .error_text {margin-top: 50px;}


.dash_silder_recipes .text_wrper .social_btn .bookmark:before {
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/unsave.svg);
    width: 25px;
    height: 25px;
    left: 6px;
    top: 2px;
    background-size: 15px;
}

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

.dash_silder_recipes .text_wrper .social_btn button.share:after,
.dash_silder_recipes .text_wrper .social_btn button:after {
    right: -20px;
}
.dash_silder_recipes .text_wrper .social_btn .comment:after{right: -14px;}
}

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

    .dash_silder_recipes .text_wrper .social_btn button.share:after, 
    .dash_silder_recipes .text_wrper .social_btn button:after{right: -30px;}
.dash_silder_recipes .text_wrper .social_btn .comment:after {
    right: -27px;
}
.toasted-container.bottom-center {
    top: 46% !important;
    bottom: inherit !IMPORTANT;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
}
}

@media only screen and (max-width: 480px){
    body .savepopup .vm--modal,
    body .addcontentpopup .vm--modal{max-width: 300px;}
    body .addcontentpopup .vm--modal .bookmark-listing{margin-bottom: 0;}
    body .dash_silder_recipes .text_wrper .social_btn button:after,
    .dash_silder_recipes .text_wrper .social_btn button.share:after, 
    .dash_silder_recipes .text_wrper .social_btn button:after{display: none;}

}


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

    .side_bar_list.col_3.pl-5.fixed{
        right: 16%;
    }
}

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

    .side_bar_list.col_3.pl-5.fixed{ right: 12%;}
}

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

    .side_bar_list.col_3.pl-5.fixed {
        right: 8%;
    }

}

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

    body .side_bar_list.col_3.pl-5.fixed {
        right: 30px;
    }
}

.vue-progress-path .progress {
    stroke: #6dc106;
}


/* Header New design */

.left_block.d-flex.flex-align nav#top-menu {text-align: center;width: 100%;}
.left_block.d-flex.flex-align nav#top-menu ul{justify-content: center;}
header .left_block.d-flex.flex-align {width: 100%;}
.header .right_block a.login-text img {height: 100%;max-width: 23px;}
.header .right_block.d-flex.flex-align {max-width: 210px;width: 100%;justify-content: right;}
.login.d-flex.flex-align.profile_div .name a{font-weight: 600;}
/* .header span.span_drop img {width: 100%;height: 100%;object-fit: contain;}body.vm--block-scroll::before{
    content: "";
     position:absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 73%) !important;
    z-index: 999;
} */
body .vm--container{
    z-index: 9999;
}
 body.vm--block-scroll{
    position: relative;
}
body .edit_post form span:nth-child(8) .text-danger {
    top: -25px;
    float: left;
    width: 100%;
    position: relative;
}
 body.vm--block-scroll .vm--overlay{
    display: none !important;
}
 body .brand-popup .vm--overlay {
    display: block !important;
}
 .tooltip.popover{
    background-color: #fff;
    z-index: 99999;
}
body .banner_text p {
    letter-spacing: 0.5px;
}
 .vm--container.scrollable::-webkit-scrollbar, html::-webkit-scrollbar {
    background-color:#fff;
    width:8px
}
 .vm--container.scrollable::-webkit-scrollbar-track, html::-webkit-scrollbar-track {
    background-color:#fff;
    position: relative;
    z-index: 99;
}
 .vm--container.scrollable::-webkit-scrollbar-track:hover, html::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4;
    position: relative;
    z-index: 99;
}
 .vm--container.scrollable::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
    background-color:#fa9600;
    border-radius:16px;
    border:4px solid #fa9600;
    position: relative;
    z-index: 99;
}
 .vm--container.scrollable::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:hover {
    background-color:#fa9600;
    border:4px solid #fa9600;
    position: relative;
    z-index: 9;
}
 .vm--container.scrollable::-webkit-scrollbar-button, html::-webkit-scrollbar-button {
    display:none;
    z-index: 99;
}
 .header.fixed-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
    top: 0;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
}
 .margin-top-102{
    margin-top: 75px;
}
 body .dark_img{
    display: none;
}
 body.dark-theme .dark_img{
    display: block;
    margin: auto;
}
 body.dark-theme .light_img{
    display: none;
}
/*header home page*/
 .left_menu_wrap{
    display: none;
}
 a.login-text{
    font-size: 0.8em;
    font-weight: 700;
    position: relative;
    top: 4px;
}
 .header .right_block a.login-text{
    cursor: pointer;
    width: 100%;
    max-width: 50px;
    margin-right: 30px;
}
 .menu_container{
    margin: 0px 2%;
    padding: 10px 0;
}
 .menu_container .left_block #top-menu div button{
    display: none;
}
 .menu ul li{
    margin-left: 20px;
    position: relative;
}
 a.login-text:hover, .menu ul li a:hover{
    opacity: 0.8;
}
 .dashboard_menu .menu ul li a{
    color: var(--gary-dark);
    padding-left: 9px;
}
 .dashboard_menu .menu ul li{
    position: relative;
    margin-right: 1.5vw;
}
 .dashboard_menu .menu ul li svg{
    top: 1px;
    position: relative;
}
 .menu ul li.active a:before {
    /* border-bottom: 3px solid var(--green); */
    content: "";
    width: 100%;
    position: absolute;
    bottom: -10px;
    left: 0;
}
 .menu ul li a{
    font-size: 0.7em;
    color: var(--gary-dark);
    font-weight: 600;
    padding: 10px 0;
    display: inline-block;
}
 .recipe_sub_menu {
     position: absolute;
     width: 193px;
     background-color: var(--white);
     left: -20px;
     border-radius: 0px 0px 10px 10px;
     visibility: hidden;
     padding-top: 0;
     z-index: 9999999999999999;
}
#Recipes .recipe_sub_menu li {
    margin: 0 25px;
}

 .dark-theme .recipe_sub_menu{
    background-color: #151515;
}
 .menu ul li#Recipes.active a:before{
    display: none;
}
 .menu .recipe_sub_menu li > a{
    padding: 17px 0;
}

 .recipe_sub_menu li:last-child > a{
    border: none;
}
 #Recipes{
    display: flex;
    align-items: center;
    cursor: pointer;
}
 #Recipes:hover .recipe_sub_menu li img {
     position: relative;
     top: 4px;
}
 #Recipes:hover .recipe_sub_menu{
    visibility: visible
}
 #Recipes .recipe_nav{
    margin-left: 5px;
}
 body.dark-theme .menu ul li svg path{
    fill: var(--white);
}
 body .__nuxt-error-page {
     min-height: 600px;
}
 body.dark-theme .menu ul li svg.recipe_icon path{
    stroke: var(--white);
}
 body.dark-theme .menu ul li.active svg path{
    fill: var(--green);
    stroke: var(--green);
}
 body.dark-theme .menu ul li.active a{
    color: var(--green)
}
 .menu ul li.active a{
    color: var(--green);
    font-weight: 600;
}
body.dark-theme .menu ul li:hover a {
    color: var(--green);
    font-weight: 600;
    opacity: 1;
}

body.dark-theme .dashboard_menu .menu .recipe_sub_menu li:last-child:hover > svg path {
    stroke: var(--green);
}
body.dark-theme .dashboard_menu .menu .recipe_sub_menu li:hover > a {
    color: var(--green);
}

body.dark-theme .dashboard_menu .menu .recipe_sub_menu li:hover > svg path {
    fill: var(--green);
}
body .dashboard_menu .menu .recipe_sub_menu li:hover > svg path {
    fill: var(--green);
}
body .dashboard_menu .menu .recipe_sub_menu li:last-child:hover > svg path{
    stroke: var(--green);
}
.menu ul li:hover a {
    color: var(--green);
    font-weight: 600;
}
body .dashboard_menu .menu .recipe_sub_menu li:hover > a {
    color: var(--green);
    font-weight: 600;
}

 .menu ul li.active svg path{
    fill: #ffffff00;
    stroke: #ffffff00;
}
 .menu_container .logo{
    margin-right: 3vw;
}
 .menu_container .logo a{
    font-size: 0;
    max-width: 159px;
    width: 100%;
}


.non_login .menu ul li{
    display: flex;
    align-items: center;
}
.non_login .menu ul li span{
line-height: 1;
margin-right: 5px;
}
 .header .right_block .login_wrap .btn{
    padding: 12px 12px;
    text-transform: uppercase;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
}
 .header .right_block .login_wrap .gray{
    border: none;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: 800;
    color: var(--gary-dark);
    font-family: 'Nunito';
}
 .comment_post .content .mention_editor .ProseMirror::-webkit-input-placeholder{
    color: #7D7D7D;
    font-size: 16px;
     font-weight: 700;
     opacity: 80%;
}
 .comment_post .content .mention_editor .ProseMirror:-ms-input-placeholder{
    color: #7D7D7D;
    font-size: 16px;
     font-weight: 700;
     opacity: 80%;
}
 .comment_post .content .mention_editor .ProseMirror::placeholder{
    color: #7D7D7D;
    font-size: 16px;
     font-weight: 700;
     opacity: 80%;
}
 #searching input::-webkit-input-placeholder {
    /* Edge */
    color:#9E9E9E;
}
 #searching input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color:#9E9E9E;
}
 #searching input::placeholder {
    color:#9E9E9E;
}
 #searching input:focus{
    width: 310px;
    padding: 0 15px 0px 40px;
    border: 1px solid #a9a9a9!important;
    background-image: url(../images/search-icon-green.svg);
    background-position: 6%;
    background-color: transparent;
    background-size: 22px;
    cursor: inherit;
    font-size: 0.75em;
}
 #searching input:focus::placeholder{
    opacity: 1;
}
 #searching input::placeholder{
    opacity: 0;
}
 #searching input {
    width: 45px;
    height: 45px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 25px;
    border: 0!important;
    font-size: 17px;
    transition: all 0.5s;
    background-image: url(../images/search-icon-green.svg);
    background-repeat: no-repeat;
    background-position: 95%;
    /* position: relative; */
    /* left: 0; */
    /* background-color: var(--green); */
    border: 0;
    background-size: 22px;
    /* cursor: pointer; */
}
 #searching input:focus {
    outline: none;
}
/*login*/
 .right_block{
    position: relative;
}
 .login_wrap.d-flex.flex-align{
    position: relative;
    margin-left: 10px;
}
 .notifi_box{
    z-index: 99999;
    min-width: 415px;
    position: absolute;
    width: 100%;
    top: 51px;
    background-color: var(--white);
    right: 10px;
    box-shadow: none !important;
    border-radius: 0;
}
 .notification_heding {
    padding: 10px 0;
    display: none;
}
 .mention_editor .ProseMirror::-webkit-scrollbar{
    background-color:transparent;
    width:5px
}
.tippy-content .items::-webkit-scrollbar,
 .dropdown-content::-webkit-scrollbar, 
 .notification_scroll::-webkit-scrollbar {
    background-color:#fff;
    width:5px
}
.tippy-content .items::-webkit-scrollbar{
    background-color:transparent;
}
 .mention_editor .ProseMirror::-webkit-scrollbar-track{
    background-color:transparent;
    position: relative;
    z-index: 99;
    margin: 10px 0;
}
.tippy-content .items::-webkit-scrollbar-track,
 .dropdown-content::-webkit-scrollbar-track, .notification_scroll::-webkit-scrollbar-track {
    background-color:#fff;
    position: relative;
    z-index: 99;
}
.tippy-content .items::-webkit-scrollbar-track:hover,
 .css-scroll::-webkit-scrollbar-track:hover, 
 .mention_editor .ProseMirror::-webkit-scrollbar-track:hover, 
 .dropdown-content::-webkit-scrollbar-track:hover, 
 .notification_scroll::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4;
    position: relative;
    z-index: 99;
}
 span.sharewapper {
    font-size: 0.66em;
}
 /* .inner_recipe .content_area a{
    color: var(--green);
} */
.tippy-content .items::-webkit-scrollbar-thumb, 
 .css-scroll::-webkit-scrollbar-thumb, 
 .mention_editor .ProseMirror::-webkit-scrollbar-thumb, 
 .dropdown-content::-webkit-scrollbar-thumb, 
 .notification_scroll::-webkit-scrollbar-thumb {
    background-color:#fa9600;
    border-radius:16px;
    border:2px solid #fa9600;
    position: relative;
    z-index: 99;
}
.tippy-content .items::-webkit-scrollbar-thumb:hover,
 .css-scroll::-webkit-scrollbar-thumb:hover, 
 .mention_editor .ProseMirror::-webkit-scrollbar-thumb:hover, 
 .dropdown-content::-webkit-scrollbar-thumb:hover, 
 .notification_scroll::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f4f4f4;
    position: relative;
    z-index: 9;
}
.tippy-content .items::-webkit-scrollbar-button,
 .css-scroll::-webkit-scrollbar-button, 
 .mention_editor .ProseMirror::-webkit-scrollbar-button, 
 .dropdown-content::-webkit-scrollbar-button, 
 .notification_scroll::-webkit-scrollbar-button {
    display:none;
    z-index: 99;
}
 .css-scroll::-webkit-scrollbar-track{
    background-color:transparent;
    position: relative;
    z-index: 99;
    margin: 10px 0;
}
.tippy-content .items::-webkit-scrollbar-track{
    background-color:transparent;
    position: relative;
    z-index: 99;
    margin: 10px 0;
}
 .css-scroll::-webkit-scrollbar{
    width: 5px;
}
 .css-scroll{
    overflow: auto;
}
 .notification_scroll{
    max-height: 66vh;
    overflow: auto;
    padding: 0 22px 0px 22px;
}
 .control .dropdown-menu .dropdown-content{
    max-height: 66vh;
    overflow: auto;
}
 body .brand-popup .control .dropdown-content{
    max-height: 15vh;
    overflow: auto;
}
 .notifi_box .img_wrap{
    margin-left: 0;
    margin-right: 17px;
}
 .notifi_box .img_wrap span{
    width: 100%;
    height: 100%;
    display: table-column-group;
}
 .notifi_box .img_wrap img{
    width: 100%;
    border-radius: 50%;
}
 .notifi_box .img_wrap a{
    display: inline-flex;
    height: 100%;
}
 .notifi_box .content_wrap .post_text span.bold {
    font-weight: 800;
    text-transform: capitalize;
}
 .notifi_box .content_wrap {
    padding: 23px 13px;
    background: #E0E0E0;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
}
 .notifi_box .content_wrap.unread{
    border: 1px solid #D2D2D2;
    border-radius: 20px;
    background: transparent;
}
 .notifi_box .content_wrap .post_text, .notifi_box .content_wrap a {
    font-size: 0.56em;
    font-weight: 600;
    color: var(--black);
    text-align: left;
    text-transform: lowercase;
}
/* .dark-theme .notifi_box .content_wrap:hover{
    background-color: rgba(255, 255, 255, 0.1)
}
 */
 .dark-theme .notifi_box .content_wrap{
    border: 1px solid rgba(255, 255, 255, 0.1);
}
 .notifi_box .content_wrap.unread .img_wrap .avatar-svg{
    background-color: var(--green);
}
 .notifi_box .img_wrap .avatar-svg{
    width: 39px;
    background-color: #C0C0C0;
    height: 39px;
    float: left;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .notifi_box .img_wrap .commint-svg svg{
    right: 2.5px;
    top: -2px;
    position: relative;
}
 .notifi_box .img_wrap .author-img{
    position: relative;
}
 .notifi_box .img_wrap .author-img img{
     width: 20px;
     height: 20px;
     bottom: -5px;
     right: -3px;
     position: absolute;
     border: 2px solid #FFFFFF;
     margin-right: 0;
}
/*login*/
/*Banner*/
 .sec_banner{
    padding: 0 32px;
    padding-bottom: 5px;
}
 .banner_bg{
    margin-top: 30px;
    min-height: 800px;
    background-image: url("../images/banner_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
 .sec_banner .banner_text{
    max-width: 630px;
    margin: 0 auto;
}
/*sec_discover*/
 .sec_discover{
    margin-bottom: -147px;
    z-index: 9;
    position: relative;
    background-color: var(--white)
}
 .sec_discover .silder_recipes .slick-slide{
    padding: 0 12px;
}
 .sec_discover .silder_recipes .slick-slide .slick-slide{
    padding: 0;
}
 .sec_discover .silder_recipes .slick-slide .recipe_slide{
    border-radius: 20px;
    background-color:var(--white) ;
    outline: none;
    -webkit-box-shadow: -6px 6px 54px -15px rgba(101,105,104);
     -moz-box-shadow: -6px 6px 54px -15px rgba(101,105,104);
     box-shadow: -6px 6px 54px -15px rgba(101,105,104);
}
 .sec_discover .silder_recipes .slick-track{
    padding: 32px 0 60px;
}
 .sec_discover .silder_recipes .images_wrper{
     width: 100%;
     height: 190px;
     overflow: hidden;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     position: relative;
}
 .sec_discover .silder_recipes .text_wrper .left .author-img{
     max-width: 50px;
}
 .sec_discover .silder_recipes .slick-track .full-width .slick-track {
    padding: 0 !important;
}
 .sec_discover .silder_recipes .full-width {
     width: 100% !important;
}
 section.sec_discover.wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    background-color: #eaeaea;
    width: 100%;
    height: 142px;
}
 .sec_discover .silder_recipes .images_wrper img{
    width: 100%;
    position: relative;
    top: 0;
    height: 100%;
    object-fit: cover;
}
 .sec_discover .silder_recipes .text_wrper{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    padding: 20px 15px 20px;
    position: relative;
}
 .sec_discover .silder_recipes .text_wrper .left{
    width: 60px;
    float: left;
    margin-right: 8px;
}
 .sec_discover .silder_recipes .text_wrper .left .author-img{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}


 .sec_discover .silder_recipes .text_wrper .right .author-text span{
    text-transform: capitalize;
    font-weight: 800;
}
 .sec_discover .silder_recipes .text_wrper .avtar_sec{
    display: flex;
    align-items: center;
}
 .sec_discover .silder_recipes .text_wrper .left .author-img img{
    width: 100%;
    position: relative;
    height: 100%;
}
 .sec_discover .silder_recipes .text_wrper .right .author-text{
     font-size: 0.6em;
     display: block;
     font-weight: 600;
}
 .sec_discover .silder_recipes .text_wrper .right .post-date-time{
    font-size: 0.5em;
    display: block;
    /* background-image: url('../images/place.svg');
    background-repeat: no-repeat;
    padding-left: 24px; */
    color: #9F9F9F;
}
 .sec_discover .silder_recipes .text_wrper .content{
    float: left;
    min-height: 80px;
}
 .sec_discover .silder_recipes .text_wrper .content p{
    font-size: 0.7em;
    color: var(--gary-dark);
     word-break: break-all;
}
 .rating-counrt{
    color: var(--gary-dark);
    font-size: 0.5em;
    font-weight: 700;
}
/*sec_about*/
 .chief_about{
    min-height: 910px;
    align-items: center;
    position: relative;
}
 #__nuxt .chief_about .inner_silder{
    position: absolute;
    right: 0px;
    top: 23%;
    width: 50%;
}
 .chief_about .inner_silder .slick-slide:nth-child(2n+1) {
    top: -198px;
    position:relative;
}
 body.dark-theme .chief_about{
    background-color: #131212 !important;
}
 .chief_about .inner_silder .slick-slide.slick-active{
    opacity: 1;
    position: relative;
}
/* .chief_about .inner_silder .col_4 .text_wrper .content p{
     overflow: hidden;
     max-height: 106px;
}
 */
 .chief_about .inner_silder .slick-slide{
    padding-right: 78px;
    padding-bottom: 40px;
    outline: none;
    opacity: 0;
}
 .chief_about .inner_silder .cheif_slide{
    outline: none;
    -webkit-box-shadow: 0px 0px 47px -20px rgb(0 0 0 / 62%);
    -moz-box-shadow: 0px 0px 47px -20px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 47px -20px rgb(0 0 0 / 62%);
    padding: 62px 12px 21px;
    position: relative;
}
 .chief_about .inner_silder .col_4 .images_wrper .author-img{
    display: inline-block;
    width: 110px;
     height: 110px;
    border-radius: 50%;
    overflow: hidden;
}
 .chief_about .inner_silder .col_4 .images_wrper{
    position: absolute;
    right: 0;
    /* z-index: 99999;
     */
    left: 0;
    top: -61px;
}
 .sec_contact .row-form .col_6{
    width: 47%;
    float: left;
    display: flex;
    flex-direction: column;
}
 .sec_contact .row-form .col_12{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
}
 .chief_about .inner_silder .col_4 .text_wrper .content p{
    word-break: break-all;
    font-size: 0.6em;
}
 .chief_about .inner_silder .col_4 .text_wrper h3{
    font-size: 1.1em;
    color: var(--gary-dark);
}
 .chief_about .inner_silder .col_4 .text_wrper h4{
    font-weight: 400;
    font-size: 0.9em;
    color: var(--gary-dark);
}
 .chief_about .inner_silder .col_4 .text_wrper h4 a:hover{
    opacity: 0.9
}
 .dark-theme .chief_about .inner_silder .col_4 .text_wrper h4 a{
    color: var(--white);
}
 .chief_about .inner_silder .col_4 .text_wrper h4 a.green, .dark-theme .chief_about .inner_silder .col_4 .text_wrper h4 a.green{
    color: var(--green);
}
 .chief_about .inner_silder .col_4 .text_wrper h4 a{
    font-size: 0.6em;
    font-weight: 700;
    padding-top: 15px;
    display: block;
    color: var(--gary-dark);
    word-break: break-all;
}
 .chief_about .inner_silder .col_4 .text_wrper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
     justify-content: center;
    flex-direction: column;
}
 .following_media ul{
    display: flex;
    margin-top: 10px;
    justify-content: center;
}
 .following_media ul li{
     border-right: 1px solid #00000014;
     flex-direction: column;
     align-items: center;
     justify-content: center;
    padding: 0 4px;
}
 .following_media ul li span{
    font-size: 0.5em;
    float: left;
    width: 100%;
    font-weight: 700;
}
 .following_media ul li span.fo-count{
    font-size: 0.6em;
    font-weight: 900;
    color: var(--gary-dark);
}
 .following_media ul li:last-child {
     border: 0 !important;
}

 body.vm--block-scroll{
    overflow: hidden;
}
 .hide_scroll{
    overflow: hidden;
}
/* .vue-star-rating-star polygon{
     fill: #101010;
     stroke: #ed9620;
}
 */
 body .sec_contact .row-form .col_6 input[type=tel], body .sec_contact .row-form .col_6 input[type=email], body .sec_contact .row-form .col_6 input[type=text] , body .sec_contact .row-form .col_6 select, body .sec_contact .row-form .col_12 textarea{
     background-color: transparent;
     /* border: 1px solid #636363; */
     border:1px solid #b5afaff2!important;
     color: #ffffff91;
     padding: 15px 10px;
     font-size: 16px;
     opacity: 0.5;
     border-radius: 10px;
     color: #ffffff;
     box-sizing: border-box;
}
 body .sec_contact .row-form .button{
    display: inline-block;width: 100%;
}
 body .sec_contact .row-form .col_12 textarea {
    width: 100%;
    resize: none;
    height: 113px;
    color: #fff;
}
 body .sec_contact .row-form label{
    margin-bottom: 10px;
    font-size: 0.6em;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}
 body .sec_contact .row-form input[type=tel]:focus, body .sec_contact .row-form input[type=email]:focus, body .sec_contact .row-form input[type=text]:focus, body .sec_contact .row-form .col_12 textarea:focus{
    border-bottom-color: var(--white);
    opacity: 1;
}
 body .sec_contact .vue-tel-input{
     color:#fff !important;
     background-color: transparent;
    border: 1px solid #b5afaff2!important;
    color: #ffffff;
    font-size: 16px;
    opacity: 0.5;
    border-radius: 10px;
}
.vti__input{background-color: transparent;}
.dark-theme .form-control.vue-tel-input .vti__input{background-color: transparent!important;}
 body .sec_contact .vue-tel-input:focus-within, body .sec_contact .form-control:focus{
     box-shadow: inherit;
    border-bottom-color: #e0d9d9c4;
    opacity: 1;
}
/*Footer*/
 .footer_sec{
    min-height: 390px;
}
 .footer_menu .menu ul li a:hover{
    color: var(--green);
}
 .footer_menu .menu ul li a{
    padding: 0;
    color: var(--btn_gray);
    font-size: 0.75em;
    margin-left: 3px;
}
 .footer_copywrite p{
    color: var(--white);
    font-size: 0.75em;
    padding: 14px 0 10px;
}
.footer_copywrite p a{
    color: var(--white);
}
 .footer_menu .menu ul p{
    line-height: 0;
    padding-bottom: 15px;
}
 .colum_list p a{
    color: var(--green);cursor: pointer;
}
 .colum_list p{
    color: var(--gary-dark);
     font-weight: 700;
     max-width: 300px;
     margin: auto;
     padding-top: 40px;
     text-align: left;
}
 .colum_list{
    padding: 80px 0 100px;
}
 .sec_subscription .colum_list{
    padding: 80px 0 50px;
}

 .sec_text p{
    font-size: 1em;
    color: var(--btn_gray);
    max-width: 980px;
    margin: auto;
    padding-top: 30px
}
.sec_about .sec_text p{max-width: 100%;text-align: left;}

 .sec_discover .sec_text p{
    padding-bottom: 40px;text-align: left;
    max-width: 100%;
}
 .sec_subscription .colum_list button{
    border: none;
     font-size: 0.8em;
     max-width: 164px;
     padding: 12px 4px;
     width: 100%;
     align-items: center;
     justify-content: center;
     display: inline-flex;
     line-height: normal;
     border-radius: 30px;
     color: var(--white);
     font-weight: bold;
     text-transform: uppercase;
     font-family: 'Nunito';
     margin-top: 15px;
}
 .colum_list .btn {
    height: auto;
    width: 100%;
    padding: 3px 10px;
    max-width: 83px;
}
 .sec_subscription .colum_list .col_4 p{
    padding: 20px 0;
    font-size:0.8em;
    color: var(--btn_gray);
}
 .sec_subscription .colum_list .col_4 h4{
    font-size: 1.0em;
    font-weight: 700;
}
 .text-col{
     font-size: 0.9em;
     color: var(--btn_gray);
     font-weight: 700;
}
 .footer_sec{
    background-color: var(--white);
    padding-top: 30px;
}
.dark-theme_contact_us { background-image: url('../images/contact-bg.png'); }
.light-theme_contact_us { background-image: url('../images/contact_us_light_mode.png'); }

 .contact_bg {
     min-height: 894px;
     background-position: center;
     /* background-image: url('../images/contact-bg.png'); */
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-bottom: 54px;
}
 .contact_bg .col_8{
     width: 60%;
    /* position: relative;
     */
    /* left: 32px;
     */
     margin-right: -32px;
}
 .contact_bg .asterisk{
    position: static;
}
 .contact_bg .col_8 h1{
    font-size: 2.5em;
}
 .inner_silder .slick-list {
     padding-top: 270px !important;
}
/*Add Recipe*/
 .edit_post .center_contain.col_6{
    width: 100%;
}
 .edit_post .recipe_post_details.col_6{
    width: 100%;
}
 .edit_post .recipe_post_details{
    padding-left: 0;
}
 .edit_post .inner_upload{
    flex-wrap: wrap;
}
 .edit_post .inner_upload .show_upload{
    width: 28%;
    margin-bottom: 0;
    height: 106px;
}
 .edit_post select.form-control{
    background-position: 92%;
}
 .edit_post .inner_upload .show_upload:before {
     content: "";
     background-color: #000000b3;
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
}
 .disable{
    opacity: 0.6;
    cursor: inherit !important;
}
 .noti_count{
     background-color: var(--orange);
     font-size: 8px;
     color: var(--white);
     position: absolute;
     right: -4px;
     border-radius: 100%;
     max-width: 15px;
     height: 15px;
     text-align: center;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     line-height: normal;
}
 .text_recipe h2{
    font-size: 2.0em;
    letter-spacing: normal;
}
 .upload_img_post{
    padding: 80px 20px;
    border-radius: 20px;
    position: relative;
    background-color: var(--white);
}
/*.inner_upload .show_upload img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
*/
 .upload_link{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    opacity: 0;
}
 .inner_upload .show_upload {
    width: calc(100% / 3 - 4%);
    padding: 0;
    position: relative;
    border-radius: 13px;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
 .inner_upload .show_upload img{
    object-fit: cover;
    width: 100%;
}
 .inner_upload .show_time {
    content: "";
    background-color: #00000063;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
 .inner_upload .show_upload:nth-child(3n){
    margin-right: 0
}
 body .upload_img_post h3{
    padding-top: 23px;
    color: var(--black);
    font-weight: 800;
    font-size: 1.1em;
    width: 100%;
}
 .upload_img_post p{
    font-size: 0.9em;
    padding-top: 15px;
}
 .upload_img_post p a:hover{
    text-decoration: underline;
}
 .upload_img_post p a{
    position: relative;
    z-index: 999999;
}
 .recipe_post_details{
    padding-left: 50px;
}
 .recipe_post_details span{
    margin-bottom: 13px;
    color: var(--light-gary);
    width: 100%;
    float: left;
    font-weight: 700;
}
 .recipe_post_details span.icon{
    margin-bottom: 0;
    color: var(--orange);
}
 .no_of_persons_field .control input{
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    right: 0px;
    padding: 0;
    background-color: transparent;
    border: none;
}
 .recipe_post_details .inner_field select, .recipe_post_details .inner_field textarea, .recipe_post_details .inner_field input{
    font-size: 0.6em
}
 .recipe_post_details .inner_input_three select{
    background-position: 92%;
}
 .recipe_post_details .inner_field select.select-bg{
    background-position: 97%;
}
 .recipe_post_details .inner_field input::placeholder{
    color:rgb(0 0 0 / 45%);
    opacity: 1;
}
 .no_of_persons_field .control input::-webkit-outer-spin-button, .no_of_persons_field .control input::-webkit-inner-spin-button {
     -webkit-appearance: none;
}
 .no_of_persons_field .control input[type=number] {
     -moz-appearance:textfield;
     appearance:textfield;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     font-size: 0.61em;
     border: none!important;
}
 .no_of_persons_field .control input[type=number]:focus{
    border:none
}
 body .shared .border, body .shared .social_btn{
    display: none;
}
 body .inner_field textarea{
    height: 150px;
    resize: none;
}
 /* .inner_field textarea:focus, .inner_field input:focus{
    border: 1px solid var(--green); 
} */
 .recipe_post_details label{
    margin-bottom: 13px;
    color: var(--black);
    font-size: 0.65em;
    width: 100%;
    float: left;
    font-weight: 800;
    display: flex;
    text-transform: uppercase;
}
 .b-slider_label label{
    float: none!important
}
 body .comment_post .social_star{
    margin-top: 0;
    /* float: left;
     */
    width: 100%;
}
 body .center_contain .upload_img_post{
    background-color: var(--white);
}
 .number{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    max-width: 122px;
    background-color: #fff;
    border: 1px solid var(--orange);
}
 .colm_warp{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}
 .colm_warp input{
    border: none;
    height: 39px;
    text-align: center;
    font-weight: 700;
}
 .colm_warp input:focus{
    border: none;
}
 .inner_field{
    margin-bottom: 40px;
}
 .colm_warp label{
    margin-bottom: 0
}
 .add_more .add_text{
    color: var(--green);
    font-size: 0.8em;
    font-weight: 700;
    text-decoration: underline;
}
 .add_more .plus_icon{
    width: 100%;
    height: 45px;
    border-radius: 100%;
    max-width: 45px;
    color: #ffff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
 body .minus, body .plus{
    height: 100%;
    background: var(--white);
    border-radius:4px;
    padding: 0;
     display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0;
     color: var(--orange);
    font-size: 23px;
    font-weight: 600;
    cursor: pointer;
    line-height: normal;
     font-size: 0;
    display: flex;
     padding: 3px 0;
}
 body .field.has-numberinput{
    margin-bottom: 32px;
    align-items: center;
}
 body .field.has-numberinput label{
    margin-bottom: 0;
}
 body .recipe_post_details .btn{
    width: 100%;
    border: none;
    cursor: pointer;
}
 .profile_box {
     max-width: 206px;
     position: absolute;
     width: 100%;
     top: 51px;
     right: 0px;
     padding: 0;
     z-index: 99;
     /* background: #FBFBFB; */
     background: var(--white);
     border-radius: 0;
     box-shadow: none !important;
     border: 1px solid #0000000d;
}
.dark-theme .profile_box{box-shadow: inherit!important;    border: 1px solid #313131;}
 button.cut {
     width: 100%;
     border-radius: 100%;
     border: 1px solid #0000001a;
     max-width: 35px;
     height: 35px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 35px;
     color: #fa9735;
     margin-top: 5px;
     margin-left: 8px;
     font-weight: 400;
}
 .inner_input_three .col_2, .inner_input_three .col_7{
    margin-right: 15px;
    width: 59%;
}
 .inner_input_three .col_2{
    width: 15%;
}
 .inner_input_three{
     float: left;
     width: 100%;
     display: flex;
     position: relative;
}
 .inner_input_three .orange{
    cursor: pointer;
    margin-top: 0;
    padding-left: 0;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    font-size: 12px;
    line-height: 125.9%;
/* or 15px */
    letter-spacing: -0.02em;
    color: #9E9E9E;
}
 .svg-img{
    position: absolute;
     left: 0;
    bottom: -5px;
    width: 15px!important;
}
 .notification_heding h4{
    font-size: 1.0em;
}
 .login.d-flex.flex-align.profile_div .name {
     /* background-image: url(/assets/images/dropdown_arrow.png); */
     background-position: 98% 10px;
     background-repeat: no-repeat;
     padding-right: 25px;
}
 .slide_video {
    height: 219px;
    overflow: hidden;
    outline: none;
}
 .slide_video video{
    height: 100%;
     WIDTH: 100%;
}
 .profile_box ul li a:hover{
    opacity: 0.8;
}
 .profile_box ul li {
    margin: 0 12px;
}
 .dark-theme .profile_box ul li:hover a, .profile_box ul li:hover a {
    color: var(--green);
}
 .profile_box ul li a,.profile_box ul li .main_theme_setting .setting_theme{
    cursor: pointer;
    padding: 13px 19px;
    display: block;
    border-bottom: 1px solid #0000000d;
    color: #636363;
    font-size: 0.7em;
    text-align: center;
    font-weight: 700;
}
.profile_box ul li:first-child {
    font-size: 0.6em;
    font-weight: bold;
    color: #636363;
    padding: 13px 0px;
    text-align: center;
    border-bottom: 1px solid #0000000d;
}
.dark-theme .profile_box ul li:first-child {
 border-bottom: 1px solid #313131;
}
.dark-theme .profile_box ul li{
    color: var(--white);
}

 .login.d-flex.flex-align.profile_div {
    cursor: pointer;
}
 .profile_box ul li:last-child a{
    border: none;
}
 .center_contain.col_6{
    width: 43%;
}
 .add_recipe .center_contain.col_6{
    width: 51%;
}
 .add_recipe .recipe_post_details.col_6{
    width: 49%;
    margin-top: 0;
}
 .recipe_post_details.col_6{
    width: 57%;
}
 body .social_btn .v-btn.v-size--default{
     position: absolute !important;
     top: 53px;
     right: 141px;
     font-size: 0.5em !important;
     border: none !important;
     background-color: var(--green) !important;
     color: var(--white) !important;
}
 body .social_btn .v-btn.delete{
    right: 40px
}
 .add_recipe .dropdown-menu{
     background-color: #fff;
     float: left;
     border-radius: 0;
     padding: 0;
     position: absolute;
     left: 0;
     margin-top: 4px;
     z-index: 1;
}
 .add_recipe .dropdown-menu .dropdown-item{
     font-size: 0.65em;
     cursor: pointer;
     width: 100%;
     padding: 14px 14px;
     line-height: normal;
     float: left;
     width: 100%;
     border-bottom: 1px solid #efefef9c;
}
 .edit_post .control.form-control{
     position: relative;
}
.edit_post .control.form-control input.input{
    border: none!important;background-color: transparent;
}
 .edit_post .dropdown-menu{
     background-color: #fff!important;
     float: left;
     border-radius: 0!important;
     padding: 0;
     position: absolute;
     left: 0!important;
     margin-top: 4px;
     min-width: auto!important;
     top: 47px!important;
}
 .edit_post .dropdown-menu .dropdown-item{
     font-size: 0.65em;
     cursor: pointer;
     width: 100%;
     padding: 14px 14px;
     line-height: normal;
     float: left;
     width: 100%;
     border-bottom: 1px solid #efefef9c;
     text-transform: uppercase;
}
 .edit_post .control .dropdown-menu .dropdown-content {
     padding: 0;
     position: relative;
     z-index: 1;
     max-height: 29vh;
}
 .brand-popup .dropdown-menu .dropdown-item{
    display:flex!important;
    cursor: pointer;
     padding: 16px 16px;
    border-bottom: 1px solid #e3dede6e;
}
 .brand-popup .control .dropdown-menu {
     right: 0 !important;
     width: 100%;
     margin: 0 auto!important;
     margin-top: 5px!important;
}
 .brand-popup .control .dropdown-menu .dropdown-content{
     padding: 0;
}
 .signup_text.popup-credits_text button {
     color: #6dc106;
     font-size: .85em;
     display: inline-block;
     margin-top: 0;
}
/*****************************************************************/
/*Search result css START*/
 .detail_search_box{
     background-color: var(--white);
     min-height: 163px;
     display: flex;
     align-items: center;
}
 .detail_search_box #inner_searching{
     display: flex;
     justify-content: center;
     align-items: center;
}
 .detail_search_box #inner_searching .gSearch{
     width: 100%;
     border: none;
     border-bottom: 1px solid var(--gray);
     padding: 15px 0;
     max-width: 780px;
     outline: none;
}
 .detail_search_box #inner_searching svg{
     position: relative;
     left: -20px;
}
 .detail_search_box .close{
     border: none;
     background: none;
     float: right;
     position: relative;
     top: -20px;
     cursor: pointer;
}
/*search_result_people*/
 .search_result_people{
     flex-wrap: wrap;
}
 .search_result_people > div{
     width: 47%;
     margin-bottom: 41px;
}
 .search_result_people .col_4{
     width: 100%;
     padding: 30px 10px 30px 10px;
    ;
}
 .search_result_people .col_4 .images_wrper .author-img {
     display: inline-block;
     width: 110px;
     height: 110px;
     border-radius: 50%;
     overflow: hidden;
}
 .search_result_people .inner_silder .col_4 .text_wrper h3 {
     font-size: 1.1em;
}
 .search_result_people .col_4 .text_wrper h4 {
     font-weight: 400;
     font-size: 1.0em;
}
 .search_result_people .col_4 .text_wrper {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}
 .sec_about .colum_list img{
     max-width: 100%;
     height: 100%;
}
 .search_result_people .following_media ul{
     display: flex;
     flex-wrap: wrap;
     margin-top: 15px;
}
 .search_result_people .following_media ul li{
     border-right: 1px solid #00000014;
     padding: 0 5px;
}
 .search_result_people .col_4 .text_wrper .content p {
     font-size: 0.6em;
}
 .search_result_people .following_media ul li span{
     font-size: 0.5em;
     float: left;
    width: 100%;
}
 .search_result_people .following_media ul li span.fo-count{
     font-size: 0.6em;
     font-weight: 900;
}
 .search_result_people .following_media ul li:last-child {
     border: 0;
}
 .search_result_people .col_4 .text_wrper h4 a {
     font-size: 0.6em;
     font-weight: 700;
     padding-top: 20px;
     display: block;
     color: var(--green);
}
 .search_result_wall .count{
     display: flex;
     width: 100%;
     justify-content: space-between;
}
 .search_result_wall .count span{
     color: #636363;
     font-weight: 800;
     font-size: 1.25em;
}
/*sidebar*/
/* .search_result_wall .side_bar.col_4{
    width: 23.7%;
}
 */
 .search_result_wall .content_wrap .filer_text{
     width: 100%;
}
 .search_result_wall .content_wrap .filer_text ul li{
     border-bottom: 1px solid var(--bg);
     padding-left: 40px;
     position: relative;
     padding: 10px 0 10px 40px;
}
 .search_result_wall .content_wrap .filer_text ul li:before{
     content: "";
     border-radius: 50%;
     width: 12px;
     height: 12px;
     background-color: var(--orange);
     position: absolute;
     left: 17px;
     top: 23px;
}
 .search_result_wall .content_wrap .filer_text ul li a:hover, .search_result_wall .content_wrap .filer_text ul li a.active{
     color: var(--green);
}
/*********************************************************************/
/*user wall css*/
 .profile_header{
     /* background-color: var(--gary-dark);
     */
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     position: relative;
     padding: 13px 0 25px;
}
 .profile_header .profile_col{
     display: flex;
     align-items: flex-start;
     position: relative;
     width: 100%;
}
 .profile_header .profile_col .images_wrper{
     width: 100%;
     max-width: 160px;
     height: 160px;
     border-radius: 100%;
     position: relative;
}
 .profile_header .profile_col .images_wrper img{
     width: 100%;
     object-fit: cover;
     height: 100%;
     border-radius: 100%;
}
 .profile_header .profile_col .images_wrper .author-img > div {
     height: 100%;
}
 .profile_header .profile_col .images_wrper .author-img {
     width: 100%;
     height: 100%;
     display: inline-block;
}
 .profile_header .profile_col .text_wrper{
     margin-left: 25px;
}
 .profile_header .profile_col .text_wrper h4{
     float: left;
     margin-right: 10px;
     font-size: 1.35em;
     color: var(--black);
}
 .profile_header .profile_col .text_wrper .about-icon{
    position: relative;
    top: 8px;
    cursor: pointer;
}
 .profile_header .profile_col .text_wrper h6 {
     color: var(--white);
     margin-top: 5px;
     width: 100%;
     float: left;
     font-size: 0.9em;
     margin-bottom: 5px;
}
 .profile_header .profile_col .text_wrper .following_media ul{
    display: flex;
    flex-wrap: wrap;
     justify-content: left;
    position: relative;
    left: -3px;
    margin-top: 0;
}
 .profile_header .profile_col .text_wrper .following_media ul li span{
     font-size: 0.71em;
     float: left;
     width: 100%;
     color: var(--orange);
     display: flex;
     justify-content: center;
     font-weight: 600;
}
 .profile_header .profile_col .text_wrper .following_media ul li{
    margin-right: 15px;
    border: none;
    position: relative;
    display: flex;
    flex-direction: row;
}
 .profile_header .profile_col .text_wrper .following_media{
     float: left;
    width: 100%;
     margin-top: 10px;
}
 .profile_header .profile_col .text_wrper .following_media ul li:after{
     content: "";
     position: absolute;
     height: 50px;
     width: 1px;
     right: -8px;
}
 .profile_header .profile_col .text_wrper .following_media ul li:after{
   display: none;
}
 .profile_header .profile_col .text_wrper .following_media ul li:last-child:after{
    display: none;
}
 .profile_header .profile_col .text_wrper .following_media ul li span.fo-count{
     font-size: 0.9em;
     font-weight: 900;
     display: flex;
     justify-content: center;
     padding-right: 6px;
     color: var(--black);
}
 .profile_header .profile_col .text_wrper .following_media ul li:last-child {
     border: 0;
}
 .profile_header .profile_col .text_wrper .col_4 .text_wrper h4 a {
     font-size: 0.6em;
     font-weight: 700;
     padding-top: 20px;
     display: block;
}
 .profile_header .edit-btn{
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
     position: relative;
}
 .profile_header .edit-btn button {
     max-width: 240px;
     background-color: #f7961d;
     outline: none;
     cursor: pointer;
     border: none;
     border-radius: 43px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     bottom: 0;
     color: #ffffff;
     font-weight: 600;
     font-size: 0.80em;
     width: 100%;
     padding: 12px 19px;
}
 .profile_header .edit-btn button svg path {
     fill: #fff;
}
 .profile_header .edit-btn button svg{
     margin-right: 10px;
}
.profile_header .edit-btn button.cool-lightbox-toolbar__btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 10px;
    margin-top: 19px;
    background-color: transparent;
}
.profile_header .follow_btn_wrap .btn.follow_chef {
    width: auto;
    max-width: initial;
    background-image: url(../images/follow_icon.svg);
    background-position: 12%;
    padding-left: 49px;
    padding-right: 33px;
}
.profile_header .follow_btn_wrap .btn.add_frd{
    max-width: initial;
    width: auto;
    background-image: url(../images/new_friend_icon.svg);
    background-position: 13%;
    padding-left: 50px;
    padding-right: 30px;
}
.profile_header .edit-btn button.cool-lightbox-toolbar__btn svg {margin: 0;width: 30px;height: 30px;}
.profile_header .follow_btn_wrap .btn.green{     background-color: var(--green);}
.profile_header .follow_btn_wrap .btn{
     background-color: var(--orange);
     border: none;
     cursor: pointer;
     border-radius: 33px;
     width: 195px;
     color: var(--white);
     font-weight: bold;
     font-size: 0.77em;
     position: relative;
     bottom: 0;
     text-transform: capitalize;
     height: auto;
     padding: 11px 2px;
}
 .profile_header .follow_btn_wrap .btn svg{
     margin-right: 5px 
}
 .menu_button li.btn{
    text-transform: capitalize;
}
 .menu_button li.btn{
     background-color: var(--white);
     font-size: 0.7em;
     max-width: 144px;
     width: 100%;
     height: 44px;
     color: #B0B0B0;
     cursor: pointer;
}
.profile_header .profile_col .images_wrper .upload_image img {
    width: 19px;
    height: 17px;
    margin-right: 0;
}
.profile_header .profile_col .images_wrper .upload_image {
    width: 44px;
    height: 44px!important;
    position: absolute;
    right: -14px;
    top: 111px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: var(--green);
    border: 2px solid
    rgb(255 255 255);
    cursor: pointer;
}
.profile_header .profile_col .images_wrper .upload_image input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    cursor: pointer;
}
 /* .menu_button li.btn:last-child {
     max-width: 170px;
} */
 .menu_button li.btn.active, .menu_button li.btn:hover{
     background-color: var(--green);
     color: var(--white);
     transition: .2s;
}
 .About_text p{
     font-size: 0.65em;
}
/*Tab*/
 .wall_tab_sec [data-tab-content] {
     display: none;
}
 .wall_tab_sec .active[data-tab-content] {
     display: block;
}
 body .edit-popup.vm--modal .eye-icon{
    font-size: 22px;
    cursor: pointer;
    bottom: 5px;
     right: 25px;
}
 body .edit-popup.vm--modal .text-danger{
    position: absolute
}
body .eye-icon{
    color: #b7b6b6;
     font-size: 20px;
    bottom: inherit;
    cursor: pointer;
    margin-top: 15px;
}
 .custom-select.inner_field{
    margin-bottom: 0;
}
 .custom-select.inner_field select{
    font-size: 0.6em;
     max-width: 202px;
     border-radius: 30px;
     background-image: url(/assets/images/select_bg.png);
     padding: 0 0 0 35px;
     background-position: 12px 50%;
     height: 38px;
     position: relative;
}
 .custom-select.inner_field select:before{
    /* content: "";
     background-image: url(/assets/images/select_dropdown.png);
     position: absolute;
     width: 1px;
     height: 1px;
     */
     content: '\25BC';
     position: absolute;
     top: 0;
     right: 0;
     padding: 0 1em;
     background: #34495e;
     cursor: pointer;
     pointer-events: none;
     -webkit-transition: .25s all ease;
     -o-transition: .25s all ease;
     transition: .25s all ease;
}
 #__nuxt .recipe_details_page .full-width{
     width: 100%;
     height: 284px;
     overflow:
     hidden;
}
#__nuxt .recipe_details_page .media_slider_recipe_detail .silder_height_same .full-width .slick-list .slide_video{
    height: 100%;
}
 body .range-silder > span{
    margin-right: 48px;
    width: 47.33%;
}
 .toasted-container{
     width: 100%;
     max-width: 312px;
}
 body.dark-theme .toasted.custom-toaster.error{
    color: var(--white);
}
 body.dark-theme .toasted.custom-toaster{
    background-color: #282828!important;
}
 body .toasted.custom-toaster.error{
    background-image: url(/assets/images/messageerror.svg)!important;
     color: red;
}
 body .toasted.custom-toaster{
     background-color: #fff!important;
     background-image: url(/assets/images/sucess.svg)!important;
     color: orange;
     background-repeat: no-repeat!important;
     font-size: 0.75em;
     font-weight: bold;
     padding: 20px 0;
     box-shadow: 1px 1px 23px 6px rgb(0 0 0 / 8%);
     text-align: left;
     background-position: 5%!important;
     border-radius: 7px;
     padding-left: 52px;
     padding-right: 25px;
     z-index: 9999999999;
}
 body .toasted-container .toasted .action{
     font-size: 0px;
     padding: 0;
     margin: 0;
     background-image: url(/assets/images/sucess_cross.svg)!important;
     background-repeat: no-repeat;
     width: 9px;
     height: 9px;
     display: inline-block;
     position: absolute;
     right: 15px;
     top: 10px;
}
 body .toasted-container .toasted .action:hover{
     text-decoration: inherit;
}
/* .bookmark listing */
 .bookmark-listing{
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 60px;
}
 .bookmark-listing .book_mark_list .thumbnail img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 13px;
}
 .book_mark_list {
     width: 48%;
     float: left;
     margin-bottom: 10px;
     position: relative;
}
 .book_mark_list:nth-child(odd) {
     margin-right: 4%;
}
 .bookmark-listing .book_mark_list .content h3{
    line-height: 29px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 1.0em;
}
 .bookmark-listing .book_mark_list .bookmark button{
     position: relative;
     top: 28px;
     right: 25px;
     height: 48px;
     max-width: 48px;
}
 .search_result_wall .dash_silder_recipes, .user_search_list{
    width: 100%;
    margin-bottom: 60px;
}
 .user_search_list .images_wrper {
    display: flex;
    align-items: center;
}
 .user_search_list .images_wrper .author-img {
     width: 68px;
     height: 68px;
     overflow: hidden;
     border-radius: 100%;
     margin-right: 20px;
}
 .user_search_list .following_media ul li span.fo-count {
     font-size: 0.7em;
}
 .user_search_list .following_media ul li{
    padding: 0 24px;
}
 .user_search_list .following_media ul li .green{
    color:var(--orange);
    font-size: 0.6em;
}
 .dark-theme .user_search_list{
     box-shadow:none;
}
 body .user_search_list {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 30px!important;
     box-shadow: 0px 20px 26px #DFE0DD;
     border-radius: 20px;
}
 .user_search_list .images_wrper a {
     font-size: 0.66em;
     color: var(--gary-dark);
}
 .dark-theme .user_search_list .images_wrper a{
    color: var(--white);
}
 .user_search_list .images_wrper a:hover{
    color: var(--green);
}
 .user_search_list .images_wrper p {
     font-size: 0.55em;
     font-weight: 400;
     text-align: left;
}
 .recipe_details_page .images_wrper .bookmark{right: 40px;bottom: 18px;top: inherit;display: flex;align-items: flex-end;}
 .recipe_details_page .images_wrper .bookmark button{
    cursor: pointer;
}
 .recipe_details_page .top-img_recipe .action_buttons {
    right: 28%;
}
 .recipe_details_page .images_wrper .container {
     position: relative;
     padding: 0;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
}
 body .Bio .vm--modal {
     max-width: 681px;
     width: 100% I !important;
     background: #EFEFEF;
}
 body.dark-theme .Bio .vm--overlay {
     background: rgb(0 0 0 / 52%) !important;
}
 body .Bio .vm--overlay {
     background: rgb(0 0 0 / 22%) !important;
}
 .mention {
     color: var(--green);
     background-color: rgba(#A975FF, 0.1);
     border-radius: 0.3rem;
}
 .vm--modal .form-control .share .mention_editor .ProseMirror{
    padding-bottom: 0;
}
 .mention_editor .ProseMirror {
     outline: none;
     color: var(--gary-dark);
     background-color: var(--white);
     border-radius: 12px;
     height: 45px;
     width: 100%;
     border: 1px solid #D2D2D2;
     padding: 0px 13px;
     height: 170px;
     resize: none;
     padding: 12px 10px !important;
     display: inline-block;
     margin-bottom: 0;
     text-transform: none;
     overflow: auto;
}
 .mention_editor .ProseMirror p{
     font-size: 0.67em;
    font-weight: 400;
    margin-top: 0;
}
 .mention_editor .mention{
     width: auto;
     float: none;
     color: var(--green) !important;
     text-transform: capitalize;
     padding: 0px 2px;
}
 .tippy-content .item .mention_name{
     font-size: 0.55em;
    margin-left: 10px;
    color: #000;
    text-align: left;
}
 .tippy-content .item{
     display: flex;
    align-items: center;
    width: 100%;
     border-bottom: 1px solid rgba(176, 176, 176, 0.15);
     padding: 10px 15px;
}
 .tippy-content .item:last-child{
     border: none;
}
 .tippy-content .item .image_wrapper{
     width: 100%;
     max-width: 30px;
     height: 30px;
     border-radius: 100%;
     overflow: hidden;
     line-height: 0;
}
 .tippy-content .items {
     box-shadow: 0px 0px 35px rgba(223, 224, 221, 0.68);
     border-radius: 10px;
     background-color: #fff;
      max-height: 60vh;
     overflow: auto!important;
}
 .dark-theme .tippy-content .items{
     box-shadow: none;
}
 .tippy-content .item .image_wrapper img{
     width: 100%;
    object-fit: cover;
    height: 100%;
}
 span.suggestion {
     width: auto !important;
     float: none !important;
     text-transform: capitalize!important;
     color: var(--green) !important;
}
 .tippy-content .item.is-selected.is-selected, .tippy-content .item:hover {
     background: var(--green);
}
 .tippy-content .item.is-selected.is-selected .mention_name, .tippy-content .item:hover .mention_name{
    color: #fff;
}
 .shared > .dash_silder_recipes{
     margin-bottom: 0;
}
 .text-emty.nofriends{
    background-image: url(../images/nofriends.svg);
    color: #BEBEBE;
    font-weight: 800;
    background-position: center top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 170px;
    padding-bottom: 90px;
    margin-top: 77px;
}
 .nobook_mark{
    background-image: url(../images/nobookmark.svg);
    color: #BEBEBE;
    font-weight: 800;
    background-position: center top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 170px;
    padding-bottom: 90px;
    margin-top: 77px;
}
 .no-post{
    background-image: url(../images/nopost.svg);
    color: #BEBEBE;
    font-weight: 800;
    background-position: center top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 170px;
    padding-bottom: 90px;
    margin-top: 77px;
}
 .mention_empty_data{
    font-size: 0.5em;
    padding: 10px 15px;
}
 .dark-theme .tippy-content .items{
    background-color: var(--full_blck);
}
 .dark-theme .tippy-content .item .mention_name, .dark-theme .mention_empty_data{
    color: var(--white);
}
.header.non_login .right_block .login_wrap .btn{width: 116px;}
    .login_wrap.d-flex.flex-align{margin-right:0}


.top_week_sidebar{display: none;}   

.email-token {
    height: calc(100vh - 562px);
    padding: 2%;
}


.edit_profile .card.edit_profile_popup {
    background-color: #fff;
    box-shadow: 0px 20px 26px 0px rgb(223 224 221 / 42%);
    margin-top: 0;
    border-radius: 0;
    padding: 17px 40px;
    position: relative;
}

.edit_profile .deactive_wper h5{font-size: 0.55em;padding-bottom: 24px;}
.edit_profile .deactive_wper {
    display: flex;
    justify-content: center;
    justify-content: space-between;
    align-items: end;
}
.edit_profile .deactiver_div:last-child{margin-right: 0;margin-top: 25px;}
.edit_profile .deactiver_div {margin-right: 12px; width: 100%;}
.deactive_wper a:hover{ background-color: #fa9a09;color: #fff!important;}
body .deactive_wper a {
    padding: 15px 0 !important;
    border-radius: 25px;
    width: 100%;
    max-width: 200px;
    border: 1px solid rgba(99, 99, 99, 0.25);
    color: #636363;
    background-position: 16px 16px;
    text-align: left;
    line-height: normal;
    transition: all .5s ease;
    text-align: center;
    padding-left: 20px!important;
}

body .deactive_wper a:hover{border: 1px solid rgb(250 154 9);}
body .deactive_wper .delete_icon a {background-image: url(../images/deleteaccount.svg);}
body .deactive_wper .deactive_icon a {background-image: url(../images/deactivateaccount.svg);background-position: 30px 15px;}
body .deactive_wper .customize_icon a {background-image: url(../images/customizesettings.svg);}
body .deactive_wper .delete_icon:hover a {background-image: url(../images/deleteaccountwhite.svg);}
body .deactive_wper .deactive_icon:hover a {background-image: url(../images/deactivateaccountwhite.svg);}
body .deactive_wper .customize_icon:hover a {background-image: url(../images/customizesettingswhite.svg);}

body .card.edit_profile_popup input{border-style: solid;font-size: 0.77em !important;color: var(--black);font-weight: 500;}
body .card.edit_profile_popup input.vti__input{border-style: none;}
body .card.edit_profile_popup .select2-container{width:100%!important}
body .card.edit_profile_popup .btn{margin: 40px auto;text-align: center;width: 100%;max-width: 250px;display: block;}
body .card.edit_profile_popup .tittle h3{font-size: 1em;padding-left: 0;color: #636363;}
.edit_profile .card.edit_profile_popup:before {content: "";width: 100%;height: 1px;position: absolute;background-color: rgba(0, 0, 0, 0.11);left: 0;top: 66px;}
.dark-theme .edit_profile .card.edit_profile_popup:before{background-color: #313131;}
.profile_header .edit-btn button a{color: #f7961d !important;}

body .notificationsetting .vm--modal h2{font-size: 1em;padding-bottom: 25px;}
body .notificationsetting .vm--modal{display: block;}
body .notificationsetting .pause_all,
body .notificationsetting .all_notification_setting{display: flex;justify-content: space-between;align-items: center;padding: 8px 0;}
body .notificationsetting .notification_container hr{background-color: rgba(176, 176, 176, 0.15);height: 1px;border: none;margin: 10px 0;}
body .notificationsetting .notification_container .button .btn{width: 100%;display: block;max-width: 155px;margin: 0 auto;margin-top: 50px;}
body .notificationsetting .pause_all span,
body .notificationsetting .all_notification_setting span{color: rgba(99, 99, 99, 0.8);font-size: 0.75em;font-weight: 700;}
body .notificationsetting .pause_all label,
body .notificationsetting .all_notification_setting label{margin-bottom: 0; width: 41px;height: 17px;}
body .notificationsetting .pause_all label .slider,
body .notificationsetting .all_notification_setting label .slider{background-color: rgba(123, 123, 123, 0.48);}
body .notificationsetting .pause_all label .slider:before,
body .notificationsetting .all_notification_setting label .slider:before{height: 17px;width: 17px;left: 0px;bottom: 0px;background: rgba(127, 127, 127, 1);top: 0;}
body .notificationsetting .pause_all label input:checked + .slider,
body .notificationsetting .all_notification_setting label input:checked + .slider{background-color: rgba(250, 150, 0, 0.48);}
body .notificationsetting .pause_all label input:checked + .slider:before,
body .notificationsetting .all_notification_setting label input:checked + .slider:before{background: rgba(250, 150, 0, 0.48);}

.dark-theme .new_post{
    border: 1px solid #313131;
}

.new_post {
    z-index: 999;
    width: 105px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    background-color: #fff;
   border: 1px solid #F0F0F0;
    border-radius: 25px;
    position: relative;
    margin: 0 auto;
    top: -35px;
}
.new_post.new_post_up {
    position: fixed;
    top: 106px;
    margin-left: 292px;
}
.dark-theme .edit_profile .card.edit_profile_popup {
    background-color: #0F0E0E;
    box-shadow: 0px 20px 26px rgb(0 0 0 / 42%);
    border-radius: 0;
}
body.dark-theme .card.edit_profile_popup .btn{box-shadow: none;}
body.dark-theme .card.edit_profile_popup .tittle h3{color: var(--white);}

.upload_by_url{display: flex;}
body .upload_by_url .btn{width: 100%;}
/*Media Query */
 @media only screen and (max-width: 1620px) {
     .contact_bg .col_8{
        padding: 0;
    }
     .banner_bg{
         background-size: contain;
         background-position: top;
         min-height: 670px;
    }
     body .contact_bg {
         min-height: 670px;
         padding: 45px 0 45px;
    }
}
@media only screen and (max-width: 1565px) {
    .non_login #searching input:focus { width: 240px;}
    .non_login .login_wrap.d-flex.flex-align{margin-right: 0;}
    .header.non_login .right_block .login_wrap .btn{width: 120px;}
}
@media only screen and (max-width: 1485px) {
    .non_login #searching input:focus {width: 200px;}
    .header .right_block .login_wrap .btn {width: 102px;margin-left: 10px;}
    .non_login.non_login .login_wrap.d-flex.flex-align {margin-left: 0;}
}

 @media only screen and (max-width: 1450px) {
    .menu_social ul li:first-child{margin-bottom: 13px;}
    body .menu_social ul li{padding-bottom: 0;}
    .profile_header .profile_col .images_wrper .upload_image {
        /* width: 35px; */
        /* height: 35px!important; */
        right: -7px;
        /* top: 84px; */
    }
    .recipe_sub_menu {width: 178px;}
     body .contact_bg .col_8 p.text-danger{
         margin-top: 6px;
    }
     body ul.cover{
        bottom: inherit;
    }
     body .sec_banner .banner_text{
        max-width: 500px;
    }
     body .inner_silder .slick-list {
         padding-top: 303px !important;
    }
     .chief_about .sec_text p{
         font-size: 0.7em;
    }
     #__nuxt .chief_about .inner_silder{
         width: 60%;
    }
    body .chief_about .sec_text p {
        font-size: 0.7em;
    }
    .chief_about .inner_silder .slick-slide{
        padding-right: 48px;
    }
    
    
     .profile_header .edit-btn button {
         width: 230px;
         height: 50px;
         font-size: 0.65em;
    }
 
     .profile_header .follow_btn_wrap .btn{
         width: 164px;
         height: 43px;
         font-size: 0.6em;
    }
     .sec_about .colum_list img {
         max-width: 334px;
         height: auto;
    }
     .banner_bg, .contact_bg{
         min-height: 629px;
    }
     .chief_about .inner_silder .slick-slide:nth-child(2n) {
         top: -92px;
    }
     #__nuxt .inner_silder .slick-list.draggable {
         padding-top: 200px !important;
         top: -36px;
    }
     .chief_about {
         min-height: 980px;
    }
     .sec_subscription .colum_list img{
        width: auto;
    }
     .colum_list img{
        width: 100%;
    }
     body .banner_text p{
        font-size: 0.7em;
    }
     body .banner_text h1{
        font-size: 2.5em;
        letter-spacing: -2px;
    }
     body .banner_bg{
         min-height: 550px;
    }
     header .btn {
        font-size: 0.7em;
    }
     a.login-text{
        font-size: 0.6em;
    }
     .menu ul li a {
        font-size: 0.6em;
    }
     .contact_bg .col_8 p{
        margin-top: 14px;
    }
     body .sec_contact .row-form{
        margin-top: 20px
    }
     body .sec_contact .row-form .button .btn {
        font-size: 0.7em;
        width: 148px;
        height: 48px;
        border: 0;
    }
     body .sec_contact .row-form .button {
        margin-top: 0;
    }
     .contact_bg .col_8 h1 {
        font-size: 2.3em;
    }
     body .sec_contact .row-form .col_6 input[type=tel], body .sec_contact .row-form .col_6 input[type=email], body .sec_contact .row-form .col_6 input[type=text], body .sec_contact .row-form .col_6 select, body .sec_contact .row-form .col_12 textarea{
        padding: 12px 10px;
    }
     .contact_bg .col_8 {
        width: 52%;
        left: -21px;
        top: -14px;
        max-width: 100% !important;
        margin-right: 0;
        padding-right: 23px;
    }
}
 @media only screen and (max-width: 1280px) {
    body .sec_discover .container, 
    body .sec_about .container{max-width: 1100px;}
    .menu_container .logo a{max-width: 150px;}
    .recipe_sub_menu {width: 164px;}
     body .side_bar_list.col_3.pl-5.fixed{
        right: 78px;
    }
     .login.d-flex.flex-align.profile_div .name{
        background-position: 98% 7px;
    }
     .header .right_block .login_wrap .gray{
        margin-right: 20px;
    }
     .sec_about .colum_list img {
        max-width: 260px;
        width: 100%;
    }
     body header .btn {
        font-size: 0.6em;
        width: 100%;
        padding: 10px 14px;
        height: auto;
    }
     body header a.login-text.mr-4{
        margin-right: 20px;
    }
     body header .ml-4.login_wrap{
        margin-left: 20px;
    }
     .footer_sec {
         min-height: 344px;
    }
     .detail_search_box #inner_searching .gSearch{
        max-width: 605px
    }
     .search_result_wall .count span{
        font-size: 0.95em;
    }
}
 @media only screen and (max-width: 1024px) {
    body .deactive_wper a{background-position: 13px 15px;}
    body .deactive_wper .deactive_icon a {background-position: 22px 15px;}
    body .sec_discover .container, body .sec_about .container {
        max-width: 880px;
    }
    .sec_about .colum_list img{max-width: 100%;}

     .dashboard_menu .menu ul li{
         margin-right: 0.8vw;
    }
     body #searching input:focus{
         width: 220px;
    }
     body .dash_silder_recipes .text_wrper .social_btn button.like:hover {
         color: var(--btn_gray);
    }
     body .comment_post .social_btn .reply:hover:before{
         background-image: url(../images/comment_icon.png);
    }
     body .comment_post .social_btn button:hover{
         color: var(--btn_gray);
    }
     body .dash_silder_recipes .comment_post .social_btn button.like.active, body .dash_silder_recipes .text_wrper .social_btn button.like.active{
        color: var(--orange);
    }
     body .comment_post .social_btn .like:hover:before, body .dash_silder_recipes .text_wrper .social_btn button.like:hover:before{
        background-image: url(../images/like_icon.svg);
    }
     body .dash_silder_recipes .comment_post .social_btn .like.active:before, body .dash_silder_recipes .text_wrper .social_btn button.like.active:before{
        background-image: url(../images/like_icon_h.svg);
    }
     body .dash_silder_recipes .comment_post .social_btn .bookmark.active:before, body .dash_silder_recipes .text_wrper .social_btn button.bookmark.active:before{
        background-image: url(../images/save.svg);
    }
    
   
     .side_bar_list{
        padding-left: 0;
    }
     #__nuxt .chief_about .inner_silder{
        width: 60%;
    }
     .sec_subscription .mt-5{
        margin-top: 20px
    }
     body .sec_contact .row-form .col_6 input[type=tel], body .sec_contact .row-form .col_6 input[type=email], body .sec_contact .row-form .col_6 input[type=text], body .sec_contact .row-form .col_6 select, body .sec_contact .row-form .col_12 textarea {
         padding: 9px 10px;
    }
     body .btn {
        font-size: 0.7em;
        width: 159px;
        height: 47px;
    }
     body .banner_text p {
        font-size: 0.7em;
    }
     body .contact_bg {
        min-height: 508px;
    }
     body .banner_bg {
        min-height: 440px;
    }
     body .banner_text h1 {
        font-size: 2.5em;
    }
     .menu_container .logo {
        margin-right: 2.5vw;
    }
     .colum_list p{
        font-size: 0.8em;
    }
     .sec_discover .sec_text p {
        padding-bottom: 40px;
        font-size: 0.8em;
        max-width: 800px;
    }
     .sec_discover .silder_recipes .col_4{
         margin-right: 30px;
         margin-left: 30px;
        filter: blur(0px);
        width: 390px !important;
    }
     .chief_about .inner_silder {
         width: 56%;
    }
     .sec_contact .row-form .col_12{
        margin-bottom: 20px;
    }
     .sec_contact .row-form .col_6 {
        width: 46%;
        margin-bottom: 15px;
    }
     body .sec_contact .row-form label{
        margin-bottom: 7px;
        font-size: 0.5em
    }
     .contact_bg .col_8 h1 {
        font-size: 1.8em;
    }
     .container{
        padding: 0 20px;
    }
     body .sec_contact .row-form .col_12 textarea{
        height: 88px;
    }
     body .sec_contact .row-form .button .btn {
        font-size: 0.6em;
        width: 109px;
        height: 40px;
        border: 0;
        padding: 0;
    }
     body .colum_list {
        padding: 80px 20px 70px;
    }
     body .chief_about {
        min-height: 100%;
        padding-top: 121px;
        padding-bottom: 60px;
    }
     body .chief_about .inner_silder .slick-slide{
        padding-right: 0;
         padding-left: 0;
    }
     body .inner_silder .slick-list {
        padding-top: 104px !important;
    }
     body .chief_about .inner_silder .slick-slide:nth-child(2n), body .chief_about .inner_silder .slick-slide:nth-child(2n+1) {
         top: 0 !important;
    }
}
 @media only screen and (max-width: 980px) {
    body .deactive_wper .deactive_icon a {   background-position: 35px 15px;}
    body .deactive_wper a {background-position: 25px 15px;}
   body  .profile_box ul li a,
    body .profile_box ul li .main_theme_setting .setting_theme{    font-size: 0.6em;}
    body .menu_social ul li {width: 16.33%;}
     body .col_8.dashboard_col_8{width: 100%;}
    .card.edit_profile_popup {padding: 17px 20px;}
    .mobile_menu ul li:last-child a{border: none;}
    .recipe_sub_menu {
        visibility: visible;
        position: static;
        border-top: none!important;
        padding-left: 23px !important;
        border-bottom: #dddddd 1px solid;
        border-radius: 0;
    } 
    .recipe_sub_menu li{border: 0;}
    .dark-theme .recipe_sub_menu{
        border-bottom: #313131 1px solid;
    }
    body .dashboard_menu .menu .recipe_sub_menu li > a {
        padding-left: 18px;
    }
    #Recipes .recipe_nav {
        margin-left: 0;
    }
     body .contact_bg .col_8 p.text-danger{
        position: relative;
        z-index: 999;
    }
     body .contact_bg .container{
        position: relative;
    }
     body .header.home_header{
        z-index: 999;
    }
     body .profile_class ul.cover button{
        text-align: left;
    }
     body ul.cover {
         bottom: inherit;
         left: 0;
         margin: auto;
         z-index: 9;
    }
     body button#visible{
        text-align: left;
        margin-top: 13px;
    }
     body .error_wrp{
         position: relative !important;
         top: -28px;
         bottom: 0 !important
    }
     .__nuxt-error-page .error svg{
         width: 468px;
         height: 240px;
    }
     body section.sec_discover.wrapper:before{
        bottom: -1px;
    }
     body .chief_about .sec_text.col_4 {
         width: 100%;
    }
     body .chief_about{
        padding-top: 0;
    }
   
     body .chief_about .inner_silder .slick-slide{
         padding: 0 27px 25px;
    }
     .non_login{
        flex-wrap: wrap;
    }
     .non_login .right_block{
        width: 48%;
    }
     .non_login .right_block .search_wrap{
        width: 100%;
    }
     #__nuxt .inner_silder .slick-arrow.slick-prev {
         right: 0;
         bottom: -36px;
         top: auto;
         margin: auto;
         left: -72px !important;
    }
     #__nuxt .inner_silder .slick-arrow.slick-next {
         right: 0;
         bottom: -36px;
         top: auto;
         margin: auto;
         left: 90px;
    }
     body .margin-top-102{
        margin-top: 70px;
    }
     body .menu_container{
        padding: 10px 0;
        margin: 0px 2%;
    }
     body .range-silder > span {
        width: 100%;
        padding-right: 0;
         margin-right: 0;
    }
     body .side_bar_list.col_3.pl-5.fixed{
        position: static;
        max-width: 100%;
        margin-bottom: 30px;
    }
     .dashboard_menu .menu ul li.active a:before {
        display: none;
    }
     .dashboard_menu .menu ul li svg{
        display: none;
    }
     .dashboard_menu .menu ul li a{
        margin: 0;
    }
     .search_result_people > div{
        width: 100%;
    }
     .profile-container{
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding: 20px 0;
    }
     .profile_header .edit-btn button{
         position: static;
         width: auto;
         display: block;
         height: 100%;
         padding: 8px 28px;
         font-size: 0.6em;
    }
     .profile_header .profile_col{
         justify-content: center;
         width: 100%;
    }
     .side_bar{
        margin-bottom: 50px;
    }
     .profile_header .edit-btn {
         justify-content: center;
         margin-top: 20px;
    }
     .profile_header {
         min-height: 100%;
         padding: 19px 0;
    }
     .menu_button{
        margin: 30px 0
    }
     .menu_button ul{
        justify-content: center;
        width: 100%;
        flex-wrap: nowrap;
    }
     .menu_button li a.btn{
         font-size: 0.65em;
         width: 100px;
         height: 35px;
    }
     .menu_button li:nth-child(1){
        margin-right: 10px
    }
    .wall_tab_sec .menu_button li.btn{margin-bottom: 0;}
    .menu_button li:nth-child(3),
     .menu_button li:nth-child(2){
        margin-right: 10px
    }
     .profile_header .follow_btn_wrap .btn{
        position: static;
    }
     .profile_header .follow_btn_wrap {
        text-align: center;
        margin-top: 20px
    }
     .search_result_wall .center_contain {
        padding-right: 0;
    }
     .search_result_people .col_4{
        width: 100%;
        margin-top: 0;
        margin-right: 0;
    }
     .search_result_wall .side_bar.col_4 {
        width: 100%;
    }
     .search_result_wall .count{
         padding-top: 0
    }
     body .side_bar_list {
        margin-top: 0;
        margin-bottom: 30px;
    }
     body .wapper_details.col_9, body .side_bar_list{
        width: 100%;
    }
     .vm--modal .card-body .img-thumbnail{
         width: 33.33%;
    }
     .chief_about .inner_silder .slick-slide:nth-child(2n+1){
        top: 0;
    }
     #__nuxt .chief_about .inner_silder{
        top: 0;
    }
     .sec_about .col_4 {
         width: 100%;
         max-width: 320px;
         margin: auto;
    }
     .sec_about .d-flex {
         flex-wrap: wrap;
    }
     .sec_about .colum_list .col_4 p {
         padding: 23px 0 33px;
    }
     .notifi_box .content_wrap .post_text a{
        font-size: 0.6em;
         width: 100%;
         display: inline-block;
    }
     .notification_heding h4 {
        font-size: 0.8em;
    }
     body .notifi_box{
        max-width: 250px;
        padding: 18px 18px 6px;
        z-index: 99;
        top: 43px;
    }
     body .profile_box{
        top: 54px !IMPORTANT;
        z-index: 99;
    }
     body .hamburger{
        background-image: url('/assets/images/hamberger.svg');
        background-repeat: no-repeat;
        background-position: center;
        font-size: 0;
        left: 7px;
        width: 36px;
    }
     .profile_box ul li a{
        font-size: 0.6em;
    }
     .mobile_menu, .hamburger, .cross{
        display: block;
    }
     .menu{
        display: none;
    }
     .footer_sec .menu{
        display: block;
    }
     .menu_container .logo {
        margin-left: 50px;
    }
     .mobile_menu{
        left:0;
        top: 0;
        z-index:1000000;
         font-weight:bold;
         font-size:0.8em;
         width:100%;
         background:var(--bg);
         position:absolute;
         text-align:center;
         font-size:12px;
    }
     .mobile_menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        display: inline-block;
        width: 100%;
        border-top: 3px solid var(--orange);
    }
     .mobile_menu li {
        display: block;
        /* padding:15px 0 15px 0;
         */
        /* border-bottom:#dddddd 1px solid;
         */
    }
     .mobile_menu ul li a {
        color: var(--gray);
        text-decoration:none;
        margin: 0px;
         font-size: 0.9em !important;
        border-bottom: #dddddd 1px solid;
         display: block;
        margin: 0 13px;
        padding: 15px 8px 15px 8px;
        text-align: left;
    }
     .mobile_menu ul li a:hover {
         color:var(--green);
         text-decoration:none;
    }
     .mobile_menu a:hover{
        text-decoration:none;
         color:var(--green);
    }
     .mobile_menu li.active a{
         color:var(--green)
    }
     .sec_subscription .d-flex{
        flex-wrap: wrap;
        justify-content: center;
    }
     .sec_subscription .col_4{
        width: 45%;
        margin-bottom: 40px;
    }
     body .contact_bg{
        background-size: auto;
        position: relative;
        padding: 71px 0 31px;
        margin-bottom: 0;
        min-height: 100%;
        background-position-x: 100%;
    }
     /* body .contact_bg:before{
        content:"";
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: #000000ab;
    } */
     .sec_contact .row-form .col_6 {
        width: 47.5%;
    }
     .contact_bg .col_8 {
         width: 100%;
         left: 0;
         top: -14px;
         float: none;
         max-width: 560px;
         margin: auto;
    }
     /* body .sec_contact .row-form label, .contact_bg .col_8 p, .contact_bg .col_8 h1{
        color: var(--white);
    }
     body .sec_contact .vue-tel-input, body .sec_contact .row-form .col_6 input, body .sec_contact .row-form .col_6 select, body .sec_contact .row-form .col_12 textarea {
        border-color: var(--white) !important;
    } */
     body .banner_bg{
        background-size: auto;
        position: relative;
        margin-top: 0;
    }
     body.dark-theme .banner_bg{
        margin-top: 0;
    }
     body .banner_bg:before{
        content:"";
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: #efefef6b;
    }
     body .banner_text h1 {
        font-size: 2.0em;
    }
     .sec_banner .banner_text .mt-4{
        margin-top: 20px
    }
     .sec_banner .banner_text{
        position: relative;
    }
     .sec_banner{
        padding: 0
    }
     .sec_discover{
        margin-bottom: 0;
    }
     .chief_about .inner_silder .slick-slide {
        padding-right: 50px;
        padding-left: 50px;
    }
     #__nuxt .chief_about .inner_silder {
        width: 100%;
        position: relative;
    }
     .chief_about .sec_text{
        width: 100%;
        text-align: center;
         padding-top: 90px;
    }
     .chief_about .inner_silder .slick-slide:nth-child(2n) {
        top: 0;
    }
     .inner_silder .slick-list.draggable {
        padding-top: 146px !important;
        top: -36px;
    }
    /* .chief_about .inner_silder .slick-slide{
         margin-right: 40px;
        margin-left: 40px
    }
     */
     body .colum_list {
        padding: 80px 20px 30px;
    }
     body .footer_menu .menu{
        width: 40%;
    }
     body .footer_menu {
        flex-wrap: wrap;
        margin-left: 30px;
    }
     body .footer_sec{
        padding: 60px 0;
    }
     body .footer_menu .menu {
        margin-left: 0;
         margin-bottom: 17px;
    }
     body .footer_menu .menu .mb-2{
        margin-bottom: 10px;
    }
     .inner_silder .slick-list {
         padding-top: 110px !important;
         padding-bottom: 30px !important;
    }
     body .menu ul li a{
        margin-left: 0;
        padding-left: 18px;
    }
     .mobile_menu li{
        margin-left: 0;
    }
}



 @media only screen and (max-width: 679px){
     .colum_list p{
        min-height: auto;
    }
}
 @media only screen and (max-width: 767px){
     body .profile_header .profile_col .text_wrper .about-icon{
         right: 0;
         position: absolute;
         left: 0;
         top: -15px;
         margin: 0 auto;
    }
     .profile_header .profile_col .text_wrper{
         margin-left: 0;
         text-align: center;
         position: relative;
         margin-top: 20px;
    }
     .profile_header .profile_col{
         flex-direction: column;
    }
     .profile_header .profile_col .text_wrper h4{
         font-size: 0.95em;
         float: none;
    }
     .profile_header .edit-btn button{
         font-size: 0.65em;
         width: 170px;
         height: 46px;
         padding: 8px 10px;
    }
     .profile_header .follow_btn_wrap {
         text-align: center;
         margin-top: 20px;
         display: flex;
         justify-content: center;
         flex-direction: column;
         align-items: center;
    }
     .profile_header .follow_btn_wrap button{
         margin-right: 0 
    }
     .profile_header .follow_btn_wrap button.add_frd, .profile_header .follow_btn_wrap button.follow_chef{
         margin-top: 0px;
         margin-bottom: 20px;
    }
    /*media close*/
}
 @media only screen and (max-width: 650px) {
    .edit_profile .deactiver_div{margin-right: 0;}
    .edit_profile .delete_icon{margin: 20px 0;}
    .new_post {top:0}
    .new_post.new_post_up {
        top: 72px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .edit_profile .deactive_wper {
    flex-direction: column;
    align-items: center;
    }
    .deactive_wper a {
        margin: 5px 0;
    }
     body .add_more .plus_icon{right: 34px;}
     body .profile-container .edit-btn{
        width: 100%;
    }
     body .show-comment-reply .display_block{
         bottom: -14px;
    }
     section.wrapper.wall_tab_sec.all_list_members {
         min-height: 100%;
    }
     body .profile_box ul li.login_user {
         display: block;
    }
     body .inner_recipe .content_area a{
         font-size: 0.7em;
    }
     body .cms_content li{
         font-size: 0.7em;
    }
     body .cms_content p {
         padding-bottom: 20px;
         font-size: 0.7em;
    }
     body .cms_content .mt-3{
        margin-top: 0;
    }
     body .cms_content h2{
        font-size: 1.4em;
        padding-bottom: 20px;
    }
     body .dynamic_page h1 {
        font-size: 1.5em;
        padding-bottom: 23px;
    }
     body .cms_content {
        padding-top: 30px;
    }
     body .recipe_details_page ol.BreadcrumbList{
        bottom: -28px;
    }
     .recipe_post_details .mention_editor .ProseMirror{
        margin-bottom: 40px;
    }
     body .oembed-video:before{
        background-size: 90px;
    }
     body .chief_about .inner_silder .slick-slide {
         padding: 0 45px 25px;
    }
     body .comment_post .avtar_sec{
        flex-wrap: nowrap;
        justify-content: center;
    }
     body .time-list li svg {
        width: 20px;
        height: 20px;
    }
   
     .side_bar .top_recipe > a{
        font-size: 14px;
    }
     .top_recipe.friend_list .recipe_heding h5 {
         font-size: 0.7em;
    }
     .wall_tab_sec .side_bar .top_recipe.friend_list .content_wrap .img-col, .wall_tab_sec .side_bar .top_recipe.friend_list .content_wrap {
         flex-direction: row;
         flex-wrap: inherit;
    }
     body .banner_text h1 {
         font-size: 1.8em;
    }
     .chief_about .inner_silder .slick-slide {
         padding: 0 30px;
    }
     body .sec_discover .silder_recipes .text_wrper, body .dash_silder_recipes .text_wrper h3{
        font-weight: 800;
        font-size: 0.8em;
        max-width: 270px;
    }
     body .login_wrap .profile_box{
        top: 55px !IMPORTANT;
        max-width: 166px;
    }
     body .bootkit a{
        font-size: 0.4em;
        background-position: 49% 2px;
         background-size: 14px;
    }
     body .bootkit{
        max-width: 60px;
        height: 60px;
        top: 24px;
        right: 18px;
    }
     body .dash_silder_recipes .text_wrper .left .author-img{
         max-width: 40px;
         height: 40px;
         margin-right: 12px !important;
         width: 100%;
    }
     body h2 {
         font-size: 1.8em;
    }
     .notifi_box .img_wrap{
        margin-bottom: 0;
        flex-wrap: inherit;
    }
     .notification_heding{
        margin-left: 0px
    }
     .notifi_box .content_wrap .post_text{
        font-size: 0.5em;
    }
     body .mention-item .dim{
        font-size: 16px;
    }
     .v-popover.popper {
         left: 212px !important;
        top: 100px !important;
    }
     body .mobile_menu{
        top: 60px;
    }
     body .cross{
        line-height: 0;
        top: 41px;
        padding: 0;
    }
   
     td, th{
        font-size: 0.6em;
    }
     .inner_recipe h3 {
         font-size: 1.2em;
    }
     .inner_recipe .colm_warp label {
        font-size: 0.7em;
    }
     .inner_recipe .colm_warp .number{
        max-width: 111px;
    }
     td .btn {
        height: 30px;
        width: 116px;
    }
     body .inner_recipe p {
        font-size: 0.7em;
    }
     body .b-slider .b-slider-thumb-wrapper .b-slider-thumb{
        display: flex;
        align-items: center;
         justify-content: center;
    }
     body .is-warning.is-primary .tooltip-trigger .b-slider-thumb span{
        left: 0;
        top: 0;
    }
     body .cross_icon{
        width: 21px;
        height: 24px;
        right: 19px;
        top: 24px;
    }
     body .vm--modal h2{
        font-size: 1.66em;
    }
     body .vm--modal .card .form-group .form-control{
        width: 100%;
    }
     body .vm--modal.edit-popup .card .form-group .form-control{
        width:100%
    }
     .dash_silder_recipes .text_wrper .avtar_sec{
        flex-wrap: wrap;
    }
     body .action_buttons button{
         padding-left: 25px;
         font-size: 0.6em;
         margin-right: 6px;
         margin-left: 0;
         line-height: normal;
    }
    .dash_silder_recipes .text_wrper .avtar_sec p{word-break: break-all;}
     .chief_about .inner_silder .slick-slide {
        padding-right: 0;
        padding-left: 0;
    }
     body .sec_subscription .colum_list .col_4 h4 {
        font-size: 0.8em;
    }
     body .sec_subscription.wrapper .col_4{
         padding: 35px 13px;
    }
     body .sec_subscription .colum_list .col_4 p {
        font-size: 0.6em;
    }
     body .notifi_box .content_wrap{
        justify-content: left;
        flex-wrap: inherit;
        padding: 20px 13px;
    }
     body .col_4{
        width: 100%;
    }
     .d-flex{
        flex-wrap: wrap;
    }
     .sec_about .col_4 {
        width: 100%;
        max-width: 320px;
        margin: auto;
    }
     .sec_about .colum_list .col_4 p{
        padding: 23px 0 33px;
    }
     body h2{
        font-size: 2.0em;
    }
     .sec_text p {
        font-size: 0.8em;
    }
     body .colum_list {
        padding: 50px 20px 0px;
    }
     .sec_subscription .col_4{
        width: 100%;
        margin-right: 0;
    }
     .sec_contact .row-form .col_6 {
        width: 100%;
    }
     body .contact_bg{
        padding: 70px 0 35px;
    }
     body .footer_menu {
        margin-left: 0;
        margin-top: 30px;
    }
     .sec_subscription .d-flex{
        padding: 50px 0px 0px;
    }
     body .sec_banner .banner_text {
        max-width: 100%;
    }
     body .btn {
        font-size: 0.6em;
        width: 128px;
        height: 43px;
    }
     body .btn .mt-4{
         margin-right: 6px;
    }
     body .footer_menu .menu {
         width: 100%;
    }
}
 @media only screen and (max-width: 480px) {
     body .all_list_members .menu_button ul.tab_menu_center li{
        max-width: 100%;
        font-size: 0.5em !important;
        margin: 0 10px;
    }
     body .show-comment-reply .display_block{
        bottom: -8px;
        font-size: 0.5em;
    }
     body .images_wrper .bookmark{
         right: 17px;
    }
     body .bookmark button{
        width: 43px;
        height: 43px;
        background-size: 15px;
    }
     body .__nuxt-error-page .title{
        font-size: 1.1em !important;
    }
     .__nuxt-error-page .error svg {
         width: 338px;
         height: 179px;
    }
     body .__nuxt-error-page .description .error-link {
         font-size: 0.7em !important;
    }
     body .vti__dropdown-list {
        width: 100%;
        min-width: 280px;
    }
     body ol.BreadcrumbList li:after{
        font-size: 0.55em;
        margin: 0 3px;
        padding-right: 6px;
    }
    
     body ol.BreadcrumbList li a{
         font-size: 0.5em;
    }
     body .recipe_details_page .comment_post.comment_post-reply{
        padding-left: 30px !important;
    }
     body .inner_input_three .col_2 {
         width: 42% !important;
         height: 64px;
    }
     .dash_silder_recipes .social_btn.d-flex.flex-space-around{
         padding: 0 5px !important;
    }
     body .time-list li svg {
         width: 15px;
         height: 15px;
         margin-right: 5px;
    }
     body .menu_container .logo {
        margin-left: 35px;
    }
     body .mobile_menu ul li a{
        font-size: 0.66em !important;
    }
     body .footer_copywrite p{
        font-size: 0.6em;
    }
     .comment_post .social_btn button.like{
        padding-right: 14px;
    }
     body .comment_post .social_btn svg {
         width: 13px;
         height: 12px;
    }
     body .comment_post .social_btn button{
        margin-left: 12px;
        padding-left: 22px;
    }
     body .comment_post .social_btn .reply:before, body .comment_post .social_btn .like:before {
         background-size: 14px;
    }
     .list-group-flush li{
        font: 0.7em;
    }
     body .login_wrap .profile_box{
        top: 50px !important;
    }
     body .comment_post .star-rating .btn{
         width: 100%;
         height: 28px;
         padding: 5px 8px;
         font-size: 0.4em;
         margin-left: 6px;
         max-width: 73px;
    }
     body .dash_silder_recipes .images_wrper{
        height: 200px;
    }
     body .dash_silder_recipes .text_wrper .social_btn button:after{
        right: -32px;
    }
     body .vm--modal .card .form-group .form-control {
         width: 100%;
    }
     .menu_button li.btn {
         max-width: 89px;
         height: 36px;
         font-size: 0.5em;
         margin-right: 12px;
    }
     body .vm--modal .form-group{
        margin-bottom: 0;
    }
     .vm--modal button.cut{
        max-width: 35px;
        height: 35px;
    }
     .vm--modal .row .col-4, .vm--modal .row .col-2, .vm--modal .row .col-3{
        max-width: 100%;
        flex: inherit;
    }
     .menu_button li.btn{
         height: 31px;
    }
     .menu_button li.btn:last-child{
        margin-right: 0
    }
}
 @media only screen and (max-width: 425px){
    /* .profile_header .profile_col .text_wrper .following_media ul{
         flex-direction: column;
    }
     */
     body .vm--modal .card-body .img-thumbnail {
         height: 91px;
    }
     body .vm--modal label{
        font-size: 0.7em !important;
    }
     .menu_container .logo img{
        width: 100%;
    }
     .menu_container .logo {
        margin-left: 44px;
    }
     header .left_block{
        max-width: 50%;
    }
     header .d-flex{
        align-items: center;
    }
     body .hamburger{
        padding: 0px 10px 0px 10px;
        background-size: 26px;
        top: -2px;
    }
}
/*Banner*/
 .srarting_post .content_wrap {
    align-items: center;
    padding-top: 11px;
}
 .dash-menu{
    display: none
}
 .header .right_block .login .img_wrap > div{
    width: 100%;
    height: 100%;
}
.header .right_block .login .img_wrap {
    width: 39px;
    height: 39px;
    border-radius: 100%;
    margin-right: 12px;
}
 .header .right_block .login .img_wrap img{
    width: 100%;
    border-radius: 100%;
    object-fit: cover;
    height: 100%;
}
 .srarting_post{
    background-color: var(--white);
    border-radius: 0;
    padding:3% 5%;
    position: relative;
    margin-top: 0px;
}
 .srarting_post .content_wrap .img_wrap{
    max-width: 58px;
    height: 58px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 3px;
    width: 100%;
}
 .srarting_post .content_wrap .img_wrap .author-img, .srarting_post .content_wrap .img_wrap .author-img > div{
    height: 100%;
}
 .srarting_post .input_text{
    width: 100%;
     align-items: center;
}
 .srarting_post .input_text input[type=text]{
    width: 100%;
    height: 100%;
    border:none!important;
    outline: none;
    font-size: 0.75em;
    font-weight: 600;
}
 .srarting_post .content_wrap:before{
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: var(--bg);
    left: 0;
    right: 0;
    top: 66px;
    max-width: 100%;
    margin: auto;
}
 .srarting_post .input_text input::-webkit-input-placeholder {
    /* Edge */
     color: var(--gray);
}
 .srarting_post h5{
    font-size: 0.77em;
}
 .srarting_post .input_text .upload{
    background-color: transparent;
    outline: none;
    border:none;
    cursor: pointer;
    line-height: 0;
}
 .srarting_post .input_text input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: var(--gray);
}
 .srarting_post .input_text input::placeholder {
     color: var(--gray);
}
 body.dark-theme .srarting_post .upload_data{
     background-color: #151515 !important;
}
 .srarting_post .upload_data{
     top: 100%;
     position: absolute;
     background-color: var(--white);
     min-height: 160px;
     max-width: 217px;
     right: 0px;
     border-radius: 0;
     z-index: 9;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     box-shadow: none;
     width: 100%;
}
 body .srarting_post .upload_data .btn:last-child{
    margin-bottom: 0;
}
 .srarting_post .upload_data .btn{
     margin-bottom: 21px;
     width: 169px;
     height: 39px;
     border:none;
     background-color: var(--white);
     color: #7D7D7D;
     font-size: 0.6em;
     border: 1px solid rgba(99, 99, 99, 0.26);
     cursor: pointer;
     text-transform: capitalize;
     font-weight: 700;
}
 .silder_main .slick-dots{
    display: none;
}
 .overlay{
    position: fixed;
    width: 100vw;
    height:100vh;
    left: 0;
    top: 0;
    background: #00000047;
    display: none;
    z-index: 2;
}
 .overlay.show{
    display: block;
}
 .upload_data.show{
    display: flex!important;
}
 .srarting_post{
    z-index: 2
}
 .inner_recipe .mention_editor .ProseMirror{
    margin-bottom: 0;
}
.dark-theme .inner_recipe .mention_editor .ProseMirror p::placeholder{
     color: #5E5E5E;
}
.inner_recipe .mention_editor .ProseMirror p::placeholder{
    color: #4A4A4A !important; 
}
 .side_bar .top_recipe{
    background-color: var(--white);
    border-radius: 0px;
    padding-right: 0;
}
 .side_bar .top_recipe .img_wrap{
    width: 83px;
    height: 55px
}
 .side_bar .top_recipe .content_wrap .post_text {
     width: calc(100% - 120px)
}
 .side_bar .top_recipe{
    background-color: var(--white);
    border-radius: 0px;
}
 .side_bar .top_recipe .img_wrap{
    max-width: 80px;
    height: 51px;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
}
 .side_bar .top_recipe .img_wrap img{
    width: 100%;
    position: relative;
    height: 100%;
    object-fit: cover;
}
 body .side_bar .top_recipe > a:hover{
    color: var(--green);
}
 .dark-theme .recipe_post_details .right, .dark-theme .recipe_post_details .left, .dark-theme .side_bar .top_recipe > a{
    color: var(--white);
}
 .side_bar .top_recipe > a {
    font-weight: 700;
     color: var(--gary-dark);
    float: right;
    text-align: right;
     transition: .2s;
    font-size: 16px;
    padding: 3px 10px;
    margin-right: 10px;
}
 .top_recipe.friend_list .recipe_heding{
    padding-bottom: 20px;
}
 .top_recipe.friend_list .recipe_heding h5{
    font-size: 0.77em;
}
 .side_bar .top_chef .text-emty{
     font-size: 0.9em;
     font-weight: 600;
     padding: 20px 20px 20px;
     color: var(--orange);
     border-top: 1px solid #ffffff47;
}
 .side_bar .top_chef .img_wrap a > div {
     width: 100%;
     height: 100%;
}
/* .dark-theme .profile_header{
    background-color: #000;
}
 */
 .side_bar .top_chef .img_wrap{
    max-width: 55px;
    height: 55px;
    border-radius: 100%;
    overflow: hidden;
    width: 100%;
}
 .side_bar .top_chef .content_wrap .post_text {
    width: calc(100% - 95px);
}
 .side_bar .top_chef .img_wrap img{
    border-radius: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    height: 100%;
}
 .side_bar .top_recipe .content_wrap a{
    font-size: 0.7em;
    font-weight: bold;
    color:var(--black);
}
 .side_bar .top_chef .img_wrap a{
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}
 .form-group input[type="file"]{
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     top: 0;
     opacity: 0;
     cursor: pointer;
}
 .friend_list .content_wrap{
    justify-content: space-between;
}
 .friend_list .content_wrap .reject, .friend_list .content_wrap .pending {
    background-color: var(--orange) !important;
}
 .friend_list .content_wrap .btn_wrapper{
    margin-top: 0;
}
 .friend_list .content_wrap .btn_wrapper .btn, .friend_list .content_wrap .btn_wrapper button{
    font-weight: 800;
     background-color:var(--green);
    font-size: 13px;
    height: 100%;
    padding: 16px 9px;
}
 .form-group{
    position: relative;
     width: 100%;
}
 .bootkit {
     background-color: #fff;
     width: 100%;
     max-width: 61px;
     height: 61px;
     border-radius: 100%;
     position: absolute;
     right: 25px;
     z-index: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     top: 20px;
     border: 1px solid #E7E7E7;
}
 .bootkit a{
    pointer-events: none;
    color: var(--black) !important;
    font-size: 0.42em;
    font-weight: 800;
    text-align: center;
    background-image: url("../images/timeorange.svg");
    background-repeat: no-repeat;
    background-position: 49% -2px;
    padding-top: 22px;
    background-size: 17px;
    width: 100%;
    display: block;
}
 .dash_silder_recipes .right .post-date-time{
     font-weight: 600;
     color: #9F9F9F;
     font-size: 0.5em;
     display: block;
     /* background-image: url("../images/place.svg"); */
     background-repeat: no-repeat;
     /* padding-left: 20px; */
     background-position: left;
}
 .dash_silder_recipes .slick-slide{
    outline: none;
}
 .comment_post .social_btn button.active, .comment_post .social_btn button:hover{
    color: var(--orange);
    transition: 0.3s;
}
 .comment_post .social_btn .like:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/like_icon.svg);
    width: 24px;
    height: 21px;
    left: 0;
    top: 2px;
}
 .comment_post .social_btn button.like.active:before, .comment_post .social_btn .like:hover:before{
    background-image: url(../images/like_icon_h.svg);
    transition: 0.3s;
}
 .comment_post .social_btn button.bookmark.active:before, .comment_post .social_btn .bookmark:hover:before{
    background-image: url(../images/save.svg);
    transition: 0.3s;
}
 .comment_post .social_btn .reply:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/comment_icon.png);
    width: 21px;
    height: 21px;
    left: 0;
    top: 2px;
}
 .comment_post .social_btn .reply:hover:before{
    background-image: url(../images/comment_icon_h.png);
    transition: 0.3s;
}
 .comment_post .social_btn button.like {
     margin-left: 0;
}
/*sec_discover*/
 .border{
    background-color: rgba(0, 0, 0, 0.11);
    height: 1px;
    border: 1px;
    width: 100%
}
 .box-shadow{
    -webkit-box-shadow: 0px 20px 26px rgba(0, 0, 0, 0.04);
     -moz-box-shadow: 0px 20px 26px rgba(0, 0, 0, 0.04);
     box-shadow: 0px 20px 26px rgba(0, 0, 0, 0.04);
}
 .dash_silder_recipes .col_4{
    border-radius: 0;
    background-color:
    var(--white);
    outline: none;
    width: 100%;
}
/* .dash_silder_recipes .slick-track{
    padding: 32px 0;
}
 */
 .dash_silder_recipes .images_wrper{
     width: 100%;
     height: 283px;
     /* overflow: hidden; */
     border-top-left-radius: 0;
     position: relative;
     border-top-right-radius: 0;
    
}
.dash_silder_recipes .images_wrper .slick-dots{
    z-index: 1;
}
 body .text-danger{
    color: red !important;
    text-transform: initial!important;
     font-size: 0.5em !important;
     font-weight: 700;
    position: static;
}
 #__nuxt .dash_silder_recipes .images_wrper .full-width{
    width: 100%;
}
 /* .text_wrper .content a{
    color: var(--green);
} */
.text_wrper .content a.green{
    color: var(--green);
}
 .dash_silder_recipes .text_wrper .social_btn button:after {
     content: "";
     position: absolute;
     right: -28px;
     width: 1px;
     height: 100%;
     top: -1px;
     border-right: 1px solid #c9c9c97d;
     display: none;
}
 .dark-theme .dash_silder_recipes .text_wrper .social_btn button:after{
    border-right: 1px solid #ffffff3d;
}
 .dash_silder_recipes .text_wrper .social_btn button:last-child:after {
     border: 0;
}
 .time-list li a{
    pointer-events: none;
}
 .dash_silder_recipes {
    margin-bottom: 12px;
}
 .vm--modal .dash_silder_recipes{
    margin-bottom:0
}
 .share .vm--modal > div{
    width: 100%;
}
 .vm--modal .dash_silder_recipes .col_4{
    box-shadow: none;
    border: 1px solid #C9C9C9;
}
 .dash_silder_recipes .images_wrper div{
    height: 100%;
    padding: 0;
     outline: none;
}
 .inner_silder .slick-arrow{
    -webkit-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.35);
}
 body.dark-theme .inner_silder .slick-arrow{
    -webkit-box-shadow: 0px 0px 38px -6px rgb(234 234 234);
    -moz-box-shadow: 0px 0px 38px -6px rgb(234 234 234);
    box-shadow: 0px 0px 38px -6px rgb(234 234 234);
}
 #__nuxt .inner_silder .slick-arrow.slick-prev{
    left: 30px;
}
 #__nuxt .inner_silder .slick-arrow.slick-next{
    right: 30px;
}
 .dash_silder_recipes .images_wrper iframe{
    height: 100%;
    width: 100%;
}
 .dash_silder_recipes .images_wrper img{
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    position: relative;
    top: 0;
    height: 100%;
    object-fit: cover;
}
 .dash_silder_recipes .text_wrper{
    position: relative;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    padding: 25px 28px 20px;
}
 .dash_silder_recipes .text_wrper .left{
    max-width: 42px;
    float: left;
    margin-right: 11px;
    height: 42px;
    width: 100%;
}
 .dash_silder_recipes .text_wrper .left .author-img{
    display: inline-block;
    max-width: 42px;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
}
 .dash_silder_recipes .text_wrper .avtar_sec{
    display: flex;
    align-items: center;
}
 .dash_silder_recipes .text_wrper .left .author-img img{
    width: 100%;
    position: relative;
    height: 100%;
}
 .dash_silder_recipes .right .author-text{
    font-size: 0.7em;
    display: block;
    font-weight: 700;
    color: var(--black);
}

 .dash_silder_recipes .right .post-date-time{
    font-size: 0.5em;
    display: block;
}
 .dash_silder_recipes .right .author-text span a {
    font-weight: 700;
    color: var(--black);
}
 .dash_silder_recipes .text_wrper .content{
    float: left;
}
 .dash_silder_recipes .text_wrper .text_wrper .content p{
    margin-bottom: 0;
}
 .dash_silder_recipes .text_wrper .content p{
    font-size: 0.7em;
    color: var(--black);
    margin-bottom: 0;
}
 .dash_silder_recipes .text_wrper .content p div{
    word-wrap: break-word;
    font-weight: 400;
    line-height: 22px;
/* identical to box height */
    letter-spacing: -0.02em;
    color: #4A4A4A;
}
 .rating-counrt{
    color: var(--gary-dark);
    font-size: 0.5em;
    font-weight: 900;
}
 .dash_silder_recipes .text_wrper .social_btn button{
    background-color: transparent;
    border: none;
    font-weight: 600;
    font-size: 0.66em;
    cursor: pointer;
    outline: none;
    font-family: 'Nunito'!important;
    color:
    var(--btn_gray);
    position: relative;
    text-align: center;
    padding-left: 31px;
}
 .dash_silder_recipes .text_wrper .social_btn button.like:hover, .dash_silder_recipes .text_wrper .social_btn button.like.active{
    color: var(--orange);
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn button.bookmark:hover, .dash_silder_recipes .text_wrper .social_btn button.bookmark.active{
    color: var(--orange);
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn button.comment.active, .dash_silder_recipes .text_wrper .social_btn button.comment:hover{
    color: var(--orange);
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn button.share.active, .dash_silder_recipes .text_wrper .social_btn button.share:hover{
    color: var(--orange);
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn .like:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url("../images/like_icon.svg");
    width: 24px;
    height: 25px;
    left: 0;
    top: 0px!important;
    background-size: 18px;
}
 .dash_silder_recipes .text_wrper .social_btn button.like:hover:before, .dash_silder_recipes .text_wrper .social_btn .like.active:before{
    background-image: url("../images/like_icon_h.svg");
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn button.bookmark:hover:before, .dash_silder_recipes .text_wrper .social_btn .bookmark.active:before{
    background-image: url("../images/save.svg");
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn .comment:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url("../images/comment_icon.png");
    width: 21px;
    height: 21px;
    left: 4px;
    top: 2px;
    background-size: 16px;
}
 .dash_silder_recipes .text_wrper .social_btn .comment:hover:before{
    background-image: url("../images/comment_icon_h.png");
    transition: 0.3s;
}
 .dash_silder_recipes .text_wrper .social_btn .share:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url("../images/share_icon.png");
    width: 35px;
    height: 21px;
    left: -4px;
    top: 3px;
    background-size: 25px;
}
 .dash_silder_recipes .text_wrper .social_btn .share:hover:before{
    background-image: url("../images/share_icon_h.png");
    transition: 0.3s;
}
/*Footer*/
/*stars*/
 fieldset, label {
     margin: 0;
     padding: 0;
}
/****** Style Star Rating Widget *****/
 .rating {
     border: none;
     float: left;
}
 .rating > input {
     display: none;
}
 .rating > label:before {
     margin: 5px;
     font-size: 0.85em;
     font-family: FontAwesome;
     display: inline-block;
     content: "\f005";
}
 .rating > .half:before {
     content: "\f089";
     position: absolute;
}
 .rating > label {
     color: #ddd;
     float: right;
}
/***** CSS Magic to Highlight Stars on Hover *****/
 .rating > input:checked ~ label, 
/* show gold star when clicked */
 .rating:not(:checked) > label:hover, 
/* hover current star */
 .rating:not(:checked) > label:hover ~ label {
     color: #FFD700;
}
/* hover previous stars in list */
 .rating > input:checked + label:hover, 
/* hover current star when changing rating */
 .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, 
/* lighten current selection */
 .rating > input:checked ~ label:hover ~ label {
     color: #FFED85;
}
/*Add Recipe*/
 .vm--modal .card-body .img-thumbnail{
    height: 125px;
}
 .vm--modal .card-body .img-thumbnail video{
    width: 100%;
    height: 100%;
}
 .text_recipe h2{
    font-size: 2.0em;
    font-size: 48px;
}
 .col_6{
    width: 50%;
    float: left;
}
 .upload_img_post{
    padding: 80px 20px;
    border-radius: 20px;
    position: relative;
    border: 2px dotted #ffffff85;
    border-style: dashed;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
 .upload_link{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .inner_upload .show_upload {
     padding: 0;
     border-radius: 10px;
}
 .inner_upload .show_upload:nth-child(3n){
    margin-right: 0
}
 .upload_img_post h3{
    padding-top: 23px;
    color: var(--gary-dark);
    font-weight: 800;
}
 .upload_img_post p{
    font-size: 0.8em;
    padding-top: 7px;
    font-weight: 600;
    width: 100%;
}
 .upload_img_post p a:hover{
    text-decoration: underline;
}
 .upload_img_post p a{
    position: relative;
    z-index: 999999;
}
 .recipe_post_details{
     padding-left: 74px;
}
 .add_recipe .inner_upload{
    flex-wrap: wrap;
    height: auto;
    /* position: absolute;
    top: 12px;
    left: 0;
    right: 0; */
    margin: auto;
    padding: 0;
    margin-top: 30px;
}
 .add_recipe .cross-img{
     position: absolute;
     top: 7px;
     right: 7px;
     background-color: white;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     font-size: 15px;
     cursor: pointer;
}
 body .add_recipe .inner_upload .show_upload .fa-times{
    color: #ffffff;
    right: 9px;
    top: 9px;
    cursor: pointer;
}
 .inner_upload .show_upload .fa-times:hover{
    color: var(--orange);
}
 .add_recipe .inner_upload .show_upload{
    width: 30.33%;
    height: 101px;
    margin-bottom: 0 !IMPORTANT;
}
 .upload_img_post{
     border-style: dashed;
     border: 1px solid #D2D2D2;
}
 body .recipe_post_details span .b-slider_label label{
     font-size: 0.65em !important;
     margin-bottom: 0;
     color: var(--black);
     text-transform: uppercase;
     font-weight: 700;
     text-transform: capitalize;
     display: inline-block;
     position: relative;
     left: 0;
}
 body .inner_upload .show_upload .fa-times{
    position: absolute;
     right: 9px;
     top: 9px;
     color: #ffffff;
     font-size: 16px;
     cursor: pointer;
}
 .recipe_post_details span{
    margin-bottom: 0;
    color: var(--light-gary);
    width: 100%;
    float: left;
    font-weight: 700;
}

 body .inner_field textarea{
    height: 170px;
    resize: none;
    padding: 12px 10px !important;
    color: #000;
    font-size: 0.77em !important;
}
.recipe_post_details .editor_wapper .mention_editor .ProseMirror:focus,
 .inner_field textarea:focus, .inner_field input:focus{
    border: 1px solid var(--green) !important;
}
 .inner_field select, .inner_field textarea, .inner_field input{
    outline: none;
    color: var(--black);
    background-color: var(--white);
    border-radius: 12px;
    height: 45px;
    width: 100%;
    padding: 0px 13px;
    font-size: 0.8em;
    border: 1px solid #D2D2D2 !important;
    font-weight: 500;
}
 body .recipe_post_details span label{
    margin-bottom: 13px;
    color: var(--black);
    font-size: 0.73em !important;
    width: 100%;
    float: left;
    font-weight: 800;
}
 .card-body .field.has-numberinput{
    display: flex;
}
 .card-body .b-numberinput, .number{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    max-width: 165px;
    background-color: #fff;
    border: 1px solid var(--orange);
    padding: 0 11px;
    overflow: hidden;
    height: 55px;
    border-radius: 10px;
    justify-content: space-between;
}
 .colm_warp{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}
 .colm_warp input{
    border: none;
    height: 39px;
    text-align: center;
}
 .inner_field{
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
 .colm_warp label{
    margin-bottom: 0
}
 .add_more .add_text{
    color: var(--green);
    font-size: 0.8em;
    font-weight: 700;
    text-decoration: underline;
}
 .add_more .plus_icon{
    width: 100%;
    height: 35px;
    border-radius: 100%;
    max-width: 35px;
    color: #ffff;
    text-align: center;
    position: relative;
    right: 4px;
}
 .add_more{
    margin-bottom: 40px;
    display: flex;
    justify-content: right;
    align-items: center;
    float: left;
    width: 100%;
}
 body .minus, body .plus{
    height: 100%;
    background: var(--white);
    border-radius:4px;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0;
    color: var(--orange);
    font-size: 25px;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
 body .recipe_post_details .btn{
    width: 100%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}
 body .recipe_post_details .btn-50{
    width: 100% !important;
    float: left;
    max-width: 280px;
    justify-content: center;
}
 body .recipe_post_details .btn-50.mr-1{
    margin-right: 2%;
}
 body .edit_post .btn-50{
    width: 48%!important;
    float: left;
}
 body .edit_post .btn-50.mr-1{
    margin-right: 2%;
}
 body .add_more .green{
     color: var(--green);
     font-size: 0.65em;
     font-weight: 700;
     text-decoration: underline;
     text-transform: capitalize;
     width: auto;
     padding-right: 26px;
}
 .recipe_post_details .left{
    width: auto;
    float: left;
    font-size: 0.6em;
    position: relative;
    left: 0;
    color: var(--gary-dark);
}
 .recipe_post_details .right{
    width: auto;
    float: right;
    font-size: 0.6em;
    color: var(--gary-dark);
    position: relative;
    right: -13px;
    display: none;
}
 .inner_recipe .slide_image{
    height: 300px;
    width: 100%;
    overflow: hidden;
    border-radius: 25px;
}
 .inner_recipe .slide_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 #__nuxt .inner_recipe .full-width{
    width: 100% !important;
    height: 100%;
    overflow: visible;
}
/*recipe css*/
/* popup css */
 .social-wrapper .popup-subtitle{
    color: var(--gary-dark);
}

 .card #image-event-label {
    background-color: var(--white);
}
 .form-group label{
    margin-bottom: 13px;
    color: var(--gary-dark);
    font-size: 0.8em !important;
    width: 100%;
    float: left;
    font-weight: 700;
}
/* .vm--block-scroll{
    overflow: hidden;
}
 */
 body .inner_field textarea:focus{
    border: 1px solid rgb(109 193 6) !important;
}
 .vm--modal .form-group{
     margin-bottom: 18px;
}
 body .vm--modal .card .form-group .form-control{
    padding: 0px 10px;
}
 body .vm--modal .card .form-group select{
    cursor: pointer;
}
 body .vm--modal .popup-content{
    color: var(--gary-dark);
}
 body.dark-theme .social-wrapper .popup-subtitle, body.dark-theme .vm--modal .popup-content{
    color: var(--white);
}
 body .vm--modal .cross_icon{
    color: #969696;
    top: 20px;
    right: 20px;
}
 body .popup-form label, body .popup-field label{
     font-weight: bold;
     font-size: 12px !important;
     margin: 0 !important;
     padding-bottom: 10px;
}
 button{
    border: none;
    cursor: pointer;
}
 body .comment-edit{
    top: 0;
    right: 0px;
}
 .dark-theme .comment-edit .list-dots, .dark-theme .action_buttons .list-dots{
     background-color: #151515;
     border: 1px solid #313131;
    box-shadow: inherit;
}
 .dark-theme .comment-edit .list-dots button, .dark-theme .action_buttons button{
    color: var(--white);
}
 .dark-theme .comment-edit .list-dots li, .dark-theme .action_buttons .list-dots li{
     border-bottom: 1px solid rgb(255 255 255 / 18%);
}
 .comment-edit, .action_buttons {
     position: absolute;
     right: 14px;
     display: flex;
     top: 23px;
     flex-direction: column;
     width: 100%;
     max-width: 120px;
     float: left;
     z-index: 1;
     padding: 3px 0 8px 25px;
     padding: 3px 0 8px 2px;
     margin: 0 16px;
}
 .comment-edit .list-dots button, .action_buttons button{
     color: var(--gary-dark);
     font-size: 0.66em;
     display: flex;
     padding-left: 25px;
     background-position: left;
     font-weight: 700;
     width: 100%;
}
 .comment-edit .list-dots li:hover button, .action_buttons .list-dots li:hover button{
    color: var(--green);
}
 .comment-edit .list-dots li, .action_buttons .list-dots li{
     border-bottom: 1px solid rgba(176, 176, 176, 0.15);
     padding: 10px 0 10px 15px;
     width: 100%;
}
 .comment-edit .edit-dots, .action_buttons .edit-dots{
    line-height: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    color: #4A4A4A;
    font-size: 45px;
}
 .action_buttons .list-dots li:last-child{
     border-bottom: none;
}
 .comment-edit .list-dots, .action_buttons .list-dots{
     background-color:
     var(--white);
     border-radius: 0;
     position: relative;
     top: 22px;
     border: 1px solid #00000017;
}
 .comment-edit .list-dots li .edit, .action_buttons .list-dots li .edit{
     background-image: url(../images/edit-icon.svg);
}
 .comment-edit .list-dots li .delete, .action_buttons .list-dots li .delete{
     background-image: url(../images/del-icon.svg);
}
 .comment-edit .list-dots li .bookmark, .action_buttons .list-dots li .bookmark{
     background-image: url(../images/save.svg);
}
 .card-body .wrapper{
     margin: 0;
}
 .vm--modal .sign_up .form-group {
     margin-bottom: 30px;
}
 .cross_icon{
     position: absolute;
     color: #ffffff00;
     font-size: 0px;
     right: 38px;
     top: 38px;
     width: 40px;
     height: 40px;
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     line-height: normal;
     z-index: 1;
     background-image: url(../images/cross.svg);
     background-position: center;
}
 .search_wrap .media {
     display: flex;
     align-items: center;
     padding: 12px 18px;
}
 .search_wrap .media-left {
     margin-right: 0;
     width: auto;
     max-width: 100%;
     overflow: hidden;
     border-radius: 100%;
}
 .search_wrap .media-left img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .dropdown-item .media-left span.author-img {
     width: 45px;
     height: 45px;
     display: block;
     border-radius: 100%;
     overflow: hidden;
}
 .dark-theme .search_wrap .media-content{
    color: var(--white);
}
 .search_wrap .media-content {
     font-size: 0.7em;
     line-height: 1.2;
     font-weight: 700;
     color: var(--gary-dark);
}
 .search_wrap small {
     font-size: 0.6em;
     color: var(--green);
}
 .dark-theme .search_wrap .dropdown-menu, .dark-theme .vm--modal .dropdown-menu.is-opened-top {
     background-color: transparent;
    box-shadow: inherit;
}
 .search_wrap{
    position: relative;
}
 .search_wrap .dropdown-menu{
    width: 100%;
}
 .vm--modal .dropdown-menu.is-opened-top a{
    display: inline-block;
    width: 100%;
    padding: 3px 16px;
}
 .search_wrap .dropdown-menu, 
 .vm--modal .dropdown-menu.is-opened-top {
     position: absolute;
     left: -36px;
     z-index: 99;
     margin: 0;
     min-width: 396px;
     width: 100%;
     background: #FBFBFB;
     border-radius: 0;
     overflow: hidden;
     top: 56px;
}
 .vm--modal .row{
    position: relative;
}
 .vm--modal .field.b-slider_label{
    max-width: 100%;
}
 .vm--modal .btn{
    width: 100%;
}
 span.dot {
     line-height: 0;
     font-size: 40px;
}
/* breadchrumbs */
 ol.BreadcrumbList {
     margin-top: 0;
     position: relative;
     bottom: 0;
}
 ol.BreadcrumbList li {
     position: relative;
}
 body ol.BreadcrumbList li:last-child a:after{
    display: none;
}
 ol.BreadcrumbList li:after {
     content: ">";
     font-size: 0.66em;
     font-weight: 700;
     margin-right: 11px;
     margin-left: 5px;
}
 .dark-theme ol.BreadcrumbList li a.nuxt-link-exact-active.nuxt-link-active:hover, ol.BreadcrumbList li a.nuxt-link-exact-active.nuxt-link-active:hover{
    color: var(--green) !important;
}
 ol.BreadcrumbList li a {
     color: rgba(99, 99, 99, 0.5);
     font-size: 0.66em;
     font-weight: 700;
}
 ol.BreadcrumbList li a.nuxt-link-exact-active.nuxt-link-active {
     color: #636363 !important;
}
 .dark-theme ol.BreadcrumbList li a {
     color: #ffffffba;
}
 .dark-theme ol.BreadcrumbList li a.nuxt-link-exact-active.nuxt-link-active {
     color: #fff !important;
}
/*recipe Detail css*/
 .recipe_details_page .colm_warp form{
    display: flex;
}
 .recipe_details_page form .number .control{
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 25px;
    background-color: transparent;
}

 .recipe_details_page form .number .control{
    margin-top: 0;
    color: var(--orange);
}
 .recipe_details_page form .number .no_of_persons_field .control .mdi-24px.mdi-set, .mdi-24px.mdi:before{
    font-size: 18px!important;
    font-weight: 600;
}
 .top-img_recipe{
    /* position: absolute; */
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    z-index: 9;
    height: 100%;
    display: flex;
    align-items: center;
    background: var(--white);
    padding-top: 35px;
    padding-left: 10px;
    padding-right: 10px;
}

.top-img_recipe .rating .vue-star-rating.vue-star-rating-inline .sr-only {
    position: relative;
    top: 10px;
    display: none;
}
.recipe_details_page .show-comment-reply .display_block {
    bottom: -13px;
}
body.dark-theme .comment_post .avtar_sec .right .post-date-time,
body.dark-theme .recipe_details_page span.vue-star-rating-rating-text,
.dark-theme .top-img_recipe .text_wrper .right .post-date-time,
.dark-theme .top-img_recipe .text_wrper h3{
    color: var(--white);
}
.dark-theme .top-img_recipe .text_wrper{
    border-bottom: 1px solid #313131;
}
.dark-theme .top-img_recipe{
    background: #151515;
}
 .recipe_details_page .images_wrper{
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
}
 .time-list {
    background-color: var(--white);
    border-radius: 100px;
    padding: 20px 18px 20px;
    max-width: 640px;
    width: 100%;
    margin: auto;
    position: relative;
    right: 0;
    bottom: 20px;
    left: 0;
}
.time-list ul {
    display: flex;
    align-items: center;
}
 .time-list li {
    padding: 0;
    font-size: 0.5em;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
 .time-list li a{
    color: #4A4A4A;
    font-weight:800;
    line-height: normal;
}
 .time-list li svg{
    margin-right: 7px;
    height: 20px;
    width: 20px;
}
 .time-list li:last-child{
    border: 0;
}
 .time-list li a:hover{
    opacity: 0.8;
}
 .recipe_details_page .wapper_details h3{
    font-size: 1.1em;
}
 .recipe_details_page .images_wrper img{
    width: 100%;
    position: relative;
    top: 0;
    height: 100%;
    object-fit: cover;
}
 .top-img_recipe .text_wrper{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid rgba(209, 209, 209, 0.5);
    padding-bottom: 30px;
}
 .top-img_recipe .text_wrper .left{
    float: left;
    margin-right: 12px;
    height: 42px;
    max-width: 42px;
    width: 100%;
}
 .top-img_recipe .text_wrper .left .author-img{
    display: inline-block;
    max-width: 42px;
    height: 42px;
    border-radius: 100%;
    overflow: hidden;
}
 .top-img_recipe .text_wrper .right .author-text span{
    text-transform: capitalize;
    font-weight: 800;
}
 .top-img_recipe .text_wrper .avtar_sec{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    text-align: left;
    margin-bottom: 13px;
    color: var(--white);
}
 .top-img_recipe .text_wrper .left .author-img img{
    width: 100%;
    position: relative;
    height: 100%;
}
 .dark-theme .srarting_post .content_wrap:before{
    background-color: #ffffff4a;
}
 .dark-theme .border {
    /* border-top: 0; */
    background-color: #313131;
}
 .comment_post .avtar_sec .right .author-text, .top-img_recipe .text_wrper .right .author-text{
    font-size: 0.6em;
    display: block;
    font-weight: 600;
}
 .dark-theme .dash_silder_recipes .right .author-text, .dark-theme .comment_post .avtar_sec .right .author-text a, .dark-theme .top-img_recipe .text_wrper .right .author-text a{
    color: var(--white);
}
.dark-theme .dash_silder_recipes .right .post-date-time{
    color: #5E5E5E !important;
}
 .comment_post .avtar_sec .right .author-text a{
    color: var(--black);
    font-weight: 900;
}
.top-img_recipe .text_wrper .right .author-text a{
    color: var(--black);
    font-weight: 700;
    font-size: 1.2em;
}
 .comment_post .avtar_sec .right .post-date-time, .top-img_recipe .text_wrper .right .post-date-time{
    font-size: 0.5em;
    display: block;
    /* background-image: url('../images/place.svg'); */
    background-repeat: no-repeat;
    /* padding-left: 20px; */
    background-position: left;
    color:var(--black);
}
 .top-img_recipe .text_wrper .content{
    float: left;
}
 .top-img_recipe .text_wrper h3{
    font-size: 1.4em;
    font-weight: 800;
    line-height: normal;
    max-width: 948px;
    margin: auto;
    color: var(--black);
    padding-bottom: 0;
}
 .recipe_details_page .summary p{
    margin-top: 0;
}
 .top-img_recipe .text_wrper .content p{
    font-size: 0.7em;
    color: var(--gary-dark);
}
 span.dot {
    line-height: 0;
    font-size: 40px;
}
 .silder_main .silder_img{
    border-radius: 25px;
    overflow: hidden;
    height: 300px;
    outline: none;
}
 .silder_main .silder_img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
 .inner_recipe p{
    font-size: 0.833em;
    margin-top: 100px;
    line-height: 1.8;
}
 .inner_recipe p a{
    color: var(--green);
}
 .silder_main .slick-dots{
    bottom: -74px;
}
 .silder_main .slick-dots li.slick-active button:before{
    opacity: 100%;
}
 .silder_main .slick-dots li button:before {
    opacity: 35%;
    color: var(--green)!important;
    font-size: 20px;
    line-height: 0px;
}
 .silder_main .slick-dots li{
    margin: 0 5px;
}
 .tab_list{
    background-color: var(--white);
    border-radius: 13px;
    padding: 21px 29px 16px;
}
 .tab_list li{
    padding: 17px 0px 17px 29px;
    font-size: 0.7em;
    border-bottom: 1px solid #c9c9c9a1;
    position: relative;
}
 body .tab_list li a.active{
    color: var(--green);
}
 .tab_list li:before {
    content: ".";
    position: absolute;
    left: 0;
    font-size: 80px;
    line-height: 0;
    color: var(--orange);
    top: 5px;
}
 .tab_list li:last-child{
    border: 0;
}
 .tab_list li a{
    color: var(--gary-dark);
    font-weight: 700;
    line-height: 0;
}
 .tab_list li a:hover{
    color: var(--green)
}
 .inner_recipe .colm_warp{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .inner_recipe .colm_warp .number input:focus{
    border: 0;
}
 .inner_recipe .colm_warp .number{
    padding: 0 1px;
    float: right;
    max-width: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .inner_recipe h3{
    font-weight: 800;
    font-size: 1.5em;
     color: var(--gary-dark);
}
 .inner_recipe .colm_warp label{
    font-size: 0.9em;
    font-weight: 700;
    text-transform: capitalize;
    margin-right: 30px;
    padding-top: 7px;
     display: inline-block;
    color: var(--gary-dark);
}
 table {
    border-collapse: collapse;
    width: 100%;
}
 td{
    position: relative;
    font-size: 0.7em;
    text-align: center;
    padding: 30px 0;
    font-weight: 700;
    color: #636363;
}
 th {
    text-transform: uppercase;
    text-align: center;
    padding: 30px 0;
    font-size: 0.7em;
    font-weight: 800;
    color: #636363;
}
 td:nth-child(1), th:nth-child(1){
    text-align: left;
}
 body td .btn{
    color: var(--orange);
    height: 35px;
    width: 138px;
    text-transform: capitalize
}
 td.br-name.green {
     font-style: italic;
}
 td.units {
     font-size: 0.6em;
}
 td.re_name {
     padding-left: 30px;
}
 td.re_name:before {
     content: ".";
     position: absolute;
     left: 0;
     font-size: 80px;
     line-height: 0;
     color: var(--orange);
     top: 27px;
}
 tr{
    border-bottom: 1px solid #dddddd;
}
 tbody tr:last-child{
    border: 0
}
 body .dash_silder_recipes .comment_post .avtar_sec {
     align-items: flex-start;
     flex-wrap: nowrap;
     padding-bottom: 0;
     justify-content: inherit;
}
 body .dash_silder_recipes .comment_post .show-comment-reply .avtar_sec{
    padding-bottom: 0;
}
 body.dark-theme .dash_silder_recipes .comment_post .avtar_sec input{
    color:var(--white);
    border: 1px solid #313131;
     margin-bottom: 21px;
     border-radius: 6px;
}
 body .dash_silder_recipes .comment_post .social_btn .like:before{
    left: 0;
}
 body .add_bag button{
    width: auto;
    height: 100%;
    border: 0;
    padding: 18px 55px;
}
 .comments .comment_post{
    position: relative;
}
 .comments .comment_post .content{
    width: 100%;
}
 .comments .comment_post .fa-edit{
     position: absolute;
     right: 45px;
     top: 30px;
     z-index: 1;
     cursor: pointer;
}
 .comments .comment_post .content .vue-star-rating{
    left: 0;
}
 .comment_post .vue-star-rating{
     left: 40px;
     position: relative;
}
 .comment_post .star-rating{
    justify-content: space-between;
}
 .comment_post .star-rating .btn{
    width: auto;
    height: 100%;
    padding: 12px 22px 10px;
    font-size: 0.6em;
}
 .preprations p{
    margin-top: 0;
    padding-bottom: 50px;
}
 .side_bar_list{
    margin-top: 80px;
}
 .comment_post {
     background-color: transparent;
     border-radius: 0px;
     border-top: 0.5px solid rgba(0, 0, 0, 0.11);
     padding: 40px 0px;
     margin: 0px 40px;
}
 .recipe_details_page form .comment_post{
    padding: 30px 29px 12px;
}
 .recipe_waper .comments_post_list .comment_post{
    border-radius: 25px;
    background-color: white;
    padding: 30px 29px;
    margin-bottom: 50px !important;
    margin: 0;
    border: 1px solid #D2D2D2;
    border-radius: 20px;
    width: 47.33%;
}
 .dark-theme .recipe_details_page .comment_post{
    background-color: #151515;
    border: 1px solid #313131;
}
/* .dark-theme .comment_post:first-child .content, .comment_post:first-child .content{
    border: 0;
}
 .dark-theme .comment_post .content:last-child, .comment_post .content:last-child{
    border: 0;
}
 .dark-theme .comment_post .content{
     border-bottom: 1px solid #ffffff45;
}
 */
 .dark-theme .comment_post-reply{
    border-top: 0px solid #ffffff4f;
}
 .comment_post-reply{
    border-top: 0;
    padding-bottom: 0;
}
/* .comments .comment_post-reply{
    margin-left: 40px !important;
    border-top: 0px solid #00000017;
    border-radius: 0;
    padding: 25px 29px 0;
    margin: 0;
    float: none;
    width: auto;
}
 */
 .comments input{
    border: 1px solid #00000017;
    margin-bottom: 15px;
    font-size: 0.66em;
    margin-top: 10px;
     border-radius: 5px;
}
 .dark-theme .comments input{
    border: 1px solid #313131;
    color:#fff
}
 .dark-theme .comments .comment_post .content{
    color: #fff;
}
 .comment_post .content{
     width: calc(100% - 60px);
}
 .submit_post button{
    margin-left: 15px;
}
 .comment_post .avtar_sec .right{
    width: 100%;
    position: relative;
}
 .comment_post .avtar_sec .right .content{
    width: 100%;
}
.dash_silder_recipes .comment_post .content .mention_editor .ProseMirror{
    margin-bottom: 0;
}
 .comment_post .content .mention_editor .ProseMirror{
     width: 100%;
     height: 50px;
     resize: none;
     padding: 12px 10px 10px 20px;
     border: 1px solid rgb(99 99 99 / 20%);
     margin-bottom: 0;
     outline: none;
     border-radius: 9px;
     overflow: hidden;
     top: 5px;
     position: relative;
     margin-bottom: 28px;
}
 .cancel_btn{
     float: left;
     position: absolute;
     top: 63px;
     right: -6px;
     font-size: 0.7em;
     color: var(--green);
     font-weight: bold;
     text-decoration: underline;
     z-index: 9;
}
/* .comment_post .content .post .cancel_btn, .comment_post .content .post .post_btn{
     border: none;
     width: 100%;
     text-align: center;
     background-color: #6DC106;
     border-radius: 25px;
     color: #ffff;
     font-weight: bold;
     padding: 8px 18px;
     margin-top: 30px;
     font-size: 0.8em;
     margin: 0 10px;
     line-height: normal;
     max-width: 100px;
     float: right;
     cursor: pointer;
     text-transform: capitalize;
}
 */
 .avtar_sec .author-img {
     max-width: 58px;
     height: 58px;
     overflow: hidden;
     border-radius: 100%;
     display: inline-block;
     margin-right: 6px;
     width: 100%;
}
 body > .control .dropdown-menu {
     position: fixed !important;
     top: 81px !important;
}
 .author-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .avtar_sec .author-img > div {
     height: 100%;
}
 .comment_post .content p {
     margin: 0;
     font-size: 0.73em;
}
 .comment_post .content p > div {
     margin: 15px 0;
}
 .vm--modal .form-group > span {
     position: relative;
     display: block;
}
 .comment_post .social_btn button{
     background-color: transparent;
     border: none;
     font-weight: bold;
     /* text-transform: uppercase; */
     font-size: 0.66em;
     cursor: pointer;
     outline: none;
     font-family: 'Nunito'!important;
     color:var(--btn_gray);
     position: relative;
     padding-left: 28px;
     margin-left: 20px;
}
 .comment_post .social_btn button:before {
     background-size: 18px;
}
 
body.dark-theme .menu_social ul li img{background-color: #fff;
    border-radius: 100%;}
 .comment_post .social_btn button:hover, body .dash_silder_recipes .comment_post .social_btn button.like.active{
    color: var(--orange);
    transition: 0.3s;
}
 .comment_post .social_btn .like:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/like_icon.svg);
    width: 24px;
    height: 21px;
    left: 0;
    top: -1px;
}
.email-token {
    display: flex;
    align-items: center;
    justify-content: center;
}
 body .dash_silder_recipes .comment_post .social_btn .like.active:before, .comment_post .social_btn .like:hover:before{
    background-image: url(../images/like_icon_h.svg);
    transition: 0.3s;
}
 body .dash_silder_recipes .comment_post .social_btn .bookmark.active:before, .comment_post .social_btn .bookmark:hover:before{
    background-image: url(../images/save.svg);
    transition: 0.3s;
}
 .comment_post .social_btn .reply:before{
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/comment_icon.png);
    width: 21px;
    height: 21px;
    left: 0;
    top: 2px;
}
.edit_post input.input {
    height: 48px;
}
 .comment_post .social_btn .reply:hover:before{
    background-image: url(../images/comment_icon_h.png);
    transition: 0.3s;
}
 .comment_post .social_btn button.like {
     margin-left: 0;
}
 .comment_post .social_btn button.like {
     margin-left: 0;
     /* border-right: 1px solid #0000001c; */
     padding-right: 22px;
}
 .show-comment-reply .content p{
    font-size: 0.6em;
}
 .show-comment-reply .social_btn button{
     padding-left: 26px;
     font-size: 0.66em;
}
 .show-comment-reply .avtar_sec .author-img {
     max-width: 50px;
     height: 50px;
}
 
 .inner_slider {
     height: 100%;
}
 .inner_slider div {
     height: 100%;
}
 .inner_slider iframe{
    height: 100%;
    width: 100%;
}
 .wall_tab_sec [data-tab-content] {
     display: none;
}
 .wall_tab_sec .active[data-tab-content] {
     display: block;
}
 .icon.is-right.is-small.is-clickable{
     position: absolute;
     right: 13px;
     top: 4px;
}
 .icon.is-right.is-small.is-clickable .mdi-close-circle::before{
     color: var(--green);
}
 .srarting_post .author-img > div{
    height: 100%;
}
 .srarting_post .author-img img{
    width: 100%;
     height: 100%;
    object-fit: cover;
}
 .srarting_post .author-img{
    display: inline-block;
    height: 58px;
    border-radius: 100%;
    overflow: hidden;
    width: 100%;
}
/*Status css*/
 .upload_status_text{
    border-radius: 25px;
    padding: 35px 55px 70px;
}
 .upload_status_text p{
    font-size: 0.8em
}
 .upload_status_text form textarea{
     font-family: 'Nunito';
    resize: none;
    width: 100%;
    border: 0;
    outline: none;
    height: 226px;
    font-size: 0.9em;
}
 .upload_status_photo .show_upload{
    max-width: 168px;
    margin-bottom: 30px;
}
 .upload_status_photo .inner_upload{
    flex-wrap: wrap;
}
 .upload_status_photo{
    display: flex;
    align-items: center;
}
 .upload_status_photo .inner_upload button{
    cursor: pointer;
     width: 100%;
    border: 0;
    max-width: 420px;
    margin-left: auto;
    float: right;
    height: 100%;
    padding: 15px 16px;
}
 .upload_status_text .form-control:focus{
    border:none!important;
}
/* search field */
 .control .dropdown-menu .dropdown-content{
     background-color: var(--white);
     padding: 5% 8%;
     -webkit-box-shadow: 0px 20px 26px 0px rgb(223 224 221 / 70%);
     -moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 9%);
     box-shadow: 0px 20px 26px 0px rgb(223 224 221 / 70%);
}
 .control .dropdown-menu .dropdown-content .dropdown-item .media{
     display: flex;
     align-items: center;
     cursor: pointer;
     padding: 18px 13px;
     box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);
     border-radius: 20px;
     margin-bottom: 20px;
}
 .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered .media, .control .dropdown-menu .dropdown-content .dropdown-item .media:hover{
     background-color: #efefef;
}
 .control .dropdown-menu .dropdown-content .dropdown-item:last-child(2) .media{
    border:none
}
 .control .dropdown-menu .dropdown-content .dropdown-item .media .media-content{
    font-size: 0.65em;
     line-height: 1.1;
    margin-left: 10px;
}
 .dark-theme .control .dropdown-menu .dropdown-content .dropdown-item .media{
     border: 1px solid rgb(255 255 255 / 21%);
}
 .dark-theme .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered .media, .dark-theme .control .dropdown-menu .dropdown-content .dropdown-item .media:hover{
     background-color: rgba(255, 255, 255, 0.1);
}
 .recipe_post_details .control .dropdown-menu .dropdown-content{
    padding: 0;
    position: relative;
    z-index: 1;
    max-height: 29vh;
}
/* .recipe_post_details .control .dropdown-menu {
    right: 46% !important;
}
 */
 .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered, .control .dropdown-menu .dropdown-content .dropdown-item:hover{
    background-color: var(--green);
    color: var(--white);
}
 .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered span, .control .dropdown-menu .dropdown-content .dropdown-item:hover span{
    background-color: var(--green);
    /* color: var(--white); */
}
/* yasir css */
 .comment_post .content .post .post_btn{
    background-image: url(../images/send.svg);
    font-size: 0;
    width: 28px;
    height: 28px;
}
 .comment_post .content{
    position: relative;
}
 .comment_post .content .post{
    position: absolute;
    right: 14px;
    top: 15px;
    line-height: 0;
}
 .dash_silder_recipes .text_wrper h3 a {
     color: var(--green);
}
 .edit_profile_popup .image_col{
     width: 174px;
     height: 174px;
     position: relative;
     border-radius: 100%;
     overflow: hidden;
}
 .chief_about .inner_silder .col_4 .text_wrper h4:nth-child(1) a{
    font-size: 0.9em;
}
 .edit_profile_popup .image_col img{
     width: 100%;
     object-fit: cover;
     height: 100%;
     border-radius: 100%;
}
 .edit_profile_popup .image_col .upload_img{
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 0;
     opacity: 0;
     z-index: 9999;
     height: 60px!important;
     cursor: pointer;
     font-size: 0;
}
 .edit_profile_popup .image_col .img_text{
    position: absolute;
     position: absolute;
     top: 114px;
     background-color: #060606b8;
     display: flex;
     align-items: center;
     flex-direction: column;
     width: 100%;
     height: 60px;
     padding-top: 9px;
}
 .edit_profile_popup .image_col .img_text span{
     font-size: 0.5em;
     color: #fff;
}
 .edit_profile_popup .row.tittle{
     margin-bottom: 30px;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
 .edit_profile_popup .tittle h3{
     text-align: left;
     padding-left: 20px;
     font-size: 1.8em;
     font-weight: 800;
}
/* #__nuxt .inner_silder .slick-arrow.slick-next {
    right: 61px;
}
 #__nuxt .inner_silder .slick-arrow.slick-prev {
    right: 128px;
    left: inherit;
}
 */
 .silder_recipes .slick-arrow, .inner_silder .slick-arrow, .sec_discover .silder_recipes .slick-arrow{
    opacity: 1 !important;
}
 #__nuxt .silder_main.images_wrper:hover .slick-arrow, .dash_silder_recipes .images_wrper:hover .slick-arrow {
    opacity: 1;
}
 .silder_recipes .slick-next, #__nuxt .silder_main.images_wrper .slick-next, #__nuxt .dash_silder_recipes .slick-next{
    right: 20px;
}
 .silder_recipes .slick-prev, #__nuxt .silder_main.images_wrper .slick-prev, #__nuxt .dash_silder_recipes .slick-prev{
    left: 20px;
}
 .edit_profile_popup .tittle p{
    text-align: left;
}
 .silder_recipes .slick-arrow:hover, .inner_silder .slick-arrow:hover, #__nuxt .silder_main.images_wrper .slick-arrow:hover, .dash_silder_recipes .slick-arrow:hover{
    background-color: var(--orange) !important;
}
 .silder_recipes .slick-arrow, .inner_silder .slick-arrow, #__nuxt .silder_main.images_wrper .slick-arrow, .dash_silder_recipes .slick-arrow {
    background-color: var(--white) !important;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    opacity: 0;
    transition: all 0.2s;
}
 .silder_recipes .slick-arrow.slick-prev:before, .inner_silder .slick-arrow.slick-prev:before, #__nuxt .silder_main .slick-arrow.slick-prev:before, .dash_silder_recipes .slick-arrow.slick-prev:before{
    content: "";
    background-image: url(../images/arrow_right.svg);
    opacity: 1;
    width: 8px;
    height: 14px;
    display: block;
    margin: auto;
    transform: rotate( 180deg );
}
 .silder_recipes .slick-arrow.slick-next:before, .inner_silder .slick-arrow.slick-next:before, #__nuxt .silder_main.images_wrper .slick-arrow.slick-next:before, .dash_silder_recipes .slick-arrow.slick-next:before{
     content: "";
     background-image: url(../images/arrow_right.svg);
     opacity: 1;
     width: 8px;
     height: 14px;
     display: block;
     background-position: center;
     margin: auto;
     transform: rotate( 0deg );
}
 .silder_recipes .slick-arrow.slick-prev:hover:before, .inner_silder .slick-arrow.slick-prev:hover:before, #__nuxt .silder_main.images_wrper .slick-arrow.slick-prev:hover:before, .dash_silder_recipes .slick-arrow.slick-prev:hover:before{
    content: "";
    background-image: url(../images/arrow_left.svg);
    transform: rotate( 0deg );
}
 .silder_recipes .slick-arrow.slick-next:hover:before, .inner_silder .slick-arrow.slick-next:hover:before, #__nuxt .silder_main.images_wrper .slick-arrow.slick-next:hover:before, .dash_silder_recipes .slick-arrow.slick-next:hover:before{
     content: "";
     background-image: url(../images/arrow_left.svg);
     transform: rotate( 180deg );
}
 @media only screen and (max-width: 1450px){
    body .sec_discover .container, 
    body .sec_about .container{max-width: 1280px;}
    .chief_about .sec_text.col_4{width: 33.33%;}
     body .inner_silder .slick-arrow{
        bottom: 70px;
    }
     body .signup_text {
         font-size: 0.7em;
         padding-left: 25px;
         padding-right: 25px;
    }
     .profile_header .profile_col .text_wrper .following_media ul li span.fo-count {
         font-size: 0.7em;
    }
     .profile_header .profile_col .text_wrper h6 {
         font-size: 0.8em;
         margin-bottom: 0;
    }
     .profile_header .profile_col .text_wrper h4 {
         font-size: 1.15em;
    }
     .profile_header .profile_col .text_wrper .about-icon {
        top: 6px;
    }
     .notifi_box{
        max-width: 280px;
    }
     .header .right_block .login .img_wrap {
         width: 39px;
         height: 39px;
         border-radius: 100%;
    }
     .menu ul li a {
        font-size: 0.7em;
        margin-left: 9px;
    }
    .non_login .menu ul li span {
        margin-right: 0;
    }
     .header .right_block .login .name h5{
        font-size: 0.7em;
    }
     .header .right_block .login_wrap {
        margin-left: 20px;
    }
     #top-menu ul li{
        display: flex;
        align-items: center;
    }
    /* edit popup */
     body .edit-popup.vm--modal{
        width: 100%!important;
         max-width: 650px;
    }
     body .btn{
        font-size: 0.7em;
        width: 150px;
        height: 45px;
    }
     .sec_text p {
        font-size: 0.7em;
        max-width: 545px;
    }
     .colum_list p {
        font-size: 0.8em;
        padding-top: 20px
    }
     body .colum_list {
        padding: 50px 20px 80px;
    }
     .sec_discover .sec_text p {
        padding-bottom: 30px;
    }
     .list-group .list-group-item{
        font-size: 0.7em;
    }
     .chief_about .inner_silder .col_4 .text_wrper h3 {
        font-size: 0.9em;
    }
     .chief_about .inner_silder .col_4 .text_wrper h4 {
        font-size: 0.8em;
    }
     .following_media ul li span.fo-count{
        font-size: 0.4em;
    }
     .chief_about .inner_silder .col_4 .text_wrper h4 a {
        font-size: 0.6em;
        padding-top: 10px;
    }
     .chief_about .inner_silder .col_4 .images_wrper .author-img {
        width: 90px;
        height: 90px;
    }
     .chief_about .inner_silder .col_4 .images_wrper {
        top: -48px;
    }
     .chief_about {
        min-height: 704px;
    }
     .sec_subscription .colum_list img {
         width: 100%;
        max-width: 30%;
    }
     .colum_list .btn {
        font-size: 0.5em;
         padding: 5px 10px;
    }
     small {
        font-size: 57%;
    }
     .sec_subscription .colum_list .col_4 p.mt-3{
        padding: 5px 0;
        line-height: normal;
    }
     .sec_subscription .colum_list button{
        font-size: 0.6em;
        max-width: 130px;
        padding: 10px 4px;
    }
     body .sec_contact .row-form label {
        font-size: 0.4em;
    }
     .footer_menu .menu ul li a {
        font-size: 0.7em;
    }
     .footer_menu .menu ul li{
        margin-bottom: 10px;
        /* margin-left: 0;
         */
    }
     #contact-us input{
        height: 40px;
    }
     body .sec_contact .row-form .col_12 textarea {
        height: 90px;
    }
}
 @media only screen and (max-width: 1280px){
    body span.span_drop{top: 0;}
    body .sec_discover .silder_recipes .text_wrper h3{    font-size: 0.7em;}
     
     .top-img_recipe .text_wrper h3 {
         font-size: 1.5em;
    }
     body .select2-container--default.select2-container{
        width: 100% !important;
    }
     body .select2-container--default .select2-selection--single{
        height: 40px;
    }
     .top-img_recipe .text_wrper h3 {
         font-size: 1.2em;
         font-weight: 800;
         margin: auto;
    }
     .header .right_block .login .img_wrap{
        margin-right: 6px;
    }
     .header .right_block .login .name h5 {
        font-size: 0.6em;
    }
     .header .right_block .login_wrap {
        margin-left: 7px;
    }
     .menu ul li a {
        font-size: 0.6em;
    }
     .menu_container .logo {
        margin-right: 1.5vw;
    }
     .container{
        padding: 0 25px;
    }
     body .edit-popup.vm--modal {
         width: 100%!important;
         max-width: 600px;
    }
     .edit_profile_popup .image_col{
        width: 150px;
         height: 150px;
    }
     .edit_profile_popup .image_col .img_text{
        top: 89px;
    }
}
 @media only screen and (max-width: 1024px){
     body .sec_contact .row-form .button {
         display: inline-block;
         width: 100%;
    }
     body .menu ul li a {
        font-size: 0.6em;
        margin-left: 3px;
    }
}
 @media only screen and (max-width: 980px){
     body .inner_silder .slick-arrow {
         bottom: 0;
    }
     body .noti_count{
        top: 0;
    }
     body .fa-search {
         width: 48px;
         height: 48px;
    }
     .header .right_block .login_wrap .btn{
        display: none;
    }
     .menu_container .left_block #top-menu div button{
        display: block;
         text-align: left;
        font-size: 0.9em;
        color:var(--gray);
        background-color: transparent;
         margin: 0;
        border-bottom: #dddddd 1px solid;
         border-radius: 0;
        text-transform: capitalize;
    }
    .non_login .menu_container .left_block #top-menu div button{margin-left: 20px;}
    #Recipes .recipe_sub_menu li {margin: 0;}
     .dashboard_menu .menu ul li{
        margin-right: 0;
        margin-left: 0;
    }
     body.dark-theme .banner_bg:before{
         display: none;
    }
     .edit_profile_popup .row.tittle{
        flex-direction: column;
    }
     .vm--modal .edit_profile_popup .tittle h3{
        text-align: center;
        font-size: 1.3em;
        padding-left: 0;
    }
     .edit_profile_popup .tittle .col-8, .edit_profile_popup .tittle .col-4{
        flex: 100%;
        max-width: 100%;
    }
     .card.edit_profile_popup .form-group{
        margin-bottom: 0;
    }
     .edit_profile_popup .tittle p{
        text-align: center;
    }
     #top-menu svg{
        display: none;
    }
     #top-menu{
        display: none;
    }
     .left_menu_wrap{
        display: block;
    }
     .header .right_block a.login-text{
        display: flex;
        align-items: center;
    }
     .header .right_block a.login-text img {
         max-width: 14px;
         width: 100%;
    }
     #left_menu img{
        display: none;
    }
     .mobile_menu{
        left:0;
        top: 0;
        z-index:1000000;
         font-weight:bold;
         font-size:0.8em;
         width:100%;
         background:var(--bg);
         position:absolute;
         text-align:center;
         font-size:12px;
    }
     .mobile_menu {
        margin: 0;
         padding: 0;
         list-style-type: none;
         list-style-image: none;
    }
     .mobile_menu li {
        display: block;
        /* padding:15px 0 15px 0;
         */
        /* border-bottom:#dddddd 1px solid;
         */
    }
     .mobile_menu li a {
        color:var(--gary);
        text-decoration:none;
         margin: 0px;
    }
     .mobile_menu li a:hover {
         color:var(--green);
         text-decoration:none;
    }
     .mobile_menu a:hover{
        text-decoration:none;
         color:var(--green);
    }
     .mobile_menu li.active a{
         color:var(--green)
    }
     .side_bar .top_recipe .content_wrap a{
         font-size: 0.6em;
    }
     .wrapper .col_8{
        width: 100%;
        padding: 0;
    }
     .wrapper .col_4{
        width: 100%;
        padding: 0;
    }
     .menu_container .logo{
        margin-left: 12px;
    }
     .add_recipe .inner_upload .show_upload {
        width: 30%;
    }
}
 @media only screen and (max-width: 767px){
     .profile_header .profile_col .text_wrper h4{
        margin-top: 10px;
        margin-right: 0;
    }
     .profile_header .profile_col .text_wrper .following_media ul{
        justify-content: center;
    }
     body .edit-popup.vm--modal{
        max-width: 500px;
    }
     .profile_header .profile_col .text_wrper .following_media ul li {
        margin-right: 5px;
    }
     .profile_header .profile_col .text_wrper .following_media ul li:after {
        right: -4px;
    }
}
 @media only screen and (max-width: 700px){
     .add_recipe .inner_upload .show_upload {
        width: 30%;
    }
     .sec_discover .silder_recipes .slick-slide .recipe_slide{
        -webkit-box-shadow: -6px 6px 54px -15px rgb(101 105 104 / 52%);
         -moz-box-shadow: -6px 6px 54px -15px rgba(101,105,104);
         box-shadow: -6px 6px 54px -15px rgb(101 105 104 / 52%);
    }
}
 @media only screen and (max-width: 650px){
    body .error_wrp {
        position: relative !important;
        top: -42px;
        bottom: 0 !important;
    }
    body .method_error{    bottom: 25px !important;}
     .force-slider {
         margin-top: 30px;
    }
     body .srarting_post .upload_data .btn{
         margin-bottom: 17px;
        width: 156px;
        font-size: 0.5em;
    }
     body .srarting_post .upload_data{
        min-height: 148px;
        max-width: 194px;
    }
     body .inner_input_three .col_7 {
         width: 100%;
         margin-right: 0;
    }
     body .inner_input_three .col_1 {
         width: 100%;
         max-width: 35px;
    }
     body .inner_input_three .col_2{
        width: 42%;
    }
     .inner_silder .slick-arrow, #__nuxt .silder_main .slick-arrow, .dash_silder_recipes .slick-arrow{
        width: 35px;
         height: 35px;
    }
     body .inner_silder .slick-arrow {
         bottom: -38px;
    }
     body #modals-container .vm--modal{
         margin-bottom: 35px;
    }
     .sec_discover .silder_recipes .text_wrper .content{
        min-height: 100%;
    }
     body .header .right_block a.login-text img {
        max-width: 16px;
    }
     body .notifi_box{
        min-width: 198px;
        top: 45px;
    }
    
     .dark-theme .banner_bg{
        margin-top: 0 !important;
    }
     body .margin-top-102 {
        margin-top: 74px;
    }
     .control .dropdown-menu {
         right: 0 !important;
         width: 100%!important;
         max-width: 100%!important;
         left: 0!important;
    }
     body .container{
        padding: 0 20px;
    }
     body .all_list_members .center_contain{
        padding-right: 0;
    }
     body .all_list_members .side_bar{
        padding-left: 0;
        margin-top: 0;
    }
     .google-signin{
        margin-right: 0!important;
    }
     .facebook-signin{
        margin-left: 0!important;
    }
     body .all_list_members .menu_button .tab_menu_center li{
        height: 100%;
        font-size: 0.8em !important;
        width: auto;
        margin: 0 6px;
    }
     body .all_list_members .side_bar .top_recipe .content_wrap {
         margin-left: 20px;
         margin-right: 20px;
         justify-content: center 
    }
     .wall_tab_sec .friend_list .content_wrap .btn_wrapper .btn, .wall_tab_sec .friend_list .content_wrap .btn_wrapper button{
        float: none;
    }
     body .side_bar .top_chef .img_wrap{
         margin-left: auto;
        max-width: 45px;
         height: 45px;
    }
     .side_bar .top_recipe .content_wrap .img-col{
         width: 100%;
         flex-wrap: wrap;
         flex-direction: column;
         justify-content: center;
    }
     .wall_tab_sec .friend_list .content_wrap .btn_wrapper{
        flex-wrap: wrap;
        justify-content: flex-end;
    }
     .login.d-flex.flex-align.profile_div .name{
        display: none;
    }
     .side_bar{
        margin-top: 30px
    }
     h3 {
        font-size: 0.8em;
    }
     .dash_silder_recipes .text_wrper .social_btn .share:before{
        top: 3px !important;
    }
     .dash_silder_recipes .text_wrper .social_btn .share:before, .dash_silder_recipes .text_wrper .social_btn .comment:before, .dash_silder_recipes .text_wrper .social_btn .like:before {
        left: -27px;
        top: 0px;
        background-size: 17px;
        background-repeat: no-repeat;
    }
     .dash_silder_recipes .text_wrper .social_btn button{
        font-size: 0.5em;
    }
     body .social_btn{
        margin-top: 6px;
    }
     body .wrapper .dash_silder_recipes hr{
        margin: 16px 0;
    }
     .dash_silder_recipes .text_wrper .content p {
        font-size: 0.6em;
    }
     .dash_silder_recipes .text_wrper{
        padding: 20px 33px 30px;
    }
     .wrapper .col_8 hr {
        margin: 30px 0;
    }
     .srarting_post .input_text .upload img{
        width: 100%;
        margin-left: 0 !important;
    }
     .srarting_post .input_text .upload{
        max-width: 40px;
        width: 100%;
    }
     .srarting_post .input_text {
        width: 100%;
        align-items: center;
    }
     .srarting_post .content_wrap .img_wrap {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
     .srarting_post .content_wrap {
        align-items: center;
    }
     .srarting_post .content_wrap:before{
        top: 50px;
    }
     .srarting_post h5{
         font-size: 0.7em;
    }
     .srarting_post .content_wrap{
         margin-top: 20px;
    }
     .srarting_post .input_text input[type=text]{
         font-size: 0.5em;
    }
     header .left_block{
        max-width: 32%;
        width: 100%;
        /* display: flex;
         */
    }
     header .left_block img{
        width: 100%
    }
     body .hamburger{
        background-size: 25px;
        top: 0px;
    }
     .header .right_block .login .img_wrap {
        width: 30px;
        height: 30px;
    }
     body .avtar_sec .author-img{
        max-width: 44px;
        height: 44px;
        overflow: hidden;
    }
     .show-comment-reply .avtar_sec .author-img {
        max-width: 44px;
        height: 44px;
    }
     .tab_list{
        padding: 21px 20px 16px;
    }
     body .dash_silder_recipes {
         margin-bottom: 22px;
    }
     body .save {
         position: absolute;
         right: 22px;
         top: 85px;
    }
     .comment_post .social_btn .reply:before, .comment_post .social_btn .like:before{
        background-size: 18px;
    }
     body .comment_post .social_btn button{
        font-size: 0.6em;
    }
     body .comment_post .content p{
        font-size: 0.66em;
        text-align: left;
    }
}
 @media only screen and (max-width: 600px){
     body .toasted-container {
        min-width: inherit;
        margin-left: 20px;
        margin-bottom: 20px;
        max-width: 280px;
    }
}
 @media only screen and (max-width: 483px){
     body .footer_logo img{max-width: 140px;width: 100%;;}
     .add_recipe .inner_upload .show_upload {
        width: 29%;
    }
}
 @media only screen and (max-width: 480px){
     #__nuxt .recipe_details_page .full-width{
        height: 100%;
    }
     body .recipe_details_page ol.BreadcrumbList {
         bottom: -41px;
    }
     body .form-group.popup-field {
        padding-bottom: 15px;
    }
    body .profile_box ul li a, body .profile_box ul li .main_theme_setting .setting_theme,
     body .profile_box ul li a {
         font-size: 0.5em;
    }
    .profile_box ul li:first-child{
        font-size: 0.5em;
    }
     body span.sharewapper a{
        display: block;
    }
     .shared .dash_silder_recipes .text_wrper .avtar_sec{
         flex-wrap: nowrap;
    }
     .shared .dash_silder_recipes .text_wrper {
         padding-right: 0;
    }
     .shared .dash_silder_recipes .right .post-date-time{
        font-size: 0.5em;
    }
     .shared .dash_silder_recipes .text_wrper .author-text{
        font-size: 0.5em;
    }
     body .header .right_block a.login-text img {
         max-width: 20px;
    }
     .comment_post .content .mention_editor .ProseMirror{
        padding: 12px 5px 10px 10px;
    }
     .comment_post .avtar_sec .right .author-text, .top-img_recipe .text_wrper .right .author-text{
        font-size: 0.5em;
    }
     .comment_post .avtar_sec .right .post-date-time, .top-img_recipe .text_wrper .right .post-date-time{
         font-size: 0.45em;
    }
     .menu_button li.btn:last-child {
         max-width: 100%;
    }
     .recipe_details_page .comment_post .vue-star-rating svg {
         width: 16px;
         height: 16px;
    }
     span.vue-star-rating-rating-text {
         font-size: 13px;
    }
     body span.sharewapper {
         font-size: 0.5em;
    }
     .recipe_details_page .comment_post .vue-star-rating {
        left: 27px;
    }
     body .dash_silder_recipes .comment_post .avtar_sec input{
         height: 36px;
    }
  
     body .notifi_box{
        top: 40px !important;
    }
     body .menu_container{
        padding-bottom: 10px;
    }
     body .mobile_menu{
        top: 52px;
    }
     body .cross{
        top: 35px;
        font-size: 1.6em;
        left: 16px;
    }
     .control .dropdown-menu .dropdown-content .dropdown-item .media .media-content {
         font-size: 0.45em;
    }
     body td.units {
        font-size: 0.4em;
    }
     body td, body th {
        font-size: 0.5em;
        padding: 20px 0;
    }
     body td .btn {
        height: 23px;
        width: 92px;
        font-size: 0.7em;
    }
    
    
    body .recipe_details_page .time-list ul li a{
        line-height: 1.5;
    }
 
     body .top-img_recipe .text_wrper h3 {
        font-size: 0.9em;
        line-height: 1.0;
    }
     .silder_main .silder_img{
         height: 200px;
    }
     body .wapper_details.col_9{
        padding-right: 0
    }
     .silder_main .slick-dots li button:before{
        font-size: 20px;
    }
     .silder_main .slick-dots li {
        margin: 0 3px;
    }
     body .inner_recipe h3 {
        font-size: 0.9em;
    }
     body .inner_recipe .colm_warp label {
        font-size: 0.6em;
         margin-right: 17px;
    }
     body .inner_recipe .colm_warp .number {
         max-width: 87px;
    }
     body .add_bag button{
        padding: 15px 23px;
        font-size: 0.6em;
    }
     body .preprations{
        padding-top: 0;
    }
     td.re_name {
        padding-left: 15px;
    }
     td.re_name:before{
        top: 23px;
        font-size: 40px;
    }
     body .comment_post .social_btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: left;
    }
     body .comment_post .avtar_sec .author-img{
        margin-right: 10px;
    }
     body .hamburger{
        background-size: 18px;
    }
     .header .right_block .login .name h5 {
        font-size: 0.4em;
    }
     body .add_recipe .inner_upload .show_upload img{
        max-width: 100%;
    }
     .add_recipe .inner_upload .show_upload {
        height: 120px;
    }
     .comment_post{
        padding: 15px 0px;
    }
}
 @media only screen and (max-width: 378px){
     body .comment_post {
         margin: 0px 10px;
    }
     .comment_post .content .post .post_btn{
         background-size: 20px;
         background-position-x: 11px;
         background-position-y: 45%;
    }
     body .comment_post .social_btn button {
         font-size: 0.5em;
    }
     .add_recipe .inner_upload .show_upload {
        width: 28%;
        height: 85px;
    }
     .side_bar .top_recipe > a{
        margin-right: 0;
    }
}
 @media only screen and (max-width: 360px){
    body .add_more .plus_icon{right: 5px !important;}
    body .inner_input_three .col_2 {
        width: 41.5% !important;
    }
     body .all_list_members .menu_button ul.tab_menu_center li {
        max-width: 100%;
        font-size: 0.44em !important;
        margin: 0 5px;
    }
     section.wrapper.wall_tab_sec.all_list_members .container {
         padding: 0 !important;
    }
     body .oembed-video:before {
         background-size: 70px;
    }
     body .menu_button li.btn:last-child {
         max-width: 101px;
    }
     body ol.BreadcrumbList li a {
         font-size: 0.44em;
    }
     body .menu_button li.btn{
        max-width: 95px;
         margin-right: 8px;
    }
     body .dash_silder_recipes .text_wrper .social_btn button:after {
         right: -25px;
    }
    .dash_silder_recipes .text_wrper .social_btn .share:before, .dash_silder_recipes .text_wrper .social_btn .comment:before, .dash_silder_recipes .text_wrper .social_btn .like:before {
        left: 3px;    background-size: 15px;
    }
     body .dash_silder_recipes .text_wrper .social_btn button{
        padding-left: 23px;
        font-size: 0.44em;
    }
     body .search_wrap{
         top: 3px;
    }
     body .mobile_menu {
         top: 50px;
    }
     body .bootkit{
        max-width: 50px;
        height: 50px;
    }
     body .bootkit a{
        font-size: 0.3em;
         background-position: 49% 3px;
         background-size: 12px;
    }
     .login.d-flex.flex-align.profile_div .name{
        background-position: 100% 12px;
         padding-bottom: 2px;
    }
     .side_bar h5{
        font-size: 0.7em;
    }
     .dash_silder_recipes{
        margin-bottom: 25px
    }
     .dash_silder_recipes .text_wrper .left{
        /* margin-right: 0; */
        height: 53px;
    }
     .header .right_block .login_wrap {
        margin-left: 4px;
    }
     .menu_container .logo {
        margin-left: 0;
    }
     body .hamburger {
        background-size: 16px;
        padding: 0;
        width: 18px;
        top: -3px;
    }
     .dash_silder_recipes .text_wrper {
         padding: 20px 19px 18px;
    }
     .bootkit{
        max-width: 65px;
        height: 65px
    }
     .bootkit a{
        font-size: 0.5em;
    }
     .dash_silder_recipes .text_wrper .left .author-img{
        width: 50px;
         height: 50px
    }
}
/*recipe css*/
@media only screen and (max-width: 1700px){
    .light-theme .sec_banner .banner_text {padding-top: 8%;}
    .dark-theme .sec_banner .banner_text{padding-bottom: 14%;}
}

@media only screen and (max-width: 1450px){
   
    .search_folders #searching input:focus{width: 200px;}
    .srarting_post .mt-4{margin-top: 40px;}
     #searching input {
        width: 40px;
        height: 40px;
        background-position: 11px;
    }
     .margin-top-102 {
        margin-top: 73px;
    }
     #searching input:focus {
        width: 256px;
        font-size: 0.65em;
    }
     .header .right_block .login_wrap .btn {
         padding: 10px 10px;
         font-size: 0.55em;
    }
     .inner_input_three .col_7{
        width: 58%;
    }
     .menu ul li a {
        font-size: 0.7em;
        margin-left: 9px;
    }
    #Recipes .recipe_nav {
        margin-left: 0px;
    }
     .header .right_block .login .name h5{
        font-size: 0.7em;
    }
     #top-menu ul li{
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 1420px){
 .non_login  #searching input:focus {
        width: 182px;}    
}
@media only screen and (max-width: 1347px){
    .tab_folder .search_folders h3.content_title{    font-size: 0.9em;}
    .non_login .menu_container .logo img {width: 100%;max-width: 150px;}
    .non_login .menu ul li {margin-left: 15px;}
    .non_login .menu ul li a {margin-left: 4px;}
    .non_login button.white.orange_bg.btn.ml-2 {margin-left: 5px}
    .non_login button.white.green_bg.btn.mr-4 {margin-right: 15px;}
     .header.non_login .right_block .login_wrap .btn {width: 85px;margin-left: 10px;
    }
}
@media only screen and (max-width: 1085px){
    .non_login #searching input:focus {width: 158px;}
    .non_login .menu_container .logo img {max-width: 125px;}
}

@media only screen and (max-width: 1280px){
     body .profile_box{
        top: 51px;
    }
     .recipe_details_page .wapper_details h3 {
         font-size: 0.9em;
    }
     .col_1{
        width: 11%;
    }
     .inner_input_three .col_7 {
        width: 65%;
    }
     .header .right_block .login .img_wrap{
        margin-right: 6px;
    }
     .header .right_block .login .name h5 {
        font-size: 0.6em;
    }
     .header .right_block .login_wrap {
        margin-left: 7px;
    }
     .menu ul li a {
        font-size: 0.6em;
    }
     .menu_container .logo {
        margin-right: 1.5vw;
    }
     .container{
        padding: 0 25px;
    }
}



@media only screen and (max-width: 980px){
    body .toprecipeschefsweek {background: rgb(0 0 0 / 73%) !important;}
    .side_bar {display: none;}
    .toprecipeschefsweek .vm--modal .side_bar{display: block;}
    .toprecipeschefsweek .vm--modal .side_bar .top_recipe {padding: 0;margin-top: 0;}
    .toprecipeschefsweek .recipe_heding {padding: 15px 0;text-align: center;margin-left: -10px;}
    /* .top_week_sidebar ul .btn {
        background-color: var(--white);
        font-size: 0.77em;
        max-width: 205px;
        width: 100%;
        height: 60px;
        color: #B0B0B0;
        cursor: pointer;
    }
    .top_week_sidebar ul .btn:hover {
        background-color: var(--green);
        color: var(--white);
        transition: .2s;
    } */
    .top_week_sidebar ul {
        justify-content: center;
    }
    .toprecipeschefsweek .vm--modal{background-color: var(--bg) !important;padding: 0;}
    .toprecipeschefsweek .vm--modal .side_bar{margin: 0;padding: 0px;background-color: white;}
    .toprecipeschefsweek div{width: 100%;}
    .top_week_sidebar{display: block;margin-top: 30px;margin-bottom: 30px;}    
    .top_recipe.friend_list {display: none;}
    body .mode-text{display: none;}
    .switch {width: 46px;}
    .mode {max-width: 80px;}
    .slider:before{left: 10px;}
    input:checked + .slider:before {transform: inherit;}
    .light-theme .sec_banner .banner_text {padding-top: 0;}
    .dark-theme .sec_banner .banner_text{padding-bottom: 0;}
    .non_login .menu_container .logo img {max-width: 100%;}

     .recipe_details_page ol.BreadcrumbList {
        bottom: -16px;
    }
     .menu ul li.active a:before{
         display: none;
    }
     .recipe_details_page .wapper_details h3 {
         font-size: 0.7em;
    }
body #searching input:focus {
        width: 173px;
        background-size: 15px;
    }
     a.login-text{
        top: 0;
    }
   
     .user_search_list .images_wrper {
         flex-direction: column;
    }
     .recipe_details_page .top-img_recipe .action_buttons {
         right: 2%;
    }
     .book_mark_list{
        width: 100%;
    }
     .book_mark_list:nth-child(odd) {
        margin-right: 0;
    }
     body.dark-theme .mobile_menu ul{
        border-top: 3px solid #313131;
    }
     .upload_status_photo .inner_upload{
         width: 100%;
         max-width: 100%;
         text-align: center;
         float: none;
         justify-content: center;
    }
     .upload_status_photo .inner_upload{
         flex-wrap: wrap;
         width: 100%;
         max-width: 100%;
         text-align: center;
         float: none;
         justify-content: center;
    }
     .upload_status_photo .inner_upload button{
         float: none;
    }
     .upload_status_photo{
         flex-wrap: wrap;
    }
     .edit_profile_popup .image_col{
        margin: 0 auto;
    }
     .inner_input_three{
        display: flex;
    }
     .col_1 {
        width: 12%;
    }
     body button.cut{
         margin-left: auto;
    }
     .inner_upload .show_upload{
         width: calc(100% / 3 - 4%);
    }
     body .inner_upload{
        max-width: 660px;
        margin: auto;
        margin-top: 20px
    }
     .upload_img_post{
        max-width: 660px;
        margin: auto;
        margin-top: 43px;
    }
     .recipe_post_details {
        padding-left: 0;
    }
     .recipe_post_details.col_6, .center_contain.col_6{
        width: 100%;
    }
     .add_recipe .center_contain.col_6, .add_recipe .recipe_post_details.col_6{
        width: 100%;
    }
     #top-menu{
        display: none;
    }
     .left_menu_wrap{
        display: block;
    }
     .hamburger{
         background:none;
         position:absolute;
         top:0;
         left:0;
         line-height:53px;
         padding:5px 15px 0px 15px;
         color:var(--gray);
         border:0;
         font-size:1.4em;
         font-weight:bold;
         cursor:pointer;
         outline:none;
         z-index:10000000000000;
         font-size: 0;
    }
     .cross{
         background:none;
         position:absolute;
         top: 11px;
         left: 11px;
         padding: 7px 0px 0px 6px;
         color: var(--gray);
         border:0;
         font-size:2.0em;
         line-height: 61px;
         font-weight:bold;
         cursor:pointer;
         outline:none;
         z-index:10000000000000;
    }
     body .hamburger {
         background-image: url(/assets/images/hamberger.svg);
         background-repeat: no-repeat;
         background-position: center;
         font-size: 0;
         left: 7px;
         width: 36px;
         top: 10px;
         opacity: 0.7;
    }
     body.dark-theme .hamburger {
         background-image: url(/assets/images/hamberger_white.svg);
    }
     .header .right_block a.login-text{
        display: flex;
        align-items: center;
    }
     .header .right_block a.login-text img {
         max-width: 32px;
         width: 100%;
    }
     #left_menu img{
        display: none;
    }
     .mobile_menu{
        left:0;
        z-index:1000000;
        font-weight:
        bold;
        font-size:0.8em;
        width: 100%;
        background: var(--white);
        position:
        absolute;
        text-align:
        center;
        padding-top: 0;
        top: 68px;
    }
     .mobile_menu {
        margin: 0;
         padding: 0;
         list-style-type: none;
         list-style-image: none;
    }
     body .mobile_menu li {
        display: block;
        /* border-bottom:#dddddd 1px solid;
         */
        display: inline-block !important;
        width: 100%;
         margin-left: 0;
    }
     body .mobile_menu li img{
        display: none;
    }
     body .mobile_menu li a {
        color:var(--gray);
        text-decoration:none;
         margin: 0px;
    }
     .mobile_menu li a:hover {
         color:var(--green);
         text-decoration:none;
    }
     .mobile_menu a:hover{
        text-decoration:none;
         color:var(--green);
    }
     .mobile_menu li.active a{
         color:var(--green)
    }
     .side_bar .top_recipe .content_wrap a{
         font-size: 0.6em;
    }
     .wrapper .col_8{
        width: 100%;
        padding: 0;
    }
     .wrapper .col_4{
        width: 100%;
        padding: 0;
    }
     .sec_subscription.wrapper .col_4{
        margin-right: 0;
        padding: 50px 13px;
        max-width: 600px;
    }
     .menu_container .logo{
        margin-left: 42px;
        position: relative;
        top: 0px;
    }
     .search_result_people .col_4{
        padding: 30px 10px 30px 10px;
    }
     .search_result_people > div{
         margin-bottom: 30px;
    }
}
 @media only screen and (max-width: 650px){
    .top_week_sidebar ul .btn {
        font-size: 0.57em;
        max-width: 100%;
        height: 50px;
    }
    
     body .cancel_btn{
        font-size: 0.5em;
    }
     .top-img_recipe .text_wrper .left .author-img{
         max-width: 44px;
         height: 44px;
    }
     .units_convert{
        padding: 0;
    }
     .units_convert .text-center .nopacket{
        font-size: 19px;
         line-height: 1.2;
         display: inline-block;
         padding-top: 10px;
    }
     .units_convert .text_recipe{
        padding-top: 22px;
    }
     .units_convert .text_recipe h2{
        padding-bottom: 0;
    }
     .units_convert .col-6{
        width: 100%;
        max-width: 100%;
        flex: inherit;
        padding: 0;
    }
     .profile_box ul li a{
        padding: 13px 0px;
    }
     #searching input {
        width: 35px;
        height: 35px;
        background-position: 9px;
    }
     .notification_scroll{
        padding: 0 10px;
    }
     .notifi_box .img_wrap {
        margin-left: 0;
        margin-right: 12px;
    }
     .login_wrap.d-flex.flex-align {
        position: static;
    }
     body .notifi_box {
        min-width: 100%;
        top: 64px;
        padding: 10px;
    }
     .user_search_list .images_wrper .author-img {
         margin-right: 0;
    }
     .user_search_list .images_wrper .text_wrper p {
        text-align: center;
    }
     .user_search_list .images_wrper .text_wrper p {
         text-align: center;
    }
     body .user_search_list {
         flex-direction: column;
    }
     .user_search_list .following_media ul li {
         padding: 0 15px;
    }
     .upload_img_post{
        margin-top: 0;
    }
     .search_wrap .dropdown-menu, .vm--modal .dropdown-menu.is-opened-top{
         top: 101%;
        min-width: 100%;
    }
     .right_block{
        position: static;
    }
     body .fa-search.fa-close{
        right: 90px;
    }
     .search_wrap{
        position: static;
        line-height: 0;
    }
     .comment_post{
         margin: 0px 10px;
        padding: 25px 0px;
    }
     .author-img img{
        margin-right: 10px;
    }
     .text_recipe h2 {
        padding-bottom: 30px;
    }
     .header .right_block .login_wrap {
        margin-left: 5px
    }
     body .header .right_block a.login-text {
        top: 0;
        margin-right: 13px;
    }
     body .fa-search {
         width: 28px;
         height: 28px;
         font-size: 12px;
    }
     .upload_status_photo .inner_upload{
        flex-direction: column;
         align-items: center;
        margin-right: 0;
    }
     body .edit-popup.vm--modal {
         max-width: 85%;
    }
     .upload_img_post h3{
        font-size: 1.1em;
    }
     .side_bar{
        margin-top: 30px
    }
     h3 {
        font-size: 0.8em;
    }
     .dash_silder_recipes .text_wrper .social_btn .share:before{
        top: 3px !important;
    }
     .dash_silder_recipes .text_wrper .social_btn .share:before, .dash_silder_recipes .text_wrper .social_btn .comment:before, .dash_silder_recipes .text_wrper .social_btn .like:before {
        left: 0;
        top: 0px;
        background-size: 17px;
        background-repeat: no-repeat;
    }
     .dash_silder_recipes .text_wrper .social_btn .bookmark:before {
        left: 0;
        top: 0px;
        background-size: 11px !important;
        background-repeat: no-repeat;
    }
     .dash_silder_recipes .text_wrper .social_btn button{
        font-size: 0.5em;
        padding-left: 28px;
    }
     body .social_btn{
        margin-top: 6px;
    }
     body .wrapper .dash_silder_recipes hr{
        margin: 16px 0;
    }
     .dash_silder_recipes .text_wrper .content p {
        font-size: 0.6em;
    }
     .dash_silder_recipes .text_wrper{
        padding: 10px 15px 10px;
    }
     .wrapper .col_8 hr {
        margin: 30px 0;
    }
     .srarting_post .input_text .upload img{
        width: 100%;
    }
     .srarting_post .input_text .upload{
        max-width: 34px;
        width: 100%;
        position: absolute;
    }
     .srarting_post .input_text {
        width: calc(100% - 55px);
        align-items: center;
        margin-top: 24px;
         justify-content: flex-end;
        margin-bottom: 24px;
    }
     .srarting_post .content_wrap .img_wrap {
        width: 35px;
        height: 35px;
    }
     .srarting_post .content_wrap {
        align-items: center;
    }
     .srarting_post .content_wrap:before{
        top: 50px;
    }
     .srarting_post h5{
         font-size: 0.7em;
    }
     .srarting_post .content_wrap{
        margin-top: 20px;
    }
     .srarting_post .input_text input[type=text]{
        font-size: 0.5em;
        padding: 0;
    }
     header .left_block{
        max-width: 32%;
        width: 100%;
        /* display: flex;
         */
        /* position: relative;
         */
    }
     header .left_block img{
        width: 100%
    }
     body .hamburger{
        background-size: 25px;
        top: 3px;
    }
     .header .right_block .login .img_wrap {
        width: 30px;
        height: 30px;
        margin-right: 0;
         margin-left: 5px;
    }
     .recipe_post_details.col_6, .center_contain.col_6{
        padding-right: 0;
    }
     body .__nuxt-error-page .description{
         font-size: 0.66em;
         padding: 0 20px;
    }
}
 @media only screen and (max-width: 480px){
    .top_week_sidebar ul {flex-direction: column;align-items: center;}
    .top_week_sidebar ul .btn {margin-bottom: 15px;margin-right: 0;}
    .top_week_sidebar ul .btn:last-child {margin-bottom: 0;}
    .top_week_sidebar {margin-top: 30px;}
    body .mode{max-width: 55px;}
    body .switch {width: 28px;}
     body .signup_text {
        margin-top: 22px;
        font-size: 0.66em;
         padding-left: 0;
         padding-right: 0;
    }
     .signup_text button{
        margin-top: 0 !important;
    }
     body .menu_container .left_block #top-menu div button{
         padding: 12px 14px;
         padding-left: 18px;
        font-size: 0.66em !important;
    }
  
     .text-emty.nofriends, .nobook_mark, body .no-post{
        font-size: 0.7em;
        padding-top: 115px;
        padding-bottom: 15px;
        margin-top: 45px;
        background-size: 100px;
    }
     body .Bio .vm--modal{
        max-width: 350px;
        border-radius: 30px !important;
    }
     body .bio-stash h3{
        font-size: 1.3em;
    }
     body .bio-stash div.text-center{
         font-size: 0.66em;
    }
     .recipe_details_page .comment_post{
        padding: 30px 20px;
    }
     body .comment_post{
        margin: 0px 16px;
    }
     body .recipe_details_page .slide_video {
         height: 220px;
    }
     body h2 {
         font-size: 1.5em;
    }
     body .sec_discover .sec_text p{
        font-size: 0.6em;
    }
     body .margin-top-102 {
        margin-top: 54px;
    }
     .search_wrap{
        line-height: 0;
    }
     .dash_silder_recipes .text_wrper {
        padding: 20px 20px 10px;
    }
     .comment-edit, .action_buttons{
        right: 10px;
    }
     .dash_silder_recipes .text_wrper .social_btn .share:before, .dash_silder_recipes .text_wrper .social_btn .comment:before, .dash_silder_recipes .text_wrper .social_btn .like:before{
        left: 0;
    }
    .edit_post .inner_upload .show_upload,
     body .inner_upload .show_upload{
        height: 88px;
    }
     body .inner_upload .show_upload img{
        width: 100%;
        max-width: 100%;
    }
     body .upload_img_post img{
        max-width: 96px;
        width: 100%;
    }
     body .upload_img_post{
        padding: 44px 20px;
    }
     .text_recipe{
        padding-top: 28px;
    }
     body .text_recipe h2{
        letter-spacing: normal;
        font-size: 1.5em;
    }
     body .hamburger{
        background-size: 18px;
        top: -1px;
        padding: 0;
    }
     .header .right_block .login .name h5 {
        font-size: 0.4em;
    }
     body .noti_count{
        max-width: 16px;
        height: 16px;
        font-size: 9px;
        padding: 0px 2px;
        top: 0;
        line-height: normal;
    }
     .login.d-flex.flex-align.profile_div .name{
        padding-right: 0px;
        background-size: 10px;
        background-position: 98% 9px;
        display: none;
    }
     body .upload_img_post h3 {
        font-size: 0.9em;
        padding-top: 17px;
    }
     .upload_img_post p {
        font-size: 0.7em;
        padding-top: 10px;
    }
     .inner_input_three .col_2 {
        width: 20%;
    }
     .recipe_post_details .inner_input_three select, .inner_field textarea, .inner_field input{
        height: 40px;
        font-size: 0.6em;
    }
     .inner_input_three .col_1 {
        width: 18%;
    }
    body button.cut {
        margin-top: 0;
        line-height: 0.8;
        display: block;
    }
     .inner_input_three span.orange {
        margin-bottom: 5px;
        font-size: 0.4em;
        margin-top: 14px;
    }
     .inner_input_three .col_2, .inner_input_three .col_7 {
        margin-right: 7px;
    }
     .inner_input_three span.orange{
        margin-top: 14px;
    }
     .inner_field {
        margin-bottom: 25px;
    }
     .recipe_post_details label{
        font-size: 0.6em;
    }
     body .inner_field textarea{
        height: 112px;
    }
     body .add_more .plus_icon{
        max-width: 38px;
        height: 38px;
        margin-right: 0;
        right: 11px;
    }
     .add_more .add_text{
         font-size: 0.6em;
    }
     body .recipe_post_details .btn {
        width: 100%;
        border: none;
        cursor: pointer;
        font-size: 0.7em;
        height: 49px;
    }
     body .add_more{
        margin-bottom: 28px;
    }
     body .number{
        max-width: 104px;
    }
     body .colm_warp input {
        height: 36px;
        font-size: 0.6em;
    }
}

 @media only screen and (max-width: 360px){
     body .login_wrap .profile_box {
         top: 48px !important;
    }
     .srarting_post .input_text .upload{
        right: 9px;
    }
     body .srarting_post .upload_data {
         min-height: 125px;
         max-width: 150px;
         padding: 0 11px;
    }
     body .srarting_post .upload_data .btn{
         width: 100%;
         font-size: 0.44em;
         height: 34px;
         margin-bottom: 10px;
    }
   
     body .fa-search.fa-close {
         right: 80px;
         bottom: 14px;
    }
     .comment_post {
         padding: 15px 5px;
         margin: 0px 28px;
    }
     .recipe_post_details.col_6{
        margin-top: 28px;
    }
     body .upload_img_post img {
        max-width: 80px;
    }
     body .inner_upload .show_upload {
        height: 75px;
    }
     body .inner_upload .show_upload img{
        max-width: 100%;
    }
     body .noti_count {
        max-width: 14px;
        height: 14px;
        font-size: 7px;
        padding: 2px 2px;
        top: 0;
    }
     .login.d-flex.flex-align.profile_div .name{
         background-size: 8px
    }
     .side_bar h5{
        font-size: 0.7em;
    }
     .dash_silder_recipes{
        margin-bottom: 25px
    }
     .dash_silder_recipes .text_wrper .left{
        /* margin-right: 0; */
        height: 53px;
    }
     .header .right_block .login_wrap {
        margin-left: 4px;
    }
     body .menu_container .logo {
        margin-left: 20px;
        top: 0;
    }
     body .cross{
        left: 5px;
    }
     body .hamburger {
        background-size: 16px;
        padding: 0;
        width: 16px;
        top: 0px;
    }
     .dash_silder_recipes .text_wrper {
         padding: 20px 20px 18px;
    }
     .bootkit{
        max-width: 65px;
        height: 65px
    }
     .bootkit a{
        font-size: 0.5em;
    }
     .dash_silder_recipes .text_wrper .left .author-img{
        width: 50px;
         height: 50px
    }
}
 .cms_content p{
    font-size: 14px;
    line-height: 1.8;
}
 .left-center{
    text-align: left;
}
 body .cms_content {
    border-bottom: 1px solid #9e9a9a4d;
}
 .dash_silder_recipes .text_wrper .left .author-img > div{
    width: 100%;
    height: 100%;
}
 body.dark-theme .cms_content{
    background-color: #232323;
}
 .asterisk{
    color: red;
}
 body.dark-theme textarea, .dark-theme input::-webkit-input-placeholder, body.dark-theme textarea::-webkit-input-placeholder {
    /* Edge */
     color: var(--white);
}
 .dark-theme input:-ms-input-placeholder, body.dark-theme textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: var(--white);
}
 .dark-theme input::placeholder, body.dark-theme textarea::placeholder {
     color: var(--white);
}
 body.dark-theme .bio-stash p {
    color: var(--white);
}
 .dark-theme .notifi_box a span.time-ago {
    color: var(--white);
}
.vm--modal select{
    text-transform: capitalize;
}
 .dark-theme .vm--modal .form-control{
    border: 1px solid #313131 !important;
}
 .dark-theme .profile_box ul li:last-child a{
    border: 0;
}
.dark-theme .profile_box ul li:hover .main_theme_setting label,
.profile_box ul li:hover .main_theme_setting label{color: var(--green);}
.profile_box ul li .main_theme_setting{display: block;}
 .dark-theme .profile_box ul li a, .dark-theme .profile_box ul li .main_theme_setting {
    border-bottom: 1px solid #313131;
}
 .dark-theme .vm--modal .form-control, .dark-theme .inner_field select, .dark-theme .inner_field textarea, .dark-theme .inner_field input, .dark-theme .recipe_post_details label, .dark-theme .top-img_recipe .text_wrper .right .author-text a, .dark-theme .vm--modal .form-control input, .dark-theme .tab_list li a, .dark-theme th, .dark-theme td, .dark-theme .inner_recipe .colm_warp label, .dark-theme .inner_recipe h3, .dark-theme .profile_box ul li a,.dark-theme .profile_box ul li .main_theme_setting .setting_theme, .dark-theme .form-group label, .dark-theme .dash_silder_recipes .text_wrper .right .author-text span a, .dark-theme .dash_silder_recipes .text_wrper .content p, .dark-theme .dash_silder_recipes .text_wrper .right .author-text, .dark-theme .dash_silder_recipes .text_wrper .right .post-date-time, .dark-theme .side_bar .top_recipe .content_wrap a, .dark-theme .dashboard_menu .menu ul li a, .dark-theme .text-col, .dark-theme .time-list li a, .dark-theme .sec_subscription .colum_list .col_4 p, .dark-theme .following_media ul li span.fo-count, .dark-theme .chief_about .inner_silder .col_4 .text_wrper h4, .dark-theme .chief_about .inner_silder .col_4 .text_wrper h3, .dark-theme .rating-counrt, .dark-theme .sec_discover .silder_recipes .text_wrper .content p, .dark-theme .sec_text p, .dark-theme .upload_img_post h3, body.dark-theme .menu_button .tab_menu_center li, .dark-theme .vm--modal label, .dark-theme .srarting_post .upload_data .btn, body.dark-theme .header .right_block .login_wrap .gray, body.dark-theme .recipe_post_details span .b-slider_label label, .dark-theme .notifi_box .content_wrap a, .dark-theme .notifi_box .content_wrap .post_text, .dark-theme .notifi_box .content_wrap a , .dark-theme .colum_list p{
    color: var(--white);
}
 body.dark-theme .card-body .b-numberinput input, body.dark-theme .number input{
     background-color: transparent !important;
     color: #ffffff;
     border: none;
}
 body.dark-theme .number input::-webkit-outer-spin-button, body.dark-theme .number input::-webkit-inner-spin-button {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
}
 .dark-theme .autocomplete.control.form-control input {
     border: none;
}
 .dark-theme .autocomplete.control.form-control input{
    border: none;
}
 .dark-theme .control .dropdown-menu .dropdown-content{
     z-index: 999;
     position: relative;
}
 .dark-theme .card #image-event-label {
     background-color: #101010;
     border: 1px solid;
}
 body.dark-theme .minus, body.dark-theme .plus, body.dark-theme .card-body .b-numberinput, body.dark-theme .number{
    background-color: transparent;
}
 body.dark-theme .header .bg_white{
    background-color: #151515 !important;
}
 body.dark-theme .dash_silder_recipes .col_4{
    box-shadow: inherit;
}
 body.dark-theme .popUpWrapper .dash_silder_recipes .col_4{
    border: 1px solid #313131;
}
 body.dark-theme .upload_img_post p{
    color: var(--white);
}
 .dark-theme .srarting_post .upload_data, .dark-theme .vm--modal .form-control, .dark-theme .inner_field select, .dark-theme .inner_field textarea, .dark-theme .mention_editor .ProseMirror, .dark-theme .inner_field input{
    background-color: transparent !important;
}
 .dark-theme .control .dropdown-menu .dropdown-content, .dark-theme .time-list, .dark-theme .tab_list, .dark-theme .comment_post{
    box-shadow: inherit;
}
 .dark-theme .time-list, .dark-theme .tab_list, .dark-theme .side_bar .top_recipe, .dark-theme .dash_silder_recipes .col_4, .dark-theme .srarting_post{
     background-color: #151515;
}
 .dark-theme .following_media ul li{
    border-right: 1px solid #ffffff;
}
 .bootkit{
     background-color: #ffffff;
     color: var(--orange);
}
 .dark-theme button.cut{
    border: 1px solid #313131;
}
 .dark-theme .bg_white{
    background-color: #151515;
}
 .dark-theme .footer_sec, .dark-theme .vm--modal, .dark-theme .srarting_post .upload_data .btn, .dark-theme .sec_discover, .dark-theme .bg_light_gary, .dark-theme .notifi_box, .dark-theme .mobile_menu{
    background-color: #151515 !important;
}
 .dark-theme .sec_discover .silder_recipes .slick-slide .recipe_slide{
    background-color: #0f0e0e !important;
}
 .dark-theme .banner_bg{
    background-image: url(../images/dark_theme_banner.png);
    margin-top: 30px;
}
 .dark-theme .control .dropdown-menu .dropdown-content{
    background-color: #151515;
}
 .login_popup .popup-field span{
    position: relative;
}
 .login_popup .popup-field span .eye-icon{
    bottom: 14px;
}
 .star-rating{
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    top: -20px;
}
 .vue-star-rating-rating-text{
    width: 25px;
}
 .dark-theme  .upload_img_post{
    background-color: transparent;
    border: 1px solid #313131;
}
 .side_bar .top_recipe .content_wrap .img-col{
    display:flex;
    align-items: center;
    width: 100%;
}
 .wall_tab_sec .friend_list .content_wrap .btn_wrapper{
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-top: 1px solid #E7E7E7;
}
.wall_tab_sec .friend_list .content_wrap .btn_wrapper .btn, 
.wall_tab_sec .friend_list .content_wrap .btn_wrapper button{
    font-size: 10px;
    width: 139px;
    padding: 12px 0;
    float: right;
    margin: 5px 5px;
    cursor: pointer;
}
 
.wall_tab_sec .friend_list .content_wrap .btn_wrapper .btn:hover, .wall_tab_sec .friend_list .content_wrap .btn_wrapper button:hover{
    color: var(--green); 
}
 .friend_list .content_wrap .btn_wrapper .btn svg, .friend_list .content_wrap .btn_wrapper button svg{
    margin-right: 7px;
}
/* .all_list_members .side_bar .top_recipe .content_wrap:hover{
    box-shadow: 0px 20px 26px rgba(223, 224, 221, 0.42);
} */
 /* .all_list_members .side_bar .top_recipe .content_wrap{flex-wrap: wrap;width: 43.33%;border: 1px solid #E7E7E7;box-shadow: 0px 20px 26px rgba(223, 224, 221, 0.42);border-radius: 13px;margin: 19px;padding: 0;} */
 .all_list_members .side_bar .top_recipe .content_wrap{flex-wrap: wrap;width: 43.33%;border: 1px solid #E7E7E7;border-radius: 13px;margin: 19px;padding: 0;}
 .tab_menu_center{
    justify-content: left;
    align-items: center;
}
.wall_tab_sec.all_list_members .friend_list .content_wrap .btn_wrapper .btn:hover, 
.wall_tab_sec.all_list_members .friend_list .content_wrap .btn_wrapper button:hover{
    color: var(--green) !important;
}
 body .menu_button .tab_menu_center li {
    background-color: transparent !important;
    font-size: 1.0em !important;
    text-transform: capitalize;
    margin-right:30px;
    color:#C9C9C9;
    max-width: 100%;
    width: auto;
}
body .menu_button .tab_menu_center li:last-child{
    margin-right:0;
}
 body .menu_button .tab_menu_center li:hover, body .menu_button .tab_menu_center li.active{
    color: var(--green);
}
 .dark-theme .upload_data.show button{
    border: 1px solid var(--orange);
}
 .dark-theme section.sec_discover.wrapper:before{
     background-color: #131212;
}
 .dark-theme .display-comments input {
     color: var(--white);
}
 .display-comments input {
     font-size: 20px;
     padding: 0;
}
/* .display-comments form {
     display: flex;
     align-items: center;
}
 */
 .display-comments form button{
    float: right;
}
 .display-comments span{
    padding:20px;
    font-size: 20px;
}
/* .tooltip.popover{
    width: 100%;
     max-width: 320px;
    left: 265px !important;
    top: 65px !important;
}
 */
 .v-popover.popper{
    position: relative !important;
}
 .mention-item {
    background-color: transparent !important;
}
 .mention-item .dim{
    font-size: 20px;
    padding: 8px 20px;
    background-color: transparent !important;
}
 .mention-item > div{
    background-color: transparent !important;
}
 .mention-item .dim:hover{
    color: var(--green);
}
 .tooltip.popover{
    border-radius: 12px;
    padding: 14px 0;
    -webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 9%);
     -moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 9%);
     box-shadow: 10px 10px 40px rgb(0 0 0 / 9%);
}
 .dark-theme .tooltip.popover{
     box-shadow: inherit;
}
 .dark-theme .mention-item .dim .issue{
    color: var(--white) !important;
}
 .display-comments {
     padding: 18px 0 0;
}
 .dark-theme .sec_discover .silder_recipes .slick-slide .recipe_slide{
    box-shadow: inherit;
}
 .sec_discover .silder_recipes .slick-slide .recipe_slide{
    position: relative;
}
 .sec_discover .silder_recipes .list-dots{
    display: none;
}
 .images_wrper .bookmark{
     position: absolute;
     z-index: 9;
     top: 28px;
     width: 54px;
     bottom: 0;
}
 .save{
     position: absolute;
     right: 252px;
}
 .save a{
     border-radius: 100%;
     height: 40px;
     background-color: var(--green);
     width: 40px;
     color: var(--white);
     font-size: 0em;
     font-weight: 700;
     text-align: center;
     background-image: url(../images/save-recipe.svg);
     background-repeat: no-repeat;
     background-position: center;
     display: block;
     float: right;
     background-size: 20px;
     position: relative;
     margin-left: 148px;
     top: 3px;
}
 .bookmark button{
     border-radius: 100%;
     height: 54px;
     background-color: var(--orange);
     max-width: 54px;
     color: var(--white);
     font-size: 0em;
     font-weight: 700;
     text-align: center;
     background-image: url(../images/bookmark-white.svg);
     background-repeat: no-repeat;
     background-position: center;
     width: 100%;
     display: block;
     float: right;
     background-size: 20px;
     cursor: inherit;
     border: 0;
}
.recipe_details_page .images_wrper .bookmark.unbookmark button{ background-color: #0000009e;}
.bookmark.unbookmark button{ background-image: url(../images/unbookmark.svg);}
 .modal-header .modal-title, .vue-dialog-content .vue-dialog-content-title{
    font-size: 1.6em;
    font-weight: 900;
}
 .modal-content, .vue-dialog-content{
    text-align: center;
}
 .modal-body p, .vue-dialog-content div{
    font-size: 1.0em;
}
.edit_recipe  .vm--modal{
    display: block;
}
 .vm--modal, .modal-footer{
    display: flex;
    align-items: center;
    justify-content: center;
}
 .vue-dialog-buttons button{
     font-size: 1.2em;
    height: 100%;
}
 .modal-footer .btn {
    margin: 22px 5px 0;
    font-size: 0.788em;
}
 .modal-footer .btn, .vue-dialog-buttons button:hover{
    background-color: #6DC106;
}
 .vue-dialog-buttons{
    border: 0;
}

 .edit_profile_popup .eye-icon{
     right: 21px;
}
 .asterisk{
    color:red;
    margin-left: 6px;
    position: relative;
    width: auto !IMPORTANT;
}
span.asterisk[data-v-4467dbae],
span.asterisk[data-v-662cb6cd] {
    position: static;
}
 .inner_input_three .autocomplete.control{
    margin-bottom: 0;
}
 .side_bar .top_recipe .content_wrap .post_text{
    line-height: 1.1;
    font-size: 0.9em;
    padding-right: 10px;
}

 body.dark-theme .vm--overlay{
    background: rgb(0 0 0 / 77%);
}

 body #modals-container .vm--modal{
    box-shadow: inherit;
}
 .dark-theme .side_bar .top_recipe .content_wrap{
    border-top: 1px solid #313131;
}
 .dark-theme .inner_field select, .dark-theme .inner_field textarea, .dark-theme .inner_field input, .dark-theme .comment_post .content .mention_editor .ProseMirror{
    border: 1px solid #313131;
}

.dark-theme .ProseMirror p.is-editor-empty:first-child::before,
body.dark-theme .inner_field select, 
body.dark-theme .inner_field textarea::placeholder, 
body.dark-theme .inner_field input::placeholder,
body.dark-theme .comment_post .content .mention_editor .ProseMirror::placeholder{
    color: #5E5E5E !important;
}
 .nopersons{
    width: 48%;
    float: right;
}
 body .nopersons label{
    margin-bottom: 0 !important;
}
 body.dark-theme .google-signin {
     background-color: var(--white) !important;
}
 .dark-theme .social-wrapper {
    border-bottom: 1px solid rgb(255 255 255 / 22%);
}
 .dark-theme .header .bg_gray{
    background-color: #151515 !important;
}
 .dark-theme .chief_about .inner_silder .cheif_slide{
    outline: none;
     -webkit-box-shadow: 0px 0px 66px -8px rgb(0 0 0);
     -moz-box-shadow: 0px 0px 66px -8px rgb(0 0 0);
     box-shadow: 0px 0px 66px -8px rgb(0 0 0);
}
 .add_recipe .row{
    margin-bottom: 30px !important;
}
 .add_recipe .row .colum2{
     display: flex;
     align-items: center;
     justify-content: flex-start;
     padding: 0px 14px 0;
}
 .add_recipe .row .colum2 label{
    color: var(--orange);
    font-weight: 800;
    text-transform: capitalize;
}
 input[type="checkbox"]{
    width: auto !important;
    height: auto !important;
    margin-right: 10px;
}
 .add_recipe .row .colum2 label{
    margin-bottom: 0!important;
}
 body .add_recipe .row label{
    font-size: 0.6em !important;
}
 .add_recipe .row p{
    font-size: 0.6em;
}
 body .orange{
    color: var(--orange) ;
}
 body .brand-popup .vm--modal > div{
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
}
 body .brand-popup .vm--modal{
     padding: 0;
     overflow: unset;
}
 body .brand-popup .vm--modal .buttoncol2 button{
    margin: 0 5px;
    height: 100%;
    padding: 20px 20px;
    width: 100%;
    font-size: 0.7em;
    background-color: transparent;
    border-radius: 0;
    border-top: 1px solid #F0F0F0;
    color: var(--black);
    font-weight: 800;
}
 body .brand-popup .autocomplete input{
     outline: none;
     color: var(--black);
     height: 60px;
     border: 1px solid #FA9600 !important;
     border-radius: 10px;
     width: 100%;
     padding: 0px 13px;
     font-size: 0.8em;
}
 body .brand-popup .vm--modal .buttoncol2 button{
    margin-top: 30px;
}
 body.dark-theme .brand-popup .autocomplete input{
    color: #fff;
    border: 1px solid #313131;
}
 body.dark-theme .recipe_post_details .inner_field input::placeholder{
    color:rgb(255 255 255 / 75%)
}
 body.dark-theme .recipe_post_details .inner_field select, body.dark-theme .recipe_post_details .inner_field textarea, body.dark-theme .recipe_post_details .inner_field input {
     color: rgb(255 255 255 / 75%);
}
 .recipe_post_details .inner_field input::placeholder{
    color:rgb(255 255 255 / 75%)
}
 .font-italic{
    font-style: italic;
    font-size: 0.6em;
    cursor: pointer;
}
 .dark-theme .recipe_post_details .dropdown-content span {
     color: var(--white);
}
 body.dark-theme .brand-popup .autocomplete input::-webkit-input-placeholder {
    /* Edge */
     color: #fff;
}
 body.dark-theme .brand-popup .autocomplete input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: #fff;
}
 body.dark-theme .brand-popup .autocomplete input::placeholder {
     color: #fff;
}
 /* .side_bar_list.col_3.pl-5.fixed {
     position: fixed;
     right: 21%;
    top: 178px;
     max-width: 240px;
     padding-left: 0;
} */
 .position-relative{
    position: relative;
}
 .wppr_list {
     position: relative;
     top: -20px;
     left: 17px;
}
 .toasted .primary.success, .toasted.toasted-primary.success{
    z-index: 20000000000000;
}
 .edit_post .center_contain.row{
    margin: 0;
}
 .vm--modal .card-body .img-thumbnail img {
    border-radius: 10px;
}
 select{
    background-image: url(../images/dropdown.svg);
    background-position: 97%;
}
.dark-theme select{
    background-image: url(../images/dropdown_white.svg);
}
 body .edit_profile_popup .form-group {
     margin-bottom: 0
}
 body .edit_profile_popup .form-group label{
    margin-left: 0;
    font-size: 0.66em !important;
    margin-bottom: 8px;
    color: var(--black);
    font-weight: 800;
    text-transform: uppercase;
}
 body .edit_profile_popup .btn {
     margin-top: 32px;
}
 .all_list_members .top_recipe.friend_list{
     padding-top: 0;
     box-shadow: none;
}
 .top_recipe.friend_list {
     padding-bottom: 0;
     box-shadow: none;
}
 .side_bar .top_recipe .content_wrap a:hover{
    color: var(--green);
}
 body .vti__dropdown.open, body .vti__dropdown:hover {
     background-color: transparent;
}
 body.dark-theme .vti__dropdown-list{
     background-color: #101010;
}
 body .vti__dropdown-item.highlighted {
    background-color: #c1c1c129;
}
 body .vti__dropdown-item{
    padding: 9px 15px;
    font-size: 16px;
    color: #000;
}
 .dark-theme .vti__dropdown-item{
    color: #fff;
}
 body .bio-stash h3{
    font-size: 1.7em;
    text-align: center;
    font-weight: 800
}
 body .bio-stash p{
    font-size: 0.66em;
    line-height: 28px;
}
 body .bio-stash div.text-center {
     font-size: 0.8em;
     margin-bottom: 13px;
     font-weight: 800;
}
 body .bio-stash p{
    color: var(--gary-dark);
}
 .fixed-search{
    position: fixed;
}
.light-theme .sec_contact .vue-tel-input, 
.light-theme #contact-us input, 
 .light-theme #contact-us textarea, 
 .light-theme #contact-us textarea{
    color: #000;
    opacity: 1;
    font-weight: 500 !important;
}
.light-theme .sec_contact .row-form input[type=tel]:focus, 
.light-theme .sec_contact .row-form input[type=email]:focus, 
.light-theme .sec_contact .row-form input[type=text]:focus, 
.light-theme .sec_contact .row-form .col_12 textarea:focus {
    border-bottom-color: #e0d9d9c4;}
.light-theme .sec_contact .vue-tel-input:focus-within, 
body .sec_contact .form-control:focus {
        border-bottom-color:1px solid #b5afaff2!important;
    }
 .dash_silder_recipes .social_btn.d-flex.flex-space-around {
     justify-content: space-between;
     padding: 0 19px;
     margin-bottom: 2px;
     margin-top: 12px;
}
 body.dark-theme .notifi_box .content_wrap.unread{
    background-color: rgb(21 21 21);
}
 body.dark-theme .notifi_box .content_wrap{
    background: rgb(35 35 35);
}
 body.dark-theme .notifi_box span.time-ago{
    color: var(--white);
}
 .notifi_box span.time-ago {
     color: var(--black);
     width: 100%;
     text-align: left;
     display: inline-block;
     font-size: 0.96em;
}
 .notifi_box span.orange {
     font-weight: 700;
}
 .text-center.hide-comment button, .text-center.load-comment button {
     font-size: 0.7em;
     color: var(--green);
     font-weight: bold;
     text-decoration: underline;
     margin-bottom: 28px;
}
 body .error_text_wapper {
     position: absolute;
     bottom: 2px;
}
 .inner_input_three .col_7 span{
    position: relative;
}

 .profile-container{
    display: flex;
    flex-wrap: wrap;
}
 @media only screen and (max-width: 450px){
     body .all_list_members .side_bar .top_recipe .content_wrap{
        flex-direction: column!important;
    }
     .wall_tab_sec .friend_list .content_wrap .btn_wrapper .btn, .wall_tab_sec .friend_list .content_wrap .btn_wrapper button{
        margin: 5px 5px;
    }
     .wall_tab_sec .friend_list .content_wrap .btn_wrapper{
        justify-content: center;
        padding-top: 10px;
    }
     body #searching input:focus {
         font-size: 0.55em;
         width: 130px;
         background-position: 8%;
         background-size: 15px;
         padding: 0 10px 0px 28px;
    }
     #searching input {
         width: 30px;
         height: 30px;
         background-position: 8px;
    }
}
 @media only screen and (max-width: 380px){
    body .recipe_post_details .mention_editor .ProseMirror {
        margin-bottom: 0;
    }
     body .recipe_post_details .btn-50{
        font-size: 0.5em;
        height: 40px;
    }
     body .edit_post .btn-50{
        font-size: 0.5em;
        height: 40px;
    }
}
/* added by yameen starts*/
 .slide-enter-active {
     -moz-transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -moz-transition-timing-function: ease-in;
     -webkit-transition-timing-function: ease-in;
     -o-transition-timing-function: ease-in;
     transition-timing-function: ease-in;
}
 .slide-leave-active {
     -moz-transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
     -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
     -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
     transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
 .slide-enter-to, .slide-leave {
     max-height: 100px;
     overflow: hidden;
}
 .slide-enter, .slide-leave-to {
     overflow: hidden;
     max-height: 0;
}
/* add by yameen ended */
/* 404 page */
 body .__nuxt-error-page .description .error-link {
     font-size: 0.99em;
     padding-top: 10px;
     display: block;
     font-weight: 500;
}
 body .__nuxt-error-page .title{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.5em;
     margin-top: 0;
}
 /* body .__nuxt-error-page .description .error-link:hover{
    text-decoration: underline;
     color: var(--green) !important;
} */
/* body .__nuxt-error-page .error svg{
    width: 142px;
     height: 142px;
    fill: #D9D9D9;
}
 */
 body.dark-theme .__nuxt-error-page .error svg{
    fill: #393939;
}
 body.dark-theme .__nuxt-error-page{
    background-color: #232323;
}
 body.dark-theme .__nuxt-error-page .title{
    color: var(--white);
}
 body.dark-theme .__nuxt-error-page .description{
    color: var(--white);
}
 body .select2-container--default .select2-selection--single{
     background-image: url(../images/dropdown.svg);
     background-position: 97%;
     background-color: white;
     border-radius: 10px;
     border: 1px solid #e0d9d9c4;
     width: 100%;
     height: 50px;
     outline: none;
     padding: 0 4px;
     font-size: 0.75em;
}
 body .select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 100%;
     display: flex;
     align-items: center;
     text-transform: capitalize;
}
 body .select2-selection__arrow{
    display: none;
}
 body .select2-container--default .select2-search--dropdown .select2-search__field {
     border: 1px solid #aaa;
     height: 34px;
}
 body.dark-theme .select2-container--default .select2-selection--single{
    background-color: transparent;
    border: 1px solid #313131 !important;
}
 body.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--white);
}
 /* body .select2-container--default .select2-results__option--highlighted[aria-selected], body .select2-container--default .select2-results__option[aria-selected=true] {
     background-color: #6dc106;
     color: #fff;
} */
 body .select2-results__option{
     font-size: 0.66em;
}
 .oembed-video{
    position: relative;
}
 .oembed-video:before {
     background-image: url(../images/video-upload.svg);
     background-position: center;
     content: "";
     position: absolute;
     top: 0;
     z-index: 99999;
     width: 100%;
     height: 100%;
     right: 0;
     left: 0;
     margin: auto;
     bottom: 0;
     cursor: pointer;
     background-color: #0000003b;
     border-radius: 0;
     background-size: 90px;
}
 body .dash_silder_recipes .cool-lightbox-loading{
    height: 50px;
}
 body .dash_silder_recipes .cool-lightbox-loading-wrapper{
    height: auto !important;
}
 .dash_silder_recipes .cool-lightbox .cool-lightbox-thumbs__list, .dash_silder_recipes .cool-lightbox .cool-lightbox__progressbar, .dash_silder_recipes .cool-lightbox .cool-lightbox__navigation, .dash_silder_recipes .cool-lightbox .cool-lightbox__inner{
    height: auto;
}
 .silder_height_same{
    height: 100%;
}
 .recipe_details_page .comment_post.comment_post-reply {
     margin-bottom: 0 !important;
     padding-bottom: 0;
     padding-left: 60px !important;
}
 .inner_input_three .col_2 input{
    text-align: center;
}
 .submit_post{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
 .display_none{
    display:none !important;
}
 .display_block{
    display:block !important;
}
 .edit_post .mention_editor .ProseMirror{
    margin-bottom: 0;
}
 .form-group.inner_field.top_spcer {
     margin-bottom: 32px;
}
 .cms_content h2{
    padding-bottom: 15px;
    font-size: 18px;
}
 .cms_content p{
    padding-bottom: 15px;
}
 .cms_content p a{
    color: var(--orange);
}
 .cms_content li{
    list-style-type: disc;
}
 .cms_content ul{
    padding-left: 20px;
    padding-bottom: 30px;
}
 .cms_content ul ul:last-child{
    padding-bottom: 0;
}
 .dynamic_page h1{
    color: var(--white);
    font-size: 2.3em;
}

 .profile_header.dynamic_page .profile_col .text_wrper{
    margin-left: 0;
}
 body .cms_content{
    padding-top: 10px;
}
 .chief_about .sec_text.col_4{
     width: 38.33%;
}
 .chief_about .sec_text p{
    font-size: 0.8em;
}
 .show-comment-reply .display_block {
     color: var(--green);
     position: absolute;
     right: 0;
     left: 0;
     margin: auto;
     width: 100%;
     font-size: 0.7em;
     bottom: -32px;
     font-weight: 700;
}
 .show-comment-reply {
     position: relative;
}
 .cool-lightbox .cool-lightbox__slide img {
     width: auto;
     height: auto;
     border-radius:0 ;
}
 .inner_recipe .content_area a{
     font-size: 0.8em;
}
 .privacy .select2-search{
    display: none;
}
 .privacy .select2-container{
    width: 100% !important;
}
 body span.vue-star-rating-rating-text {
     font-weight: 900;
     color: var(--black);
     font-size: 12px;
}
 body.dark-theme span.vue-star-rating-rating-text{
     color: var(--white);
}
 section#contact-us {
     background-color: #eaeaea;
}
 .dark-theme section#contact-us {
     background-color: #131212 
}
 .sec_discover .silder_recipes .text_wrper, .dash_silder_recipes .text_wrper h3{
    font-weight: 800;
    font-size: 1.0em;
    max-width: 550px;
}
 .no-search .select2-search {
     display:none
}
 ol.BreadcrumbList li:first-child:after {
     margin-right: 6px;
}
 .profile_box ul li.login_user {
     display: none;
}
 section.wrapper.wall_tab_sec.all_list_members {margin-top: 0;margin-bottom: 60px;}
 .sec_contact .vti__dropdown-list.above{
    min-width:278px;
     width: 100%;
}
 .show_cover{
     display: block !important;
}
 .cover_image {
     position: absolute;
     right: 0;
     left: 0;
     overflow: hidden;
     height: 100%;
     top: -10px;
}
 .cover_image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .cover_image:before {
     content: "";
     background-color: #ffffff;
     position: absolute;
     right: 0;
     left: 0;
     width: 100%;
     height: 100%;
     top: 0;
}
 footer.wrapper {
     margin-top: 63px;
}
 body .cover_image .edit_profile_popup .image_col{
    margin: auto;
}
 body .cover_image .vm--modal .col-4 {
     max-width: 100%;
     flex: 100%;
}
 button#visible {
     border-radius: 8px;
     width: 100%;
     max-width: max-content;
     padding: 15px 10px 14px 20px;
     height: auto;
     background-color: #fff;
     color: #fa9a09;
     max-width: 274px;
     justify-content: left;
     font-weight: 800;
     position: relative;
}
 ul.cover {
     position: absolute;
     right: 0px;
     max-width: 274px;
     width: 100%;
     background-color: #ffffff;
     border-top: 4px solid #f7961d;
     border-radius: 0px 0px 7px 10px;
     box-shadow: 0px 0px 26px 0px #00000042;
}
 body ul.cover li button {
     border-radius: 0 !important;
     width: 100% !important;
     max-width: 281px !important;
     height: auto !important;
     background-color: transparent !important;
     color: #f7961d !important;
     justify-content: left !important;
     padding: 16px 12px 16px 9px !important;
     text-decoration: none;
}
 .dark-theme ul.cover li:last-child, ul.cover li:last-child{
    border: 0;
}
 .dark-theme ul.cover li{
    border-bottom: 1px solid #ffffff91;
}
 ul.cover li {
     width: 100%;
     display: flex;
     align-items: center;
     border-bottom: 1px solid #0e0e0e17;
}
 button#visible svg {
    position: absolute;
    right: 0;
}
 button#visible svg path{
    fill: #fa9a09;
}
 ul.cover li svg {
     margin-left: 14px;
}
 .dark-theme button#visible {
     background-color: #151515 !important;
}
 .dark-theme ul.cover {
     background-color: #151515 !important;
     border-top: 2px solid #ffffffbd;
}
 .deactive_wper a {
     color: #f7961d;
     font-weight: 700;
     text-align: center;
     display: block;
     padding: 26px 0 0;
     font-size: 0.6em;
     cursor: pointer;
}
 .deactive_wper a:hover {
     color: #6dc106;
}
 .coverphoto .vm--modal {
     width: 100% !important;
     max-width: 450px;
}
 .coverphoto .vm--modal > div{
     width: 100%;
     max-width: 250px;
}
 .footer_copywrite{
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 99;
}
 .coverphoto .image_col{
    margin: auto;
}
 .coverphoto .col-4{
    flex: 100%;
    max-width: 100%;
}
 .footer_copywrite_home{
    position: static;
}
 .privacy .select2-selection__rendered{
    font-size: 0.8em;
}
 .sec_contact .row-form .col_12 p.text-danger {
     margin-top: -3px;
}
 body .mar_top_0{
    margin-top: 0;
}
 body .recipe_post_details span .two_line label{
    width: auto;
}
 body .two_line a{
     font-size: 0.6em;
     color: var(--orange);
     float: right;
     cursor: pointer;
     text-decoration: underline;
    transition: all 0.5s;
}
 button.remove_coverphoto:hover, body .two_line a:hover{
    color:var(--green);
}
 button.remove_coverphoto {
     color: var(--orange);
     text-decoration: underline;
     font-size: 0.7em;
     text-align: center;
     width: 100%;
     padding-top: 20px;
     transition: all 0.5s;
}
 .dark-theme .show_overlay {
     background: transparent;
}
 .no-search {
    border-radius: 12px !important;
}
/* Draft */
 .draft_list .draft_main_div{
    background-color: var(--white);
    display: flex;
    align-items: center;
    padding: 35px 45px;
    border-radius: 20px;
    position: relative;
}
 .draft_list .draft_main_div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .draft_list .draft_main_div .draft_img{
    height: 116.99px;
    max-width: 116px;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}
 .draft_list .draft_main_div h4{
    color: #4A4A4A;
    font-size: 0.9em;
    font-weight: 900;
}
 .draft_list .draft_main_div .draft_text p{
    font-size: 0.88em;
    color: #969696;
}
 .draft_list .draft_main_div .draft_text{
    padding-left: 30px;
}
 .draft_list .draft_main_div .post-date-time{
    font-weight: 600;
    color: var(--gary-dark);
    font-size: 0.5em;
    display: block;
    padding: 7px 0 8px;
}
 .dark-theme .draft_list .draft_main_div {
    background-color: #151515;
}
 .dark-theme .draft_list .draft_main_div h4 {
    color: var(--white);
}
 .dark-theme .draft_list .draft_main_div .post-date-time {
    color: var(--white);
}
 .dark-theme .draft_list .draft_main_div .draft_text p {
    color: var(--white);
}
 @media only screen and (max-width: 1450px){
    button#visible {max-width: 255px;}
    ul.cover {max-width: 255px}    
 }
 
 @media only screen and (max-width: 767px){
     .draft_list .draft_main_div {
        flex-direction: column;
        padding: 0;
        overflow: hidden;
        align-items: flex-start;
    }
     .draft_list .draft_main_div .draft_img {
        max-width: 100%;
        height: 100%;
        border-radius: 0;
    }
     .draft_list .draft_main_div .draft_text {
        padding: 10px 45px 30px 30px;
        position: relative;
        width: 100%;
    }
     .draft_main_div .action_buttons {
        top: 15px;
        right: 0;
    }
}
 @media only screen and (max-width: 650px){
     .draft_list .container {
        padding: 0 10px;
    }
     .draft_list .draft_main_div .draft_text p {
        font-size: 0.65em;
    }
}
 @media only screen and (max-width: 480px){
  body .footer_sec {
        padding: 49px 0 20px;
        }
     .draft_list .draft_main_div h4 {
        font-size: 0.8em;
    }
    body ol.BreadcrumbList li:after{
        font-size: 0.55em;
        margin: 0 3px;
        padding-right: 6px;
    }
    ol.BreadcrumbList li:first-child:after {
        margin-right: 0;
    }
}
 

body.dark-theme .dashboard_menu .menu .recipe_sub_menu li.active > a,
body .dashboard_menu .menu .recipe_sub_menu li.active > a {
    color: var(--green);
}

body .dashboard_menu .menu .recipe_sub_menu li > a {
    color: var(--gary-dark);
}
body.dark-theme .dashboard_menu .menu .recipe_sub_menu li > a{
    color: var(--white);
}
body.dark-theme .dashboard_menu .menu .recipe_sub_menu li.active > svg path,
body .dashboard_menu .menu .recipe_sub_menu li.active > svg path {
    fill: #ffffff00;
    stroke: #6dc10600;
}

body .dashboard_menu .menu .recipe_sub_menu li > svg path {
    fill: var(--gary-dark);
    stroke: none;
}
body .dashboard_menu .menu .recipe_sub_menu li:last-child > svg path {
    stroke: var(--gary-dark);
}

body.dark-theme .dashboard_menu .menu .recipe_sub_menu li > svg path {
    fill: var(--white);
    stroke: none
}
body.dark-theme .dashboard_menu .menu .recipe_sub_menu li:last-child > svg path {
    stroke: var(--white);
}
body .dashboard_menu .menu .recipe_sub_menu li.active:last-child > svg path {
    fill: var(--green);
    stroke: var(--green);
}

.text-emty.nodraft {
    background-image: url(../images/nodraft.svg);
    color: #BEBEBE;
    font-weight: 800;
    background-position: center top;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 170px;
    padding-bottom: 90px;
    margin-top: 77px;
}

body .method_error{position: absolute; bottom: 10px}
.recipe_details_page .preprations .content_area {font-size:0.8em}

@media only screen and (max-width: 380px){
    .wall_tab_sec .side_bar .top_recipe.friend_list .content_wrap .img-col {
        flex-direction: column;}
    body .side_bar .top_chef .img_wrap {
        margin: 0;margin-bottom: 10px;}
    .side_bar .top_recipe .content_wrap .post_text {    
            text-align: center;}
    .wall_tab_sec .friend_list .content_wrap .btn_wrapper {
            flex-direction: column;align-items: center;}
    .side_bar .top_recipe .content_wrap a {
                font-size: 0.7em;}
}

@media only screen and (max-width: 340px){
body .dash_silder_recipes .text_wrper .social_btn button:after { right: -15px;}
.text_wrper .content a{word-break: break-all;}
}


/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, .elementor-field-type-textarea .elementor-field-textual, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
    select, .elementor-field-type-textarea .elementor-field-textual, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"], 
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
    select, 
    .elementor-field-type-textarea .elementor-field-textual, 
    input[type="text"], 
    input[type="password"],
    input[type="datetime"], 
    input[type="datetime-local"],
    input[type="date"], 
    input[type="month"], 
    input[type="time"],
    input[type="week"],
     input[type="number"], 
     input[type="email"],
    input[type="tel"], 
    input[type="url"]{ font-size: 16px; }
}


/* @media screen and (-webkit-min-device-pixel-ratio:0) { 
    select:focus,
    textarea:focus,
    input:focus {
      font-size: 14px;
    }
  } */


  body .Cookie--dark-lime .Cookie__button {
    background: #6dc106;
    border-radius: 30px;
    font-weight: bold;
    padding: 10px 45px;
    font-size: 20px;
}
body .Cookie--dark-lime {padding: 10px 30px;}



/* yasir abbas 23-2-2022 */

.menu_social ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.menu_social ul li {
    width: 22.33%;
    padding-bottom: 11px;
}

.menu_social ul li:first-child {
    width: 100%;
}
.mode.login{display: none;}
.menu_social.ml-4.menu {
    width: 20%;
}
.menu_social ul li:hover a img{opacity: 0;}
.menu_social ul li.facebook:hover a {
    background-image: url(../images/facebook_hover.svg);
}

.menu_social ul li.instgram:hover a {
    background-image: url(../images/instagram_hover.svg);
}
.menu_social ul li.linkedin:hover a {
    background-image: url(../images/linkin_hover.svg);
}
.menu_social ul li.twitter:hover a {
    background-image: url(../images/twiter_hover.svg);
}
.menu_social ul li.youtube:hover a {
    background-image: url(../images/youtube_hover.svg);
}
.menu_social ul li.tiktok:hover a {
    background-image: url(../images/tiktok_hover.svg);
}

.menu_container .logo a img {
    width: 100%;
}
.login.d-flex.flex-align.profile_div .name a{color: var(--black);font-size: 0.8em;}

.sec_discover .silder_recipes .text_wrper h3{font-size: 0.8em;min-height: 70px;line-height: normal;}

span.span_drop {
    position: absolute;
    right: 2px;
    top: 0;
    opacity: 1;
    width: 12px;
    height: 100%;
    display: block;
}
.sec_discover .container,
.sec_about .container{max-width: 1380px;}

.srarting_post .input_text .upload img {
    margin-left: 20px;
}
.col_8.dashboard_col_8{width: 60%;}

body .form-group .form-control.vue-tel-input {
    border-radius: 10px;
    border: 1px solid #e0d9d9c4;
}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered{color: var(--black);}
button.btn.mt-1.disabled {
    opacity: 0.6;
    pointer-events: none;
}
.recommend_brand {
    float: left;
    /* width: 100%; */
    display: flex;
    align-items: center;
}

.recommend_brand span {
    margin-left: 10px;
    width: auto;
    cursor: pointer;
}

body.dark-theme .deactive_wper a{box-shadow:inherit;border: 1px solid rgb(101 101 101);color: #fff;}
@media only screen and (max-width: 980px){
    .recipe_waper .comments_post_list{    padding: 0;}
    .recipe_details_page .recipe_waper .recipe_title_and_summary{margin-bottom: 0;}
    .recipe_details_page .recipe_waper .col_6{padding: 0 0px 25px;}
   body  .col_12.preparation_parent_div {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .sec_discover .container,
    .sec_about .container{max-width: 1380px;padding: 0 30px;}
    body .menu_social.ml-4.menu{width: 40%;}

}

@media only screen and (max-width: 650px){
    body .srarting_post{margin-top: 8px;}
    .profile_box ul li:first-child{border: 0;font-size: inherit;padding: 0;}
    .profile_box ul li:first-child a{font-size: 0.5em;}
    .login.d-flex.flex-align.profile_div{position: relative;}
    span.span_drop {position: absolute;right: 0;top: 0;width: 100%;height: 100%;left: 0;opacity: 0;}
    body .deactive_wper a{margin: auto;}
    body .edit_profile .deactive_wper h5{display: none;}
    body .Cookie--dark-lime {padding: 10px 10px;font-size: 16px;}
    body .Cookie__buttons {margin: 0;}
    body .Cookie--dark-lime .Cookie__button {padding: 8px 32px;font-size: 15px;}
}

@media only screen and (max-width: 480px){
.upload_by_url{flex-wrap: wrap;}
body .upload_by_url .btn{margin-left: 0;margin-right: 0;}
body .chief_about{padding-bottom: 0;}
body .menu_social.ml-4.menu {width: 54%;}

}

body hr.border-none {
    margin: 28px 0 5px !important;
    background-color: transparent !important;
} 

body .forget_pass {float: right;width: auto!important;}



/* booking Popup */

.popup-booking .book_mark_list:nth-child(4n) {
    margin-right: 0;
}

.popup-booking .book_mark_list {
    width: 22%;
    margin-right: 4%;
    margin-bottom: 16px;
    position: relative;
}
.popup-booking {
    justify-content: left;
    padding-top: 0;
    margin-bottom: 10px;
}
.bookmark-listing.popup-booking .book_mark_list .content h3{
    font-size: 0.9em;
}

.popup-booking .thumbnail button.cross_icon {
    color: #0000009c;
    font-size: 20px;
    z-index: 99999;
    display: contents;
    font-weight: 700;
}

.tab_folder .search_folders h3.content_title > div {
    color: #4a4a4a;
    padding-right: 3px;
    cursor: pointer;
}

.tab_folder .thumbnail.uploaded .dot_button .edit{
    color: var(--black) !important;
  
}
.post_without_thumbnail .dot_button span.edit.edit-dots {
    color: #4a4a4a !important;
}
.dark-theme .tab_folder .search_folders h3.content_title,
.dark-theme .tab_folder .search_folders h3.content_title > div{  color: var(--white)}
.tab_folder .search_folders h3.content_title {
    font-size: 1.0em;
    color: #4a4a4a;
    display: flex;
    align-items: center;
}

.tab_folder .search_folders h3.content_title span {
    color: var(--black);
    font-size: 0.5em;
    padding-left: 5px;
    padding-top: 5px;
}


.popup-booking .thumbnail button .thumbnail_sub {
    float: left;
    width: 50%;
    height: 47px;
}
.popup-booking .thumbnail button .thumbnail_sub .blank_dev{
    background-color: #C4C4C4;
    width: 100%;
    height: 100%;
}

.popup-booking .thumbnail {
    width: 100%;
    border-radius: 13px;
    overflow: hidden;
    position: relative;
    border: 2px solid #6dc10600;
}
.dot_button_filter ul.list-dots {
    position: absolute;
    width: 100%;
    min-width: 240px;
    right: 0;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    z-index: 999;
    padding: 7px 15px 5px;
    top: 68px;
    box-shadow: 0px 7px 34px rgba(0, 0, 0, 0.13);
}

.dark-theme .tab_folder .thumbnail .dot_button ul.list-dots, 
.dark-theme .popup-booking .thumbnail .dot_button ul.list-dots,
.dark-theme .menu_button li.btn {
    background-color: #151515;
}
.dark-theme .content.post_content{
    box-shadow: 0px 20px 26px rgb(90 82 58 / 23%);
}
.dark-theme .popup-booking .thumbnail{
    box-shadow: inherit; 
}
.dark-theme .tab_folder .thumbnail .dot_button ul.list-dots li button, 
.dark-theme .popup-booking .thumbnail .dot_button ul.list-dots li button,
.dark-theme .dot_button_filter ul.list-dots li button {
    color: #fff;
}
.dark-theme .dot_button_filter ul.list-dots {
    background-color: #151515;
}
.dark-theme .tab_folder {
    background: #151515;
    box-shadow: inherit;
}
.dark-theme .tab_folder .search_folders h3.content_title span,
.dark-theme  .left_search_folders h3{
    color: #fff;
}
.dark-theme .tophr{ border-top: 1px solid rgb(89 89 89);}
.dark-theme .wapper_book_popup .search_folders,
.dark-theme .tab_folder .search_folders {
    border-bottom: 1px solid rgb(89 89 89);
}


.dark-theme .menu_button li.btn.active, .dark-theme .menu_button li.btn:hover {
    background-color: var(--green);
}

.dot_button_filter {
    position: relative;
}

.dot_button_filter ul.list-dots li {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 18px 12px 18px 12px;
    width: 100%;
}
.dot_button_filter ul.list-dots li:last-child{border: 0;}

.dot_button_filter ul.list-dots li button {
    color: var(--gary-dark);
    font-size: 0.66em;
    display: flex;
    padding-left: 0;
    background-position: left;
    font-weight: 700;
    height: auto;
    width: 100%;
    justify-content: center;
}
.popup_folder .thumbnail {
    border: 4px solid #6dc106;
}

.tab_folder .thumbnail .dot_button,
.popup-booking .thumbnail .dot_button{
    position: absolute;
    right: 20px;
    width: auto;
    z-index: 9;
    cursor: pointer;
}
.content.post_content p{font-size: 0.6em;word-break: break-word;}
.content.text_img_wapper.post_content p {
    color: #fff;
    font-size: 0.6em;
    word-break: break-word;
}
.content.post_content p.post_title,
.content.text_img_wapper.post_content p.post_title{
    font-size: 0.8em;
}
.post_folder .book_mark_list{    margin-bottom: 20px;}
body.dark-theme .two_button .cancel{box-shadow: inherit;color: #fff;
    border: 1px solid rgb(255 255 255);}
body.dark-theme .main_folder_pop-waper .main_folder_pop button{color: #fff;}
body.dark-theme .two_button{box-shadow: inherit;color: #fff;}
/* body .two_button{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    max-width: 710px;
    margin: auto;
    width: 100%;
    padding: 23px 30px 40px;
    color: #636363;
    font-size: 20px;
} */
body .two_button {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    max-width: 1175px;
    margin: auto;
    width: 100%;
    padding: 104px 30px 22px;
    color: #636363;
    font-size: 20px;
    position: fixed;
    bottom: 0px;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 53.12%);
    right: 0;
}
.dash_silder_recipes .text_wrper button.new_added_book {
    background-position: right;
}

.main_folder_pop-waper .main_folder_pop button {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #636363;
    opacity: 50%;
    margin-right: 9px;
}
.main_folder_pop-waper {
    width: 100%;
}
body .two_button button{height: 46px;text-transform: capitalize;background-color: #FA9600;max-width: 324px;width: 100%;font-weight: 800;font-size: 0.8em;
/* or 23px */text-align: center;letter-spacing: -0.02em;color: #FFFFFF;}
body .two_button .cancel{margin-right: 17px;background-color: transparent;border: 1px solid rgba(99, 99, 99, 0.5);box-shadow: 0px 20px 27px rgba(223, 224, 221, 0.6);color: #636363;margin-left: 20px;}
body .overlay_div_color img{height: 100% !important;border-radius: 0 !important; }
body .overlay_div_color{/* border-radius: 20px; *//* overflow: hidden; */height: 100%;position: relative;}
/* body .popup-booking .folder_limit_images:before, */
.overlay_div_color:before,
.popup-booking .folder_limit_images:before,
.popup-booking .thumbnail_sub:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
.wapper_book_popup .search_folders div {
    width: auto;
}
.wapper_book_popup .search_folders{margin-bottom: 23px;border-bottom: 1px solid rgba(0, 0, 0, 0.11);justify-content: center;padding-bottom: 15px;padding-top: 15px;}
.savepopup div {width: 100%;}
.content.post_content {
    border-radius: 20px;
    padding: 40px 25px;
    overflow: hidden;
    box-shadow: 0px 0px 21px rgb(99 99 99 / 20%);
}
.content.text_img_wapper.post_content {
    position: absolute;
    bottom: 15px;
    z-index: 99;
    width: 100%;
    padding: 0px 20px;
    box-shadow:none;
}

.tab_folder .thumbnail .dot_button  span.edit.edit-dots,
.popup-booking .thumbnail .dot_button span.edit.edit-dots {
    color: #fff;
}
.tab_folder .thumbnail .dot_button ul.list-dots li:last-child,
.popup-booking .thumbnail .dot_button ul.list-dots li:last-child{border: 0;}
.tab_folder .thumbnail .dot_button ul.list-dots li ,
.popup-booking .thumbnail .dot_button ul.list-dots li {
    border-bottom: 1px solid rgba(176, 176, 176, 0.15);
    padding: 10px 0 10px 0px;
    width: 100%;
}
.thumbnail.post_thumbnail{position: relative;}
.tab_folder .thumbnail .dot_button ul.list-dots button,
.popup-booking .thumbnail .dot_button ul.list-dots button {
    color: var(--gary-dark);
    font-size: 0.66em;
    display: flex;
    padding-left: 0;
    background-position: left;
    font-weight: 700;
    height: auto;
    width: 100%;
    justify-content: center;
}
.tab_folder .thumbnail .dot_button ul.list-dots,
.popup-booking .thumbnail .dot_button ul.list-dots {
    position: absolute;
    width: 100%;
    min-width: 110px;
    right: 0;
    background: #FBFBFB;
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.26);
    border-radius: 16px;
    overflow: hidden;
}
.popup-booking .thumbnail button .thumbnail_sub img {
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}
.wapper_book_popup button.green_bg.btn {
    width: 100%;
    max-width: 316px;
    margin: auto;
    display: flex;
}
.tophr{border-top: 1px solid rgba(0, 0, 0, 0.11);padding-top: 42px;}
.right_search_folders .add{
    background-image: url(../images/folder_popup_add.svg);
    color: #ffffff00;
    margin-left: 5px;
    width: 35px;
    height: 27px;
    font-size: 0;
}
.new_added_book {
    background-image: url(../images/booknewicon.svg);
    color: #ffffff00;
    margin-left: 0;
    width: 100%;
    height: 100%;
    /* font-size: 0; */
    background-size: 25px;
    background-position: center;
    border-left: 1px solid #F0F0F0;
}
.search_folders #searching input {
    background-image: url(../images/search-icon-orange.svg);
    background-color: transparent;
    background-size: 21px;
}
.search_folders #searching input:focus{margin-right: 12px;width: 230px;}
.dark-theme .search_folders #searching input{background-color: transparent !important;}
.search_folders div#searching {
    position: relative;
    right: -8px;
}
.left_search_folders h3{
    font-size: 1.0em;
}
.search_folders input {
    background-image: url(../images/search-icon-orange.svg);
    background-repeat: no-repeat;
    background-position: 95%;
    border: 1px solid rgba(99, 99, 99, 0.5) !important;
    border-radius: 41px;
    background-color: transparent;
}
.search_folders {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    align-items: center;
}
.right_search_folders {
    display: flex;
    align-items: center;
}
.search_folders input::-webkit-input-placeholder,
.wapper_book_popup input::-webkit-input-placeholder {
    /* Edge */
    color: var(--gray);
    font-size: 18px;
}
.search_folders input:-ms-input-placeholder,
 .wapper_book_popup input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--gray);
    font-size: 18px;
}
.search_folders input::placeholder 
 .wapper_book_popup input::placeholder {
    color: var(--gray);
    font-size: 18px;
}
body .savepopup .vm--modal {
    max-width: 940px;
    width: 100% !important;
    padding: 48px 55px;
}

.tab_folder .popup-booking .book_mark_list input[type="text"],
.wapper_book_popup .popup-booking .book_mark_list input[type="text"] {
    border-radius: 6px;
    background-image: none;
    height: 38px;
    margin-top: 13px;
    color: var(--green);
    font-size: 0.9em;
    font-weight: 700;
}
.select_img_folder {
    position: absolute;
    left: -8px;
    z-index: 9;
    top: -10px;
}

.popup-booking .thumbnail div {
    width: 100%;
}
.tab_folder {
    background: #FFFFFF;
    box-shadow: 0px 20px 26px rgb(223 224 221 / 42%);
    border-radius: 20px;
    padding: 16px 25px;
    margin-bottom: 30px;
}

.tab_folder .popup-booking .book_mark_list{
    width: 28%;
    margin-right: 8%;
}
.tab_folder  .popup-booking .book_mark_list:nth-child(3n){margin-right: 0;}
/* .tab_folder  .popup-booking .book_mark_list:nth-child(4n){margin-right: 8%;} */
.tab_folder .search_folders{padding-bottom: 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.11);margin-bottom: 34px;}

.tab_folder  .new_added_book {
    margin-left: 5px;
    background-size: 28px;
    background-position: right;
}

.search_folders button.delete_icon.hide{
    opacity: 0.6;
    pointer-events: none;
}
.search_folders button.delete_icon{
    background-image: url(../images/delete_icon_folder.svg);
    width: 100%;
    height: 100%;
    font-size: 0;
    background-position: center;
    margin-left: 0;
}
.search_folders button.filter {
    background-image: url(../images/filter.svg);
    width: 100%;
    height: 100%;
    font-size: 0;
    background-position: center;
    margin-left: 0;
    border-right: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
}


/* The container */
.select_img_folder {
    display: block;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
  }
  
  /* Hide the browser's default checkbox */
  body .select_img_folder input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 28px !important;
    width: 28px !important;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 9999;
  }
  
  /* Create a custom checkbox */
  .select_img_folder .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: #fff;
    border: 2px solid #FF1F00;
    border-radius: 100%;
  }
  
  /* On mouse-over, add a grey background color */
  .select_img_folder:hover input ~ .checkmark {
    background-color: #fff;
  }
  
  /* When the checkbox is checked, add a blue background */
  .select_img_folder input:checked ~ .checkmark {
    background-color: #FF1F00;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .select_img_folder input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .select_img_folder .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }


 


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

body .savepopup .vm--modal button.cross_icon {
    top: 9px;
    right: 14px;
}

}
@media only screen and (max-width: 1180px){

    .dash_silder_recipes .text_wrper .social_btn .comment:after {
        right: -19px;
    }
}
.dash_silder_recipes .text_wrper .social_btn button.share:after {
    right: -36px;
}
@media only screen and (max-width: 650px){
    .search_folders #searching input::placeholder{font-size: 13px;}
    .search_folders #searching input:focus{margin-right: 0px;}
    .search_folders #searching input:focus {
        padding: 0 15px 0px 30px;
    }
    body .search_folders #searching input:focus{
        background-position: 4%;
        width: 100% !important;
    }
    .dot_button_filter ul.list-dots{right: -80px;}
    .search_folders div#searching{
        display: flex;
        justify-content: center;
    }
    body .right_search_folders{flex-wrap: wrap;
        width: 100%;
        justify-content: center;}
        body .tab_folder{padding: 16px 14px;}
    .search_folders #searching input{width: 38px !important; height: 38px;background-position: center;}
    body .two_button .cancel{margin-left: 0;}
    span.sel_text {
        float: left;
        width: 100%;
        text-align: center;
    }
    .tab_folder .new_added_book{background-size: 24px;}
    .main_folder_pop-waper {
        text-align: center;
        padding-bottom: 16px;
    }
    body .two_button {
        flex-wrap: wrap;
    }
    body .savepopup .vm--modal button.cross_icon {
        top: 20px;
        right: 20px;
    }
    .left_search_folders h3{padding-bottom: 15px;}
    .search_folders {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    body .search_folders .left_search_folders {
        float: left;
        width: 100%;
        text-align: center;
    }
    .tab_folder .popup-booking .book_mark_list{width: 100%;max-width: 190px;margin: 11px 11px !important;}
    body .addcontentpopup .bookmark-listing .book_mark_list {
        width: 100% !important;
        max-width: 190px;
        margin: 11px 11px !important;
    }
    body .addcontentpopup .left_search_folders h3{padding-bottom: 0;}
    body .addcontentpopup .bookmark-listing{justify-content: center;}
    .popup-booking .book_mark_list{width: 100%;/* max-width: 190px; *//* margin: 11px 11px !important; */}
    .popup-booking .book_mark_list,
    .popup-booking .book_mark_list:nth-child(4n) {
        margin-right: 0%;
    }
    .popup-booking{justify-content: center;}
    .tab_folder .popup-booking .book_mark_list,
    .tab_folder .popup-booking .book_mark_list:nth-child(4n){ margin-right: 0%;}
    body .addcontentpopup .right_search_folders{justify-content: center !important;}

}

.addcontentpopup .book_mark_list.popup_folder .thumbnail {
    border-radius: 20px;
    overflow: hidden;
}

.thumbnail {
    border: 4px solid #6dc10600;
}

body .addcontentpopup .vm--modal {
    width: 100% !important;
    max-width: 1000px;
}

body .addcontentpopup .bookmark-listing .book_mark_list {
    width: 22%;
    margin-right: 4%;
}

body .addcontentpopup .bookmark-listing  .book_mark_list:nth-child(4n) {
    margin-right: 0;
}

body .addcontentpopup .bookmark-listing  .book_mark_list:nth-child(3n) {margin-right: 4%;}

body .addcontentpopup .bookmark-listing  .book_mark_list p.post_title {
    color: var(--green);
    font-weight: 800;
    font-size: 0.8em;
}

body .addcontentpopup .vm--modal div {
    width: 100%;
}

body .addcontentpopup .right_search_folders{justify-content: end;}
body .addcontentpopup .button_both{display: flex;padding-top: 40px;border-top: 1px solid rgba(0, 0, 0, 0.11);justify-content: center;}
body .addcontentpopup .button_both .cancel_btns{
    background-color: transparent;
    color: #636363;
    border: 1px solid rgba(99, 99, 99, 0.5);
    box-shadow: 0px 20px 26px #DFE0DD;
    text-decoration: none;
}

body.dark-theme .addcontentpopup .button_both .cancel_btns{box-shadow: inherit;color: #ffffff;border: 1px solid rgb(255 255 255 / 50%);}

body .addcontentpopup .bookmark-listing .book_mark_list .post_user_name {
    font-size: 12px;
    font-weight: 600;
}
body .addcontentpopup .bookmark-listing .book_mark_list p.post_text {
    font-size: 16px;
    font-weight: 600;
}

body .addcontentpopup .bookmark-listing .book_mark_list .post_content_wapper {
    padding-top: 13px;
    padding-left: 9px;
    padding-bottom: 10px;
}
body .addcontentpopup .button_both .btn {
    max-width: 220px;
    margin: 0 14px;
}
body .addcontentpopup .blnk_wappera {
    height: 182px;
}

span.less_than {
    background-image: url(../images/breadcurb_icon.svg);
    width: 9px;
    height: 15px;
    margin: 0 10px;
}
.popup-form .popup-field:nth-child(3) p.text-danger {
    position: absolute;
}
.sort_active{background-image: url(../images/sort_active.svg);background-repeat: no-repeat;background-position: 96%;}

.login_popup .error_text {margin-top: 50px;}


.dash_silder_recipes .text_wrper .social_btn .bookmark:before {
    content: "";
    width: 100%;
    position: absolute;
    background-image: url(../images/unsave.svg);
    width: 25px;
    height: 25px;
    left: 7px;
    top: 1px;
    background-size: 14px;
}
.shared_text {
    display: flex;
    align-items: center;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 118.4%;
/* or 12px */
    color: #4A4A4A;
    padding: 7px 0px;
}
.dark-theme .shared_text p a {
    color: var(--white);
}
.shared_text p a {
    color: var(--black);
}

.shared_text svg {
    margin-right: 11px;
}
span.shared_bold {
    font-weight: 900;
}

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

.dash_silder_recipes .text_wrper .social_btn button.share:after,
.dash_silder_recipes .text_wrper .social_btn button:after {
    right: -20px;
}
.dash_silder_recipes .text_wrper .social_btn .comment:after{right: -14px;}
}

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

    .dash_silder_recipes .text_wrper .social_btn button.share:after, 
    .dash_silder_recipes .text_wrper .social_btn button:after{right: -30px;}
.dash_silder_recipes .text_wrper .social_btn .comment:after {
    right: -27px;
}
.toasted-container.bottom-center {
    top: 46% !important;
    bottom: inherit !IMPORTANT;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
}
}

@media only screen and (max-width: 480px){
    body .savepopup .vm--modal,
    body .addcontentpopup .vm--modal{max-width: 300px;}
    body .addcontentpopup .vm--modal .bookmark-listing{margin-bottom: 0;}
    body .dash_silder_recipes .text_wrper .social_btn button:after,
    .dash_silder_recipes .text_wrper .social_btn button.share:after, 
    .dash_silder_recipes .text_wrper .social_btn button:after{display: none;}

}


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

    .side_bar_list.col_3.pl-5.fixed{
        right: 16%;
    }
}

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

    .side_bar_list.col_3.pl-5.fixed{ right: 12%;}
}

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

    .side_bar_list.col_3.pl-5.fixed {
        right: 8%;
    }

}

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

    body .side_bar_list.col_3.pl-5.fixed {
        right: 30px;
    }
}

.vue-progress-path .progress {
    stroke: #6dc106 !important;
}


/* Header New design */

.left_block.d-flex.flex-align nav#top-menu {text-align: center;width: 100%;}
.left_block.d-flex.flex-align nav#top-menu ul{justify-content: center;}
header .left_block.d-flex.flex-align {width: 100%;}
.header .right_block a.login-text img {height: 100%;max-width: 23px;}
.header .right_block.d-flex.flex-align {max-width: 210px;width: 100%;justify-content: right;}
.login.d-flex.flex-align.profile_div .name a{font-weight: 600;}
.header span.span_drop img {width: 100%;height: 100%;object-fit: contain;display: block;}
.header .dashboard_menu .menu ul li span {display: inline-block;position: relative;top: 3px;left: -6px;}

/* Save popup */

.wapper_book_popup .save_slide_image .bookmark-listing.popup-booking .book_mark_list {width: 100%;padding: 0 12px;margin: 0;}
.wapper_book_popup:after {content: "";position: absolute;bottom: -12px;right: 73px;background-image: url(../images/savepopup_arrow.svg);width: 24px;height: 12px;}
.wapper_book_popup {position: absolute;left: 0;right: 0;z-index: 999;bottom: 68px;background-color: #fff;padding-bottom: 20px;}
.wapper_book_popup .search_folders div.right_search_folders {position: absolute;right: 25px;}
.wapper_book_popup .save_slide_image .bookmark-listing.popup-booking .content h3 {font-size: 0.66em;text-align: center;width: 100%;margin-top: 5px;text-transform: capitalize;}
.wapper_book_popup .save_slide_image .bookmark-listing.popup-booking .content {width: 100%;text-align: center;}
body .wapper_book_popup .inner_slider {padding: 0 30px;}
.overlay_class {position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: #5B5B5B;opacity: 0.4;z-index: 99;}
.wapper_book_popup .search_folders h3 {font-size: 0.8em;}
button.back_icon {background-image: url(../images/backarrow.svg);width: 10px;height: 15px;font-size: 0;}
.placeholder_folder {border: 1px solid #6DC106;overflow: hidden;border-radius: 13px;display: flex;align-items: center;justify-content: center;}
body .placeholder_folder img {max-width: 25px;height: 20px !important;border-radius: 0 !important;}
.dark-theme .wapper_book_popup .upper_div{border-bottom: 1px solid #313131;}
.wapper_book_popup .upper_div {display: flex;align-items: center;padding: 13px 30px;border-bottom: 1px solid #E7E7E7;}
.wapper_book_popup .upper_div h3 {font-size: 0.8em;}
.wapper_book_popup .upper_div button.save_button {font-size: 0.72em;color: var(--gary-dark);font-weight: 700;font-family: 'Nunito';}
.wapper_book_popup .lower_div {padding: 32px 30px;margin-bottom: 60px;}
.wapper_book_popup .lower_div input.create_folder {border: 1px solid #C6C6C6;border-radius: 10px;height: 43px;}
.dark-theme .wapper_book_popup .upper_div button.save_button,
.dark-theme .wapper_book_popup .upper_div h3{color: var(--white);}
.dark-theme .wapper_book_popup:after {background-image: url(../images/savepopup_arrow_white.svg);}
.dark-theme button.back_icon {background-image: url(../images/backarrow_white.svg);}


/* profile header */


.edit_profile_button a {display: inline-block;border: 1px solid #C4C4C4;border-radius: 200px;font-weight: 600;font-size: 16px;letter-spacing: -0.02em;color: #636363;background-image: url(../images/new_edit_icon.png);padding: 10px 17px 11px 39px;background-position: 12%;margin-left: 15px;max-width: 147px;width: 100%;text-align: center;margin-top: -4px;}
.profile_header .profile_col .text_wrper .following_media.social_icon li {margin-right: 9px;}
.profile_header .bio-stash {display: inline-block;width: 100%;padding-top: 8px;}
.profile_header .bio-stash h5,
.profile_header .bio-stash div,
.profile_header .bio-stash p {font-size: 0.72em; color:#4A4A4A;line-height: normal;}
.profile_header .bio-stash p a{color: var(--orange);text-decoration: underline;}
.profile_header .bio-stash h5{font-weight: 900;}
.profile_header .bio-stash div{padding: 8px 0;}


/* User wall tab */

.wall_tab_sec .menu_button ul li {max-width: 100%;width: 100%;border-radius: 0;height: 55px;border-bottom: 1px solid hwb(0deg 39% 61% / 40%);color: #636363;}
.wall_tab_sec .menu_button ul li.mr-2.tab.btn:hover, .wall_tab_sec .menu_button ul li.mr-2.tab.btn.active {background-color: #fff;color: #6DC106;border-bottom: 1px solid #6DC106;}
.wall_tab_sec .menu_button ul li:last-child {margin-right: 0;}
.wall_tab_sec .menu_button ul li svg {margin-right: 10px;}
.wall_tab_sec .menu_button ul li.mr-2.tab.btn:hover svg path {stroke: #6DC106;}
.dark-theme .wall_tab_sec .menu_button ul li{color: var(--white);}

/* Recipe tab */

.force-slider.new_recipe_user_wall {display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.force-slider.new_recipe_user_wall > div {width: 30%;height: 194px;margin-bottom: 25px;margin-right: 25px;overflow: hidden;}
.force-slider.new_recipe_user_wall > div:nth-child(3n) {margin-right: 0;}
.force-slider.new_recipe_user_wall > div .col_4 {height: 100%;}
.force-slider.new_recipe_user_wall > div .col_4 .images_wrper { height: 100%;}
.force-slider.new_recipe_user_wall > div .col_4 .images_wrper .slide_image img {width: 100%;height: 100%;}
.force-slider.new_recipe_user_wall > div .dash_silder_recipes {height: 100%;}
.force-slider.new_recipe_user_wall > div .oembed-video:before{display: none;}

/* Saved Page */

.save_folder_container {margin-bottom: 90px;background-color: #fff;margin-top: 30px;padding-bottom: 30px;min-height: 74vh;}
.save_folder_container .search_folders {justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, 0.11);padding-bottom: 0;padding-top: 0;}
.save_folder_container .search_folders ul li.tab {text-transform: capitalize;font-style: normal;font-weight: 600;font-size: 16px;line-height: 22px;letter-spacing: -0.02em;color: #636363;cursor: pointer;border-radius: 0;border-bottom: 1px solid #0000;height: auto;padding: 22px 0px;margin: auto;width: 100%;}
.save_folder_container .search_folders ul li.tab svg {margin-right: 13px;}
.save_folder_container .search_folders ul li.tab:last-child {margin-right: 0;}
.save_folder_container .search_folders .recipe_and_post_section ul {display: flex;width: 100%;}
.save_folder_container .search_folders .recipe_and_post_section {width: 100%;max-width: 338px;padding-left: 0;}
.save_folder_container .parent_folder {display: flex;flex-wrap: wrap;margin-top: 30px;padding: 0 52px;justify-content: left;margin-bottom: 30px;}
.save_folder_container .parent_folder .save_slide_image {float: left;width: 17.60%;margin-right: 31px;margin-bottom: 20px;}
.save_folder_container .parent_folder .save_slide_image .book_mark_list {width: 100%;height: 172px;margin-right: 0;}
.save_folder_container .parent_folder .save_slide_image .book_mark_list .thumbnail {height: 100%;}
.save_folder_container .parent_folder .save_slide_image .book_mark_list .thumbnail button {height: 100%;}
.save_folder_container .parent_folder .save_slide_image .book_mark_list .thumbnail .thumbnail_sub {height: 84px;background-color: #EFEFEF;}
.save_folder_container .parent_folder .save_slide_image:nth-child(5n) {margin-right: 0;}
.save_folder_container .parent_folder .save_slide_image .book_mark_list .thumbnail button > div{height: 100%;}
.save_folder_container .parent_folder .save_slide_image .bookmark-listing.popup-booking {justify-content: center;}
.save_folder_container .parent_folder .content h3 {font-size: 0.7em;line-height: 1.2;padding-bottom: 10px;
     /* min-height: 65px; */
}
.save_folder_container .parent_folder .content p.post_user_name{font-size: 0.6em;font-weight: 700;}
.dark-theme .save_folder_container .search_folders ul li.tab:hover,
.dark-theme .save_folder_container .search_folders ul li.tab.active,
.save_folder_container .search_folders ul li.tab.active,
.save_folder_container .search_folders ul li.tab:hover{color: #6dc106;border-bottom: 1px solid #6dc106;}
.dark-theme .save_folder_container .search_folders ul li.tab.active svg path,
.dark-theme .save_folder_container .search_folders ul li.tab:hover svg path {stroke: #6dc106;}
.save_folder_container .search_folders ul li.tab:hover svg path {stroke: #6dc106;}
.dot_button_filter ul.list-dots li:hover button,
.dot_button_filter ul.list-dots li.sort_active button {color: var(--green);}
.save_folder_container .search_folders .right_search_folders > div.disable{pointer-events: none;}
.save_folder_container .search_folders .right_search_folders > div {position: relative;display: flex;align-items: center;width: 77px;height: 67px;justify-content: center;}
.dot_button_move .move_save {background-image: url(../images/moveicon.svg);width: 100%;height: 100%;font-size: 0;background-position: center;border-left: 1px solid #F0F0F0;}
.search_folders .saved_SearchFolder #searching input,
.search_folders .saved_SearchFolder #searching input:focus {background-size: 21px;margin-right: 0px;width: 100% !important;background-position: 95%;border: 0 !important;padding: 0 50px 0 20px;}
.save_folder_container .search_folders .right_search_folders .saved_SearchFolder {width: 350px;border-left: 1px solid #F0F0F0;}
.save_folder_container .search_folders .right_search_folders .saved_SearchFolder section {width: 100%;}
.save_folder_container .search_folders .right_search_folders .saved_SearchFolder div#searching {position: static;}
.search_folders .saved_SearchFolder #searching input::placeholder{opacity: 1 !important;color: #9E9E9E;}
.dark-theme .save_folder_container .search_folders .right_search_folders .saved_SearchFolder{border-left: 1px solid #313131;}

.search_folders .dot_button_move.active,
.search_folders .dot_button_delete.active,
.search_folders .dot_button_added.active,
.search_folders .dot_button_filter.active,
.search_folders .dot_button_delete:hover,
.search_folders .dot_button_added:hover,
.search_folders .dot_button_move:hover,
.search_folders .dot_button_filter:hover {background-color: #FA9600;}

.search_folders .dot_button_move.active .move_save,
.search_folders .dot_button_move:hover .move_save {background-image: url(../images/moveicon-white.svg);width: 100%;height: 100%;font-size: 0;background-position: center;}

.search_folders .dot_button_filter.active button.filter,
.search_folders .dot_button_filter:hover button.filter{background-image: url(../images/filter_white.svg);}
.search_folders .dot_button_delete.active button.delete_icon{background-image: url(../images/delete_icon_folder_white.svg);}
.search_folders .dot_button_delete:hover button.delete_icon{background-image: url(../images/delete_icon_folder_white.svg);}
.search_folders .dot_button_added.active button.new_added_book{background-image: url(../images/booknewicon_white.svg);}
.search_folders .dot_button_added:hover button.new_added_book{background-image: url(../images/booknewicon_white.svg);}
.search_folders .dot_button_added .new_folder_input {position: absolute;top: 69px;right: 0;background: #FFFFFF;z-index: 99;width: 404px;display: flex;align-items: center;padding: 16px 0;border-top: 0;box-shadow: 0px 7px 34px rgba(0, 0, 0, 0.13);}
.dark-theme .search_folders .dot_button_added .new_folder_input {border: 1px solid #313131;border-top: 0;}
.search_folders .dot_button_added .new_folder_input input.create_folder {background-image: none;border-radius: 0;border-bottom: 0 !important;border-left: 0 !important;border-top: 0 !important;height: 38px;border-right: 1px solid #F0F0F0 !important;padding: 0 19px;}
.search_folders .dot_button_added .new_folder_input button.save_button {padding: 0 19px;font-weight: 700;font-size: 14px;line-height: 19px;display: flex;align-items: center;letter-spacing: -0.02em;color: #4A4A4A;}
.search_folders .dot_button_added .new_folder_input input.create_folder::placeholder{color: #4A4A4A;opacity: 1;}
.heading_folders_area {    margin-bottom: 40px;display: flex;justify-content: center;position: relative;padding: 25px 0 0;}
.heading_folders_area button.less_than {position: absolute;left: 54px;top: 32px;background-image: url(../images/backarrow.svg);width: 10px;height: 15px;font-size: 0;}
.heading_folders_area h3.content_title {font-size: 1em;font-weight: 800;}
.save_folder_container .parent_folder .content {text-align: center;}
.save_folder_container .parent_folder .content span.rating {text-align: center;float: none;}

.save_folder_container .search_folders .right_search_folders .dot_button_move > div .select2-container span.select2-selection.select2-selection--single span#select2--container span.select2-selection__placeholder {color: #4A4A4A;}
.save_folder_container .search_folders .right_search_folders .dot_button_move > div .select2-container span.select2-selection.select2-selection--single {height: 67px;border: 0;background-image: url(../images/move_searchicon.svg);border-radius: 0;}
.save_folder_container .search_folders .right_search_folders .dot_button_move > div {position: absolute;top: 69px;right: 0;background: #FFFFFF;box-shadow: 0px 7px 34px rgb(0 0 0 / 13%);z-index: 99;width: 279px;display: flex;align-items: center;}
.save_folder_container .search_folders .right_search_folders .dot_button_move > div div {width: 100%;}
.save_folder_container .search_folders .right_search_folders .dot_button_move > div div select {width: 100%;}
.save_folder_container .search_folders .right_search_folders .dot_button_move > div .select2-container {width: 100% !important;}
.div-flag {display: flex;align-items: center;}
.div-flag img {width: 100%;}
.dropdown_img {display: flex;align-items: center;flex-wrap: wrap;}
.dropdown_img .img-flag {width: 100%;max-width: 51px;border-radius: 13px;overflow: hidden;height: 51px;}
.dropdown_img .img-flag img {width: 100%;height: 100%;}
.dropdown_img .title_name {
font-size: 14px;
line-height: 19px;
display: flex;
align-items: center;
letter-spacing: -0.02em;
color: #4A4A4A;
margin-left: 18px;
}
.parent_content.parent_folder.save_post_list {
    column-count: 2;
    column-gap: 70px;
    display: block;
    position: relative;
}
.dark-theme .save_post_list .save_slide_image.save_post_listing{border-bottom: 1px solid #313131;}
.dark-theme .parent_content.parent_folder.save_post_list:before{border-right: 1px solid #313131;}
.parent_content.parent_folder.save_post_list:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    border-right: 1px solid #F0F0F0;
    height: 100%;
    margin: auto;
    width: 2px;
}
.parent_content.parent_folder.save_post_list .col_4 {
    padding-right: 20px;
    padding-left: 20px;
}
.parent_content.parent_folder.save_post_list .text_wrper.avatar_wrapper {
    padding-left: 0;
}
.parent_content.parent_folder.save_post_list .text_wrper.avatar_wrapper .content{
    text-align: left;
    /* min-height: 50px; */
}
/* .parent_content.parent_folder.save_post_list .text_wrper.avatar_wrapper .content br{
    display: none;
} */

.parent_content.parent_folder.save_post_list .dash_silder_recipes .images_wrper{height: 201px;}
.save_post_list .save_slide_image.save_post_listing,
.save_post_list .save_slide_image.save_post_listing .bookmark-listing.popup-booking,
.save_post_list .save_slide_image.save_post_listing .bookmark-listing.popup-booking .dash_silder_recipes {width: 100% !important;margin-bottom: 10px;max-width: 100% !important;}
span.select2-dropdown.form-control.move_content.select2-dropdown--below {
    border: 0;
    border-radius: 0 !important;
}
.dark-theme .move_content .select2-results__options li {
    border: 1px solid #313131;
    border-radius: 13px;
    overflow: hidden;
}
.dark-theme .save_folder_container .search_folders .right_search_folders .dot_button_move > div .select2-container span.select2-selection.select2-selection--single span#select2--container span.select2-selection__placeholder,
.dark-theme .search_folders .dot_button_added .new_folder_input button.save_button,
.dark-theme .dropdown_img .title_name {
    color: #fff;
}
.dark-theme header #searching input{background-color: transparent !important;}
.dark-theme .search_folders .dot_button_added .new_folder_input input.create_folder,
.dark-theme .search_folders .dot_button_added .new_folder_input{background: #151515 !important;}
.dark-theme .search_folders .dot_button_added .new_folder_input input.create_folder::placeholder{color: #5E5E5E  !important;}
.dark-theme .save_folder_container .search_folders .right_search_folders .dot_button_move > div .select2-container span.select2-selection.select2-selection--single {
    border-bottom: 1px solid #ffffff40;
    background-image: url(../images/move_searchicon_white.svg);
}
.dark-theme .search_folders .dot_button_added .new_folder_input input.create_folder{    border-right: 1px solid #313131 !important;}
.dark-theme span.select2-dropdown.form-control.move_content.select2-dropdown--below ul {
    padding-top: 14px;
}

.move_content .select2-results__options::-webkit-scrollbar {
    background-color:#fff;
    width:6px
}
 .move_content .select2-results__options::-webkit-scrollbar-track {
    background-color:#fff;
    position: relative;
    z-index: 99;
}
 /* .move_content .select2-results__options::-webkit-scrollbar-track:hover {
    background-color:#7D7D7D;
    position: relative;
    z-index: 99;
} */
 .move_content .select2-results__options::-webkit-scrollbar-thumb{
   background-color: rgb(250 150 0);
    border-radius:0px;
    border: 3px solid rgb(250 150 0);
    position: relative;
    z-index: 99;
}
 .move_content .select2-results__options::-webkit-scrollbar-thumb:hover {
   background-color: rgb(250 150 0);
    border: 3px solid rgb(250 150 0);
    position: relative;
    z-index: 9;
}
 .move_content .select2-results__options::-webkit-scrollbar-button {
    display:none;
    z-index: 99;
}
.move_content .select2-results__options li{
    padding: 9px 7px;
    margin-bottom: 10px;
}
.move_content .select2-results__options .select2-results__option--highlighted{
background-color: #F9F9F9 !important;
border-radius: 13px;
color: #4A4A4A;
overflow: hidden;
}
.move_content .select2-results__options {
    padding: 4px 20px;
}

.srarting_post .upload_data .btn:hover svg path{fill: var(--white);}
.srarting_post .upload_data .btn:hover {background-color: var(--green);color: #fff;}
.dash_silder_recipes .text_wrper.avatar_wrapper {padding: 16px 25px 9px;}
.rating .vue-star-rating span.vue-star-rating-star {margin-right: 4px !important;}
body span.vue-star-rating-rating-text{margin-left: 2px !important;}
.shared:before {content: "";border-top: 1px solid #E7E7E7;display: block;margin: 0px 25px 0px;}
.dark-theme .shared:before{border-top: 1px solid #ffffff4a;}
.dash_silder_recipes .text_wrper.avatar_wrapper .content {padding-bottom: 0;}
.dark-theme .bootkit{background-color: transparent; box-shadow: none;border: 1px solid #313131;}
.dark-theme .bootkit a{color: var(--white) !important;}
.dark-theme .save_folder_container {background-color: #151515;}
.dark-theme .save_folder_container .search_folders{border-bottom: 1px solid #313131;}
.dark-theme .search_folders button.filter{border-right: 1px solid rgb(255 255 255 / 11%);border-left: 1px solid rgb(255 255 255 / 11%);}
.dark-theme button.add_save,
.dark-theme .dot_button_move .move_save,
.dark-theme .new_added_book{border-left: 1px solid #313131;}
.dark-theme .profile_header .profile_col .text_wrper .following_media ul li span.fo-count,
.dark-theme .profile_header .bio-stash h5, 
.dark-theme .profile_header .bio-stash div,
.dark-theme .profile_header .bio-stash p,
.dark-theme .profile_header .profile_col .text_wrper h4,
.dark-theme .save_folder_container .search_folders ul li.tab {color: #fff;}
.dark-theme .save_folder_container .search_folders ul li.tab svg path{stroke: #fff;}
.dark-theme .save_folder_container .search_folders ul li.tab svg line {stroke: #151515;}
.dark-theme .heading_folders_area button.less_than{background-image: url(../images/backarrow_white.svg);}
.dark-theme .heading_folders_area h3.content_title{color: var(--white);}
.dark-theme .move_content .select2-results__options .select2-results__option--highlighted {background-color: #151515 !important;}
.dark-theme .cover_image:before{background-color: #0f0e0e;}
.dark-theme .wall_tab_sec .menu_button ul li.mr-2.tab.btn:hover svg path,
.dark-theme .wall_tab_sec .menu_button ul li.mr-2.tab.btn.active svg path{
    stroke: var(--green);
}

.dark-theme .edit_profile_button a,
.dark-theme .comment-edit .edit-dots, .dark-theme .action_buttons .edit-dots{color: #fff;}
.dark-theme .wall_tab_sec .menu_button ul li svg path {
    stroke: #fff;
}
.dark-theme .wall_tab_sec .menu_button ul li.mr-2.tab.btn svg line{stroke: #151515;}
.dark-theme .wall_tab_sec .menu_button ul li.mr-2.tab.btn:hover, 
.dark-theme .wall_tab_sec .menu_button ul li.mr-2.tab.btn.active{background-color: #151515;color: var(--green);}
.dark-theme .all_list_members .center_contain{background-color: #151515;}
.dark-theme .all_list_members .side_bar .top_recipe .content_wrap{box-shadow: none;}
.dark-theme .all_list_members .side_bar .top_recipe .content_wrap{
    border: 1px solid #313131;
}
.dark-theme .all_list_members .menu_button{border-bottom: 1px solid #313131;}
.dark-theme .wall_tab_sec .friend_list .content_wrap .btn_wrapper{ border-top: 1px solid #313131;}
.dark-theme .wall_tab_sec.all_list_members .friend_list .content_wrap .btn_wrapper .btn, 
.dark-theme  .wall_tab_sec.all_list_members .friend_list .content_wrap .btn_wrapper button{color: var(--white);border-right: 1px solid #313131;}
.all_list_members .menu_button {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F0F0F0;
    margin-top: 0;
}
.all_list_members .menu_button span.author-img {width: 100%;height: 39px;max-width: 39px;border-radius: 100%;overflow: hidden;margin-right: 22px;margin-left: 22px;}
.all_list_members .menu_button .tab_menu_center {
    width: 100%;
    max-width: 780px;
}
.all_list_members .center_contain {
    background-color: #fff;
    padding: 0px;
}
.all_list_members .center_contain .col_12 {
    padding: 0;
}
section.wrapper.wall_tab_sec.all_list_members .img-col {
    padding: 22px 0px;
}
section.wrapper.wall_tab_sec.all_list_members .img-col a{font-weight: 800;}
body .wall_tab_sec.all_list_members  .menu_button ul li {border: 0; margin: 0; max-width: 100%;width: 100%;border-radius: 0;height: 69px;font-weight: 600;font-size: 0.7em !important;line-height: 22px;}
.wall_tab_sec.all_list_members  .menu_button ul li.active,
.wall_tab_sec.all_list_members  .menu_button ul li:hover{color: var(--green) !important;border-bottom: 1px solid #6DC106;}

.wall_tab_sec.all_list_members  .friend_list .content_wrap .btn_wrapper .btn, 
 .wall_tab_sec.all_list_members  .friend_list .content_wrap .btn_wrapper button{
    font-size: 0.6em;
    width: 100%;
    padding: 19px 0;
    float: right;
    margin: 0;
    cursor: pointer;
    border-radius: 0;
    background-color: transparent !important;
    color: var(--black);
    border-right: 1px solid #E7E7E7;
    font-weight: 600;
}
.wall_tab_sec.all_list_members  .friend_list .content_wrap .btn_wrapper .btn:last-child, 
 .wall_tab_sec.all_list_members  .friend_list .content_wrap .btn_wrapper button:last-child{    border-right: 0px solid #E7E7E7;}
 section.wrapper.wall_tab_sec.all_list_members h4 {
    margin-bottom: 20px;
}
.dark-theme .wapper_book_popup {
    background-color: #151515;
}
.dark-theme .wapper_book_popup .search_folders h3{color: var(--white);}


/* Recipe upload New design */

.add_recipe .recipe_post_details.col_12 {
    padding-left: 0;
}
.field.b-slider_label span.left {
    display: none;
}
.add_recipe .form_wapper_bg {
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
    display: inline-block;
    padding: 50px 50px;
}
.add_recipe .recipe_post_details.col_6 button {
    background: #6DC106;
    border-radius: 0px 10px 10px 0px;
    color: #fff;
    font-weight: 700;
    font-size: 0.7em;
    line-height: 22px;
    height: 55px;
    padding: 9px 19px;
}
.add_recipe .recipe_post_details.col_6 button.btn{
    border-radius: 30px;
}
.dark-theme .b-slider .b-slider-track{
    background: #313131;
}
.privacy_dropdown_img {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 5px;
}
.privacy_dropdown_img .privacy_img_flag {
    margin-right: 12px;
    display: flex;
    align-items: center;
    position: relative;
    top: -2px;
}
.recipe_post_details .inner_field .privacy_recipe .select2 {
    max-width: 200px;
}
.import_url {
    display: flex;
    align-items: center;
    width: 100%;
}
body .range-silder > span:nth-child(3) {
    margin-right: 0;
}
.field.b-slider_label {
    position: relative;
    left: 0;
}
body .recipe_post_details .inner_field.nopersons label {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: auto;
}
.recipe_post_details .inner_field .import_url input {
    border: 1px solid #6DC106 !important;
}
.recipe_post_details .inner_field input{height: 55px;}
.add_recipe .recipe_post_details.col_6 .import_url button{position: absolute;right: 0;}
.select2-container--open .select2-dropdown {
    border-radius: 0 !important;
    border: 1px solid #e0d9d9c4!important;
}

.dark-theme .select2-container--open .select2-dropdown {
    border-radius: 0 !important;
}

body.dark-theme .select2-container--default .select2-selection--single{
    background-image: url(../images/dropdown_white.svg);
}
body.dark-theme .card.edit_profile_popup input,
body.dark-theme .edit_profile_popup .form-group label{
    color: var(--white);
}
body.dark-theme .form-group .form-control.vue-tel-input{background-color: transparent !important;border: 1px solid #313131;}
body.dark-theme .vti__dropdown-arrow{
    color: var(--white) !important;
}
.parent_content.parent_folder.save_post_list .select_img_folder {
    position: absolute;
    right: 36px;
    z-index: 9;
    top: 20px;
    left: inherit;
}
.save_folder_container .parent_folder .save_slide_image .bookmark-listing.popup-booking{
    position: relative;
}
.save_folder_container .parent_folder .content h3{
    position: relative;
    padding: 0 14px;
}
.save_folder_container .parent_folder .content input {
    font-size: 0.7em;
    color: var(--green);
    font-weight: 800;
}
button.rename {
    background-image: url(../images/edit-icon.svg);
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 0;
    width: 10px;
    height: 10px;
}

.save_post_list .save_slide_image.save_post_listing {
    border-bottom: 1px solid #F0F0F0;
    -webkit-column-break-inside: avoid;
}
button.add_save {
    background-image: url(../images/addded_icon.svg);
    width: 100%;
    height: 100%;
    font-size: 0;
    background-position: center;
    border-left: 1px solid #F0F0F0;
}
body .inner_input_three .error_text_wapper {
    position: relative;
}

header #searching input{font-size: 0;border-radius: 0;}
.dark-theme header #searching input:focus{border: 1px solid #313131 !important;}
header #searching input:focus{border: 1px solid #F0F0F0 !important;background-position: 95%;padding: 0 40px 0px 15px;}
.recipe_post_details .mention_editor .ProseMirror{margin-bottom: 0;}
.wapper_add_recipe {
    display: flex;
    flex-wrap: wrap;
}
.wapper_add_recipe .center_contain .upload_img_post {
    height: 100%;
    margin-top: 0;
}

.wapper_add_recipe .center_contain > div {
    height: 100%;
}
.two_btn {
    display: flex;
    float: left;
    width: 100%;
    justify-content: center;
}
.inner_input_three .col_1_div {
    max-width: 60px;
    width: 100%;
    height: auto;
}

.inner_input_three .col_1_div button {
    text-align: center;
    width: 100%;
    padding-top: 17px;
}

.inner_input_three .col_1_div svg {
    text-align: center;
    margin: auto;
    width: 100%;
}

.col_6_div {
    width: 100%;
    max-width: 690px;
    margin-right: 22px;
}

.col_quantity_div {
    width: 100%;
    max-width: 77px;
    margin-right: 22px;
}

.col_quantity_div .inner_field input[type="text"] {
    text-align: center;
}
.col_2_div {
    width: 100%;
    max-width: 140px;
    margin-right: 17px;
}

.col_2_div select {
    height: 55px;
    text-transform: capitalize;
    background-size: 10px;
}
.col_cut_div {
    width: 100%;
    max-width: 40px;
}

.text_move_field label {
    margin-bottom: 5px;
}

.text_move_field small {
    font-style: italic;
    font-weight: 600;
    font-size: 12px;
    line-height: 125.9%;
    letter-spacing: -0.02em;
    color: #9E9E9E;
    display: block;
}

.text_move_field {
    display: inline-block;
    width: 100%;
    margin-bottom: 36px;
}

.editor_marks {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #F2F2F2;
    border-radius: 3px 3px 0px 0px;
    padding: 9px 4px 8px;
}
.dark-theme .editor_marks{
    background: #2C2C2C;
}
.dark-theme .recipe_post_details .editor_wapper .mention_editor .ProseMirror{
    border: 1px solid #2C2C2C;
}
.editor_marks button {
    color: #000;
    padding: 0 11px;
    font-weight: 800;
}
.editor_marks button:hover,
.editor_marks button.is-active{
    color: var(--green);
}

.recipe_post_details .editor_wapper .mention_editor  .ProseMirror {
    border: 1px solid #E7E7E7;
    border-radius: 0px;
    border-top: 0;
}
.search_recipe_parent_list .search_recipe_list .search_recipe_img > div .slide_image {
    height: 100%;
}

.search_recipe_parent_list .search_recipe_list .search_recipe_img .silder_height_same > div {
    height: 100%;
}
.dark-theme .add_recipe .form_wapper_bg{background: #151515;}
.dark-theme .inner_input_three .orange{
    color: #5E5E5E;
}
.dark-theme .text_move_field small{
    color: #c8c8c8;
}
.dark-theme .tooltip-trigger .b-slider-thumb span{
    color: var(--white);
}
.dark-theme .privacy_dropdown_img .privacy_img_flag svg path,
.dark-theme .inner_input_three .col_1_div svg path {
    fill: #fff;
}

.search_dropdowm {
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
    width: 603px;
    min-width: 603px;
    margin: auto;
    padding: 25px;
}

.dark-theme .search_dropdowm{
    background: #151515;
}
.search_dropdowm .search_recipe_list.dash_silder_recipes {
    width: 100%;
}
.search_inner_wapper > h4 {
    font-weight: 800;
    font-size: 0.73em;
    padding-bottom: 22px;
}

.search_recipe_parent_list .search_recipe_list {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    width: 40%;
}
.dark-theme .search_recipe_parent_list span.author-text{
    color: var(--white) !important;
}

.search_recipe_parent_list .search_recipe_list .search_recipe_img {
    margin-right: 15px;
    width: 100%;
    max-width: 124px;
    height: 72px;
}

.search_recipe_parent_list .search_recipe_list .search_recipe_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search_recipe_parent_list .search_recipe_list .search_recipe_text h3 {
    font-weight: 800;
    font-size: 0.63em;
}

.search_recipe_parent_list .search_recipe_list .search_recipe_text h3 a {
    color: var(--black);
}

.search_recipe_parent_list span.author-text {
    display: inline-block;
    color: var(--black) !important;
    font-size: 0.63em !important;
    font-weight: 400 !important;
    width: 100%;
}

.search_recipe_parent_list span.author-text a {
    color: var(--black);
    font-weight: 800;
}
.show_all_list a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #FA9600;
    display: inline-block;
    margin-bottom: 18px;
}
.search_recipe_list_people .search_recipe_img {
    display: flex;
    align-items: center;
    max-width: 240px;
    width: 100%;
}

.search_recipe_list_people {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    justify-content: space-between;
}

.search_recipe_list_people .search_recipe_img img {
    width: 51px;
    height: 51px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 20px;
}

.search_recipe_list_people .search_recipe_img h3 {
    font-weight: 400;
    font-size: 0.63em;
}

.search_recipe_list_people .search_recipe_img h3 a {
    color: var(--black);
}

.search_recipe_list_people .search_recipe_img h3 span {
    font-weight: 800;
}

.search_recipe_list_people .search_recipe_text ul {
    display: flex;
    align-items: center;
}
.search_recipe_list_people .search_recipe_text ul li {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FA9600;
    margin: 0 10px;
}
.search_recipe_list_people .search_recipe_text ul li .fo-text{
    color: #FA9600 !important;
}
.search_recipe_list_people .search_recipe_text ul li span.fo-count {
    font-weight: 900;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #4A4A4A !important;
    display: inline-block;
    width: 100%;
    padding-top: 3px;
    
}
.search_recipe_list_people .search_recipe_text ul li a {
    color: #FA9600;
}
.search_inner_wapper > h4{
    position: relative;
}
.search_inner_wapper > h4:before {
    content: "";
    position: absolute;
    right: 0;
    background-color: #F0F0F0;
    height: 1px;
    width: 100%;
    top: 12px;
    max-width: 480px;
}
.search_recipe_parent_list .search_recipe_list.dash_silder_recipes .text_wrper.avatar_wrapper .content {
    padding-top: 15px;
}
.search_recipe_parent_list .search_recipe_list.dash_silder_recipes .text_wrper.avatar_wrapper {
    padding: 0;
}
.search_recipe_parent_list .search_recipe_list.dash_silder_recipes .text_wrper.avatar_wrapper span.author-text a {
    font-weight: 400;
}
textarea,
.ProseMirror,
input{caret-color: var(--orange) !important;
}
body .deletereview .vm--modal .modal-body p,
body .delete .vm--modal .modal-body p {
    font-size: 0.7em;
}
body .deletereview .vm--modal .modal-title,
body .deletecomment .vm--modal .modal-title,
body .delete .vm--modal .modal-title{
    text-align: center;
    margin-bottom: 5px;
    font-size: 1.3em;
    font-weight: 800;
    padding-top: 50px;
    color: var(--orange);
}
body .brand-popup .vm--modal h3.orange {
    text-align: center;
    margin-bottom: 29px;
    font-size: 1.3em;
    font-weight: 800;
    padding-top: 40px;
}
body .brand-popup .vm--modal > div .autocomplete.control {
    margin-bottom: 20px;
}
body .brand-popup .vm--modal label{font-weight: 800;font-size: 0.73em !important;line-height: 22px;letter-spacing: -0.02em;text-transform: uppercase;color: #4A4A4A;margin-bottom: 10px;display: block;}
/* .wapper_add_recipe .center_contain > div.class_added .upload_img_post .inner_upload .show_upload img{display: block;}
.wapper_add_recipe .center_contain > div.class_added .upload_img_post img,
.wapper_add_recipe .center_contain > div.class_added .upload_img_post h3,
.wapper_add_recipe .center_contain > div.class_added .upload_img_post p {
    display: none;
} */
.search_recipe_text .star-rating {
    top: 3px;
    margin-bottom: 7px;
}
.search_filter .search_inner_wapper {
    padding: 20px 38px;
}

.search_filter.save_folder_container .search_folders ul li.tab {
    padding: 22px 36px;
}

.search_filter.save_folder_container .search_folders ul li.tab svg path {
    stroke: #4A4A4A;
}
.save_folder_container.search_filter .search_folders {
    margin-bottom: 20px;
}
.dark-theme .save_folder_container.search_filter .search_inner_wapper > h4:before{    background-color: #313131;}
.save_folder_container.search_filter .search_inner_wapper > h4:before{max-width: 92%;}
.dark-theme .search_filter.save_folder_container .search_folders ul li.tab svg path{stroke: #fff;}
.search_filter.save_folder_container .search_folders ul li.tab:hover svg path,
.search_filter.save_folder_container .search_folders ul li.tab.active svg path{stroke: var(--green);}

.save_folder_container.search_filter .search_recipe_parent_list {
    display: flex;
    flex-wrap: wrap;
}

.save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list {
    width: 47%;
    margin-right: 50px;
}

.save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list .rating {
    line-height: 0;
}
.show_all_list {
    width: 100%;
}

.save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list_people {
    width: 46%;
    margin-right: 70px;
}
.save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list:nth-child(2n),
.save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list_people:nth-child(2n) {
    margin-right: 0;
}

.save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list_people .search_recipe_img {width: 100%;}
.save_folder_container.search_filter {
    padding-bottom: 0;
}
.dark-theme .search_recipe_parent_list .search_recipe_list .search_recipe_text h3 a {
    color: var(--white);
}

.dark-theme .search_recipe_parent_list span.author-text span a, .dark-theme .search_recipe_parent_list span.author-text {
    color: var(--white);
}
.dark-theme .search_recipe_parent_list .search_recipe_list .search_recipe_text h3 a {
    color: var(--white);
}

.dark-theme .search_recipe_parent_list span.author-text span a, .dark-theme .search_recipe_parent_list span.author-text {
    color: var(--white);
}

.dark-theme .search_recipe_list_people .search_recipe_img h3 a {
    color: var(--white);
}

.dark-theme .search_recipe_list_people .search_recipe_text ul li span.fo-count {
    color: var(--white) !important;
}

.dark-theme .search_recipe_parent_list span.author-text a {
    color: var(--white);
}




.name{position: relative;}
.img_wrap .span_drop{display: none;}
.dark-theme .recommend_brand img{opacity: 0;}
.dark-theme .recommend_brand span {
    background-image: url(../images/edit_white.svg);
    display: block;
    background-position: center;
}
.edit_post .recommend_brand span span {
    background-image: url(../images/edit.svg);
    display: block;
    padding-left: 18px;
    background-position: 1px 1px;
    color: #9E9E9E;
}
 .edit_post .recommend_brand > span, .dark-theme .edit_post .recommend_brand > span{background-image: none;}
.add_recipe .recipe_post_details.col_6 .mention_editor .ProseMirror {
    height: 130px;
}
body .deletereview .vm--modal .cross_icon,
body .deletecomment .vm--modal .cross_icon,
body .delete .vm--modal .cross_icon {
    display: none;
}
body .deletereview .vm--modal .modal-footer .btn:last-child,
body .deletecomment .vm--modal .modal-footer .btn:last-child,
body .delete .vm--modal .modal-footer .btn:last-child{border-right:0;}
body .deletereview .vm--modal .modal-footer .btn,
body .deletecomment .vm--modal .modal-footer .btn,
body .delete .vm--modal .modal-footer .btn {
    height: 100%;
    padding: 20px 20px;
    width: 100%;
    font-size: 0.7em;
    background-color: transparent;
    border-radius: 0;
    border-top: 1px solid #F0F0F0;
    color: var(--black);
    font-weight: 800;
    margin: 0;
    border-right: 1px solid #F0F0F0;
}

body.dark-theme .deletereview .vm--modal .modal-footer .btn,
body.dark-theme .deletecomment .vm--modal .modal-footer .btn,
body.dark-theme .delete .vm--modal .modal-footer .btn{
    border-top: 1px solid #F0F0F0;
    color: var(--white);
}
body .deletereview .vm--modal > div,
body .deletecomment .vm--modal > div,
body .delete .vm--modal > div {
    width: 100%;
}
body .deletereview .vm--modal .modal-body,
body .deletecomment .vm--modal .modal-body,
body .delete .vm--modal .modal-body {
    margin-bottom: 50px;
}
/* .dark-theme .comment_post{border-top: 0.5px solid #313131;} */

body .search_wrap .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered span, 
body .search_wrap .control .dropdown-menu .dropdown-content .dropdown-item:hover span,
body .search_wrap .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered,
 body .search_wrap .control .dropdown-menu .dropdown-content .dropdown-item:hover{ background-color: transparent !important;}
body .search_wrap .search_recipe_list_people .search_user_card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body .search_wrap  .control .dropdown-menu .dropdown-content{padding: 23px 18px;}
.search_recipe_list_people .search_recipe_img h3 a{font-weight:800;}
body .search_wrap  .search_recipe_parent_list .search_recipe_list{width: 100%;margin-right: 0;}
body .search_wrap span.fa.fa-star {
    color: var(--orange) !important;
}
body .search_wrap .dash_silder_recipes .right .post-date-time span.dot,
body .search_wrap .dash_silder_recipes .right .post-date-time{color: #9F9F9F !important;}
body .search_wrap  .dash_silder_recipes .text_wrper.avatar_wrapper{padding: 0;}

body .search_wrap .search_recipe_parent_list .search_user_card .dash_silder_recipes {
    margin-bottom: 22px;
}

.search_recipe_parent_list span.fa.fa-star {
    font-size: 16px;
    margin-right: 3px;
}

.save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list_people .search_user_card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.save_folder_container.search_filter .all_recipe_listing.search_recipe_parent_list .search_recipe_list_people,
.save_folder_container.search_filter .all_recipe_listing.search_recipe_parent_list .search_recipe_list{width: 100%;margin-right:0;}
.save_folder_container.search_filter .all_recipe_listing.search_recipe_parent_list .search_recipe_list .search_listing {
    width: 100%;
}
.save_folder_container.search_filter .all_recipe_listing.search_recipe_parent_list .search_recipe_list .search_listing.text_wrper.avatar_wrapper{padding: 0;}
.save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list .search_listing {
    width: 100%;
}
.search_recipe_parent_list .search_user_card .dash_silder_recipes,
body .search_wrap .search_recipe_parent_list .search_recipe_list{
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 13px;
}
body .search_wrap a.dropdown-item .search_recipe_list_people {
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 10px;
}
.dark-theme .search_filter .search_inner_wapper .search_recipe_list .search_recipe_list,
.dark-theme .search_filter .search_inner_wapper .search_recipe_list_people,
.dark-theme .parent_content.parent_folder.save_post_list .search_recipe_list,
body.dark-theme .search_recipe_parent_list .search_user_card .dash_silder_recipes,
body.dark-theme .search_wrap .search_recipe_parent_list .search_recipe_list,
body.dark-theme .search_wrap a.dropdown-item .search_recipe_list_people{border-bottom: 1px solid #313131;}
.parent_content.parent_folder.save_post_list .search_recipe_list{-webkit-column-break-inside: avoid;border-bottom: 1px solid #F0F0F0;}
.parent_content.parent_folder.save_post_list .search_recipe_list .dash_silder_recipes {
    margin-bottom: 10px;
}
.save_folder_container.search_filter  .search_recipe_list .dash_silder_recipes span.author-text a,
.search_recipe_parent_list span.author-text a{font-weight: 400 !important;line-height: normal;}
.save_folder_container.search_filter .all_recipe_listing.search_recipe_parent_list .search_recipe_list .dash_silder_recipes {
    margin-bottom: 0;
}
.search_filter .search_inner_wapper .parent_content.parent_folder.save_post_list {
    padding: 0;
    margin: 0;
}
.search_filter .search_inner_wapper .search_recipe_list .search_recipe_list{margin-bottom: 0; border-bottom: 1px solid #F0F0F0;
    padding-bottom: 15px;
}
.search_filter .search_inner_wapper .search_recipe_list_people {
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 13px;
}
.save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list .search_recipe_list{width: 100%;margin-right: 0;}
.save_folder_container.search_filter .all_recipe_listing.search_recipe_parent_list .search_recipe_list .text_wrper.avatar_wrapper{padding: 0;}
.search_recipe_parent_list .search_recipe_list .search_recipe_text h3{line-height: normal;}
.google-signin{border: 1px solid #e0d9d9c4;}
.dark-theme .google-signin{border: 0;}
.inner_upload .slick-slide {
    padding-right: 16px;
}
body .recipe_details_page span.vue-star-rating-rating-text{
    color: var(--black);
    position: relative;
    top: 2px;
}
.recipe_details_page .silder_height_same:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
body .slick-dots li button:before{
    color: #9E9E9E;
    opacity: 1;
    font-size: 8px;
}
body .slick-dots li.slick-active button:before{
    color: #FA9600;
    opacity: 1; 
}
body .slick-dots li{
    margin: 0;
}
.editor_wapper p.text-danger.method_error {
    position: relative;
    top: -10px;
}

.media_slider_recipe_detail .silder_height_same {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.recipe_waper {
    display: inline-block;
    width: 100%;
    padding: 30px 35px;
    background-color: #fff;
}
.dark-theme .show_recipe_thing_wapper{border-top: 1px solid #313131;}
.dark-theme .recipe_waper .ingredients{
    border-right: 1px solid #313131 ;
}
.dark-theme .show_recipe_thing_wapper h4.re_name, .dark-theme .recipe_waper label, .dark-theme .recipe_waper div#reviews h3, .dark-theme .recipe_waper p, .dark-theme .recipe_waper h3 {
    color: var(--white);
}
.dark-theme .recipe_waper{background-color: #151515;}

.recipe_waper .col_6 {
    padding: 0 30px 25px 0;
}
#__nuxt .recipe_details_page  .media_slider_recipe_detail .silder_height_same,
#__nuxt .recipe_details_page .media_slider_recipe_detail .silder_height_same .full-width{height: 100%; overflow: visible;}
#__nuxt .recipe_details_page .media_slider_recipe_detail .silder_height_same .full-width .slick-list{
    height: 294px;
    border-radius: 0px;
    overflow: hidden;
}
#__nuxt .recipe_details_page .media_slider_recipe_detail .silder_height_same .full-width .slick-arrow,
#__nuxt .recipe_details_page .media_slider_recipe_detail .silder_height_same:before{ display: none !important;}

.recipe_details_page .container {
    max-width: 1280px;
}
.recipe_waper p{
    color: #4A4A4A;
    font-size: 0.73em;
    font-weight: 400;
}
.recipe_waper .content_area a {
    word-break: break-all;
}
.recipe_waper label{
    color: #4A4A4A;
    font-size: 0.63em;
    font-weight: 800;
}
.recipe_details_page form .number .no_of_persons_field{
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
form.serving_recipe_detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
}
.recipe_waper h3{
    color: #4A4A4A;
    font-size: 0.73em;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
form.serving_recipe_detail .number {
    max-width: 137px;
}

.recipe_title_and_summary h3,
.recipe_preparation h3{padding-bottom: 18px;}
.recipe_title_and_summary,
.recipe_preparation {
    margin-bottom: 35px;
}
.dark-theme .vm--modal .form-control option {
    background-color: #151515;
}
.show_recipe_thing_wapper {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #D1D1D1;
    padding: 16px 0 16px 16px;
}


.show_recipe_thing_wapper h4.re_name {
    position: relative;
    font-size: 0.64em;
    text-align: center;
    font-weight: 800;
    color: #4A4A4A;
    padding-left: 16px;
    padding-bottom: 10px;
}

.show_recipe_thing_wapper h4.re_name:before {
    content: "";
    position: absolute;
    left: 0;
    line-height: 0;
    color: #fa9600;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #fa9600;
    border-radius: 100%;
}

.show_recipe_thing_wapper span.br-name.green {
    background-image: url(../images/brand_icon.svg);
    position: relative;
    font-size: 0.6em;
    text-align: center;
    font-weight: 700;
    background-position: left;
    padding-left: 22px;
    margin-left: 22px;
}

.show_recipe_thing_wapper p.re_name {
    font-size: 0.6em;
    text-align: right;
    font-weight: 600;
}

.show_recipe_thing {
    display: inline-block;
    width: 100%;
}

.show_recipe_thing_wapper span.con_units button.btn.bg_white.orange {
    width: 100%;
    text-transform: capitalize;
    font-size: 0.55em;
    border: 1px solid #D2D2D2;
    border-radius: 23px;
    max-width: 111px;
    display: inline-block;
    height: auto;
    padding: 10px 15px;
    margin-top: 11px;
}

.show_recipe_thing_wapper span.con_units {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.recipe_waper .ingredients {
    border-right: 1px solid #D1D1D1;
    margin-top: 0px;
    padding-right: 30px;
}
.col_12.preparation_parent_div {
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 60px;
    padding-bottom: 30px;
}
.media_parent_div .slick-dots li{
    height: auto;
}
.media_parent_div .slick-dots li.slick-active button {
    background: #FA9600;
    border-radius: 16px;
    width: 17.74px;
    height: 9.4px;
    top: -1px;
    position: relative;
    padding: 0;
}
body .media_parent_div .slick-dots li.slick-active button:before{top: -5px;}
.media_parent_div .slick-dots{    bottom: -33px;}
.recipe_waper .ingredients .inner_field.mt-5{margin-top: 30px;}
.recipe_waper div#reviews h3 {
    color: #4A4A4A;
    font-size: 0.73em;
    letter-spacing: -0.02em;
    margin-bottom: 35px;
    text-align: center;
    text-transform: uppercase;
}



.recipe_waper .comments_post_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 25px;
}

.recipe_waper .comments_post_list form {
    width: 100%;
}

.recipe_waper .comments_post_list form .comment_post {
    width: 100%;
    border: 0;
    padding: 0;
}


.recipe_waper div#comments .comments_post_list .comment_post {
    width: 100%;
    border: 0;
    padding: 0;
}

.recipe_waper #reviews .comments_post_list .comment_post span.author-text a {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    font-size: 0.82em;
    letter-spacing: -0.02em;
    color: #4A4A4A;
}
.dark-theme .recipe_waper #reviews .comments_post_list .comment_post span.author-text a{
    color: var(--white);
}
.recipe_waper .comments_post_list .avtar_sec .author-img{margin-right: 15px;max-width: 46px;height: 46px;}
.recipe_waper div#comments .comments_post_list > div {
    width: 100%;
}
.recipe_waper .comments_post_list .show-comment-reply {
    margin-top: 25px;
}
.recipe_details_page .images_wrper .wapper_book_popup {
    left: auto;
    bottom: -236px;
    max-width: 660px;
    width: 100%;
}
.recipe_details_page .images_wrper .wapper_book_popup button.new_added_book {
    background-position: right;
}
.recipe_details_page .images_wrper .wapper_book_popup:after {
    top: -12px;
    bottom: auto;
    right: 50px;
    transform: rotate(180deg);
}
.recipe_waper div#reviews .comments_post_list form .comment_post h3 {
    text-align: left;
    text-transform: uppercase;
}

.recipe_waper div#comments h3 {
    font-size: 0.73em;
    letter-spacing: -0.02em;
    margin-bottom: 35px;
    text-transform: uppercase;
}
.recipe_waper .comment_post .star-rating svg {
    width: 18px;
    height: 19px;
    margin-right: 5px;
}
.recipe_waper div#comments .comments_post_list .comment_post.comment-show {
    border-bottom: 1px solid #D1D1D1;
    border-radius: 0;
    padding-bottom: 25px;
    margin-bottom: 40px !important;
}

.dark-theme .recipe_waper div#comments .comments_post_list .comment_post.comment-show {
    border-bottom: 1px solid #313131;
}

.recipe_waper div#comments .comments_post_list .comment_post.comment-show a {
    font-weight: 700;
}

.recipe_waper div#comments .comments_post_list .comment_post.comment-show span.author-text {
    font-size: 0.73em;
}
@media only screen and (max-width: 1280px){

    .save_folder_container .parent_folder .save_slide_image{margin-right: 27px;}

}


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

    .save_folder_container .parent_folder{padding: 0 22px;}

}

@media only screen and (max-width: 980px){
    .dark-theme .recipe_waper .ingredients{
        border-top: 1px solid #313131;
        border-right:0;
    }
    .recipe_waper .ingredients {
        margin-top: 50px;
        padding-right: 0;
        border-top: 1px solid #D1D1D1;
        border-right:0;
    }
    .recipe_waper .col_6 {
        width: 100%;
    }
    .recipe_waper .comments_post_list .comment_post{width: 100%;}
    .dark-theme .recipe_sub_menu li {
        border-bottom: 0;
    }
   body .img_wrap  span.span_drop {
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
    .save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list_people,
    .save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list{
        width: 100%;
        margin-right: 0;
    }
    body .nopersons {
        width: 100%;
        float: left;
    }
    .header .dashboard_menu .menu ul li span{ display: block; position: static;}
    header #searching input{background-size: 20px;}
    .add_recipe .recipe_post_details.col_6{padding-left: 0;}
    .wapper_add_recipe .center_contain.col_6 {
        margin-bottom: 40px;
    }
    .wapper_add_recipe{flex-wrap: wrap;}
    body .all_list_members .top_recipe{padding: 0;}
    .save_folder_container .search_folders .right_search_folders > div{width: 68px;}
    section.wrapper.wall_tab_sec.all_list_members .side_bar,
    section.wrapper.wall_tab_sec.all_list_members .top_recipe.friend_list{display: flex;}
    .parent_content.parent_folder.save_post_list {
        column-count: 1;
        column-gap: 0;
        display: block;
    }
    .parent_content.parent_folder.save_post_list:before{display: none;}
    .save_folder_container .search_folders .right_search_folders .saved_SearchFolder{width: 210px;}
    .save_folder_container .parent_folder{justify-content: center;}
    .save_folder_container .parent_folder .save_slide_image:nth-child(3n) {margin-right: 0;}
    .save_folder_container .parent_folder .save_slide_image:nth-child(5n) {margin-right: 28px;}
    .save_folder_container .parent_folder .save_slide_image{width: 29%;}
}

@media only screen and (max-width: 767px){
    body .header .right_block.d-flex.flex-align{max-width: 270px;}
    .all_list_members .side_bar .top_recipe .content_wrap .post_text{padding-right: 0;}
    .profile_header .profile_col .images_wrper{margin: auto;}
.edit_profile_button a{margin-left: 0;margin-top: 8px;margin-bottom: 8px;}
body .wall_tab_sec.all_list_members .menu_button ul li {font-size: 0.6em !important;height: 58px;}
.all_list_members .side_bar .top_recipe .content_wrap{width: 100%;margin: 0px 40px 30px 40px;}
}
   
@media only screen and (max-width: 650px){
    body .two_button button.select_all{margin-right: 0 !important;margin-bottom: 20px;}
    body .dash_silder_recipes .social_btn.d-flex.flex-space-around{margin-top: 0;}
    body .b-slider .b-slider-thumb-wrapper .b-slider-thumb{left: 13px;}
    body .b-slider.is-primary .b-slider-fill:before {
        content: "";
        width: 15px;
        height: 15px;
        top: -3px;
        position: absolute;
        right: -12px;
    }
    .srarting_post .upload_data:before{    right: 43px;}
    .search_folders .dot_button_added .new_folder_input input.create_folder::placeholder{font-size: 0.7em;}
    .recipe_waper div#comments .comments_post_list .comment_post.comment-show .avtar_sec {
        flex-wrap: nowrap;
    }
    .recipe_waper div#comments .comments_post_list .comment_post.comment-show  .avtar_sec .author-img{margin-bottom: 0;margin-right: 10px;}
    body .recipe_waper div#reviews h3{text-align: left;}
    .recipe_waper .comments_post_list .avtar_sec .author-img{margin-right: 0;margin-bottom: 15px;}
    .recipe_waper .comments_post_list .comment_post .avtar_sec {
        flex-wrap: wrap;
        justify-content: left;
    }
    .recipe_waper .comments_post_list,
    .recipe_waper .col_6{padding: 0;}
    .recipe_details_page .images_wrper .bookmark{width: 35px;right: 15px;}
    .recipe_details_page .images_wrper .bookmark button {height: 35px;background-size: 14px;}
    .save_folder_container.search_filter .search_folders .recipe_and_post_section{margin-top: 0;}
    .search_filter.save_folder_container .search_folders ul li.tab {
        padding: 20px 7px;
    }
    .save_folder_container.search_filter .search_inner_wapper > h4:before{max-width: 360px;}
    .save_folder_container.search_filter .search_folders .recipe_and_post_section {
        max-width: 100%;
    }
    body header #searching input {
        background-size: 16px;
    }
    /* body .inner_input_three .col_1_div{position: absolute;left: 0;} */
    body .col_2_div{max-width:90px;}
    body .add_more .green{width: 100%;}
    body .add_recipe .form_wapper_bg{padding: 50px 30px;}
    .inner_input_three .col_1_div{margin-bottom: 15px;}
    body .header .right_block.d-flex.flex-align {
        max-width: 230px;
    }
    .wall_tab_sec.all_list_members .friend_list .content_wrap .btn_wrapper{    flex-direction: row;}
   .wall_tab_sec.all_list_members .friend_list .content_wrap .btn_wrapper .btn,
    .wall_tab_sec.all_list_members .friend_list .content_wrap .btn_wrapper button{font-size: 0.5em;}
    .wall_tab_sec.all_list_members .friend_list .content_wrap .btn_wrapper{flex-wrap: nowrap;padding: 0;}
body .all_list_members .menu_button{flex-wrap: wrap;justify-content: center;}
body .wall_tab_sec.all_list_members .menu_button ul li{font-size: 0.4em !important;height: 46px;}
.all_list_members .menu_button span.author-img{margin-right: 10px;margin-left: 10px;margin-top: 20px;}
.save_folder_container .search_folders .right_search_folders .dot_button_move > div{right: -90px;}
.comment-edit .edit-dots, .action_buttons .edit-dots{font-size: 35px;}
body .dash_silder_recipes .right .author-text{font-size: 0.6em;}
.search_folders .dot_button_added .new_folder_input{width: 314px;right: 0px;top: 67px;}
.save_folder_container .search_folders{flex-direction: column-reverse;}
.save_folder_container .search_folders .recipe_and_post_section {width: 100%;margin: auto;margin-top: 12px;}
.force-slider.new_recipe_user_wall > div{width: 30%;height: 168px;}
body .save_folder_container .search_folders .right_search_folders .dot_button_add > div{
    min-width: 400px;
    right: -93px;
}
.wapper_details  .comment_post .vue-star-rating{left: 0;}
.inner_input_three .col_1_div button{padding-top: 0;}
body .col_6_div{margin-right: 0;}


}

@media only screen and (max-width: 550px){
  
    body .save_folder_container .search_folders .right_search_folders .saved_SearchFolder {
        width: 177px;
        height: 51px;
    
    }
    .save_folder_container .search_folders .right_search_folders > div button {
        background-size: 15px;
    }
    .save_folder_container .search_folders .right_search_folders > div {
        width: 50px;
        height: 51px;
    }
    body .save_folder_container .search_folders .right_search_folders .saved_SearchFolder input[type="text"] {
        background-size: 16px !important;
    }
    .save_folder_container .search_folders .right_search_folders > div button.delete_icon{
        background-size: 13px;
    }
    .save_folder_container .search_folders .right_search_folders > div {
        width: 47px;
        height: 47px;
    }
    .recipe_post_details .inner_field .inner_input_three select,
    .recipe_post_details .inner_field .inner_input_three input{height: 50px;}
    body .not_found svg {
        display: block;
        max-width: 59px;
        margin: auto;
    }

    body .not_found{
        font-size: 0.66em;
        padding-left: 10px;
        padding-right: 10px;
    }

    body .save_folder_container .search_folders .right_search_folders .dot_button_add > div {
        min-width: 360px;
        right: -76px;
    }
    
    .save_folder_container .search_folders .right_search_folders .saved_SearchFolder{border: 0 !important;}
    .search_folders .dot_button_added .new_folder_input{width: 278px;}
    .recipe_waper div#comments .comments_post_list .comment_post.comment-show span.author-text {
        font-size: 0.63em;
    }
    body .recipe_waper p{    font-size: 0.6em;}
    #__nuxt .recipe_details_page .media_slider_recipe_detail .silder_height_same .full-width .slick-list{height: 224px;}
    .recipe_details_page .images_wrper .bookmark{bottom: 48px;}
    body .recipe_waper{padding: 50px 28px;}
    body .time-list{max-width: 360px;padding: 16px 6px 16px;}
    .save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list_people .search_user_card{flex-wrap: wrap;}
    .save_folder_container.search_filter .search_recipe_parent_list .search_recipe_list_people .search_recipe_img{margin-bottom: 20px;}
    .search_filter.save_folder_container .search_folders ul li.tab{padding: 14px 7px;}
    .search_recipe_list_people{flex-wrap: wrap;}
    .search_recipe_parent_list .search_recipe_list .search_recipe_img{max-width: 104px;}
    .search_filter.save_folder_container .search_folders ul li.tab svg {
        width: 15px;
        height: 18px;
        margin-right: 9px;
    }
    .search_filter.save_folder_container .search_folders ul li.tab{font-size: 0.4em;}
    .search_filter .search_inner_wapper {
        padding: 20px 13px;
    }
    .save_folder_container.search_filter .search_inner_wapper > h4:before,
    .search_inner_wapper > h4:before {
        max-width: 190px;
    }
.save_folder_container .parent_folder .save_slide_image:nth-child(5n),
.save_folder_container .parent_folder .save_slide_image {width: 100%;max-width: 190px;margin: 0px 5px 0 5px;}
.force-slider.new_recipe_user_wall > div:nth-child(3n) {margin-right: 20px;}
.force-slider.new_recipe_user_wall > div:nth-child(2n) {margin-right: 0;}
.force-slider.new_recipe_user_wall > div {width: 47%;margin-right: 20px;}
body .deletereview .vm--modal,
body .deletecomment .vm--modal,
body .delete .vm--modal, body .brand-popup .vm--modal{    max-width: 400px;}
}

@media only screen and (max-width: 360px){
    body .srarting_post .upload_data:before{background-size:16px ;    right: 13px;}
    body .save_folder_container .search_folders .right_search_folders .dot_button_add > div {
        min-width: 300px;
        right: -12px;
    }
    body .delete .vm--modal, body .brand-popup .vm--modal{    max-width: 300px;}
body .menu_button li.btn:last-child {max-width: 100%;}
body  .force-slider.new_recipe_user_wall > div {width: 46%;margin-right: 20px;height: 132px;}

}

body.dark-theme .srarting_post .input_text input[type=text]::placeholder{
    color: #fff !important;
}


.save_folder_container .wapper_book_popup {
    position: static;
    height: 100%;
}

.save_folder_container .search_folders .right_search_folders .dot_button_add > div {
    width: 100%;
    /* height: 200px; */
    min-width: 660px;
    position: absolute;
    right: 0;
    z-index: 999;
    top: 68px;
    overflow: hidden;
    box-shadow: 0px 7px 34px rgba(0, 0, 0, 0.13);
}
.save_folder_container .search_folders .right_search_folders .dot_button_add > div .save_slide_image .bookmark-listing.popup-booking .post_thumbnail {
    width: 100%;
    padding: 0 10px;
    margin: 0;
}
.save_folder_container .search_folders .right_search_folders .dot_button_add > div .save_slide_image .bookmark-listing.popup-booking .post_thumbnail button img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.save_folder_container .search_folders .right_search_folders .dot_button_add > div  .wapper_book_popup:after{display: none;}
.save_folder_container .search_folders .right_search_folders .dot_button_add > div .wapper_book_popup {padding: 20px 0px;}
.save_folder_container .search_folders .right_search_folders .dot_button_add > div .wapper_book_popup .popup-booking .thumbnail {
    height: auto;
}
.save_folder_container .search_folders .right_search_folders .dot_button_add > div .content {
    height: auto;
}

.save_folder_container .search_folders .right_search_folders > div .search_folders {
    justify-content: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #E7E7E7;
}
.dark-theme .save_folder_container .search_folders .right_search_folders > div .search_folders{
    border-bottom: 1px solid #313131;
}
.all_recipe_listing .search_recipe_list_people {
    width: 100%;
    border: 0 !important;
}


.all_recipe_listing {
    width: 100%;
    max-width: 700px;
    margin: auto;
}

.all_recipe_listing .search_recipe_list_people .force-slider {
    width: 100%;
    
}

/* .all_recipe_listing .search_recipe_list_people .dash_silder_recipes .text_wrper{
    padding-left: 0;
    padding-right: 0;
} */
.search_result_wall .all_recipe_listing  .dash_silder_recipes, .all_recipe_listing .user_search_list{margin-bottom: 0;}
.search_result_wall .all_recipe_listing  .dash_silder_recipes{border: 1px solid #F0F0F0;}
.dark-theme .search_result_wall .all_recipe_listing  .dash_silder_recipes{border: 1px solid #313131; ;}
.dark-theme .search_filter .search_inner_wapper .all_recipe_listing .search_recipe_list_people .search_user_card{border-bottom: 1px solid #313131}
.search_filter .search_inner_wapper .all_recipe_listing .search_recipe_list_people .search_user_card {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 16px;
    align-items: center;
    /* border-top: 1px solid #F0F0F0;
    padding-top: 16px; */
}
.search_recipe_parent_list.all_recipe_listing .dash_silder_recipes { padding: 20px 20px; }



.srarting_post .upload_data:before {
    content: "";
    position: absolute;
    top: -13px;
    right: 53px;
    background-image: url(../images/savepopup_arrow.svg);
    width: 24px;
    height: 12px;
    transform: rotate(180deg);
}

.dark-theme .srarting_post .upload_data:before{
background-image: url(../images/savepopup_arrow_white.svg);
}
.search_recipe_parent_list .search_recipe_list .search_recipe_img .slide_video.oembed-video {
    height: 100%;
}
.search_recipe_parent_list .search_recipe_list .search_recipe_img > div .slide_image.oembed-video:before,
.search_recipe_parent_list .search_recipe_list .search_recipe_img .slide_video.oembed-video:before{    background-size: 60px;}
#__nuxt .recipe_details_page .media_slider_recipe_detail .silder_height_same .slide_image{position: relative;}
.col_12.media_parent_div {
    margin-bottom: 80px;
}
#__nuxt .recipe_details_page .media_slider_recipe_detail .silder_height_same .full-width img{width: 100%;height: 100%;object-fit: contain;position: absolute;top: 0;z-index: 99;}
.search_result_wall .all_recipe_listing .dash_silder_recipes .wapper_book_popup {
    height: auto;
    position: absolute;
}
.search_result_wall .all_recipe_listing .dash_silder_recipes .wapper_book_popup .search_folders {
    padding-bottom: 15px;
    padding-top: 15px;
}
.search_result_wall .all_recipe_listing .dash_silder_recipes .wapper_book_popup .text-center {
    width: 100%;
}
.search_result_wall .all_recipe_listing .dash_silder_recipes .wapper_book_popup .text-center h3 {
    max-width: 100%;
}

.edit_post .recommend_brand span img {
    opacity: 0;
}

.dark-theme .save_folder_container .search_folders .right_search_folders .dot_button_move > div .select2-container span.select2-selection.select2-selection--single{
    background-color: #151515;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  transition: background-color 5000s ease-in-out 0s;
}

.dark-theme input:-webkit-autofill,
.dark-theme input:-webkit-autofill:hover, 
.dark-theme input:-webkit-autofill:focus,
.dark-theme textarea:-webkit-autofill,
.dark-theme textarea:-webkit-autofill:hover,
.dark-theme textarea:-webkit-autofill:focus,
.dark-theme select:-webkit-autofill,
.dark-theme select:-webkit-autofill:hover,
.dark-theme select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
}

.dark-theme .vm--modal h2{
    color: var(--orange); 
}

.dashboard_col_8 .dash_silder_recipes .text_wrper .avtar_sec {
    padding-bottom: 10px;
}

.dark-theme .not_found svg path{
    fill: var(--white);
}
.not_found {
    text-align: center;
    padding-bottom: 40px;
    padding-top: 20px;
}

.not_found svg {
    display: inline-block;
    width: 100%;
}

.profile_header .follow_btn_wrap .btn.add_frd.pending {
    max-width: 160px;
    background-image: url(../images/pending.svg);
    background-color: var(--green);
    padding-left: 45px;
}
.profile_header .follow_btn_wrap .btn.add_frd.reject {
    background-image: url(../images/reject.svg);
    background-position: 16%;
}

.profile_header .follow_btn_wrap .btn.add_frd.accept {
    background-color: var(--green);
    background-image: url(../images/follow_icon.svg);
}
.profile_header .follow_btn_wrap .btn.add_frd.addedfriend{
    background-image: url(../images/addedfriends.svg); 
}
body .recipe_post_details .inner_input_three div span .inner_field {
    margin-bottom: 0 !important;
}
.profile_header .profile_col .images_wrper .upload_image img{
    border-radius: 0;
}
.profile_header .edit-btn button.cool-lightbox-toolbar__btn svg path {
    fill: #ccc;
}

/* custom */
body .two_button button.delete.btn.green {
    background-color: var(--green);
}

body .two_button button.select_all {
    background-color: var(--green);
    margin-right: 27px;
}

body .two_button button.select_all.disable {
    background-color: #D2D2D2;
}
.recipe_details_page .top-img_recipe .action_buttons {
    right: 4%;
    top: 0;
}
.recipe_waper .ingredients .bookmark button {
    background-color: transparent;
    background-size: auto;
    float: none;
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: normal;
    cursor: pointer;
}
.ingredients_div {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.ingredients_div .icon_wapper_inge {
    display: flex;
    flex-wrap: wrap;
}
.ingredients_div .icon_wapper_inge svg{
    cursor: pointer;
}
.ingredients_div .icon_wapper_inge .bookmark.unbookmark button {
    background-image: url(../images/unbookmark.svg) !important;
}
.ingredients_div .icon_wapper_inge .bookmark.bookmark button{background-image: url(../images/bookmark-orange.svg);}
.ingredients_div .icon_wapper_inge .bookmark {width: 20px;display: flex;align-items: center;margin-left: 18px;height: 39px;position: relative;top: -9px;}
.ingredients_div .wapper_book_popup {
    bottom: -240px;
}

.ingredients_div .wapper_book_popup:after {
    top: -12px;
    bottom: inherit;
    transform: rotate(180deg);
    right: 0px;
}
body .ingredients_div .wapper_book_popup .inner_slider {
    padding: 0 12px;
}
body .ingredients_div .wapper_book_popup .right_search_folders .new_added_book{background-position: right;}
body .ingredients_div .wapper_book_popup .save_slide_image .bookmark-listing.popup-booking .book_mark_list{padding: 0 8px;}
.recipe_details_page .show_recipe_thing_wapper h4.re_name {
    text-align: left;
}
/* .recipe_details_page .show_recipe_thing_wapper span.br-name.green{
    margin-left: 0;
} */

body .recipe_details_page .inner_field textarea{
    font-size: 0.67em !important;
}
body.dark-theme .recipe_post_details .inner_field select {
    color: rgb(255 255 255 / 75%) !important;
}

body.dark-theme .recipe_post_details .inner_field select option {
    color: #5E5E5E !important;
}

.inner_input_three .control .dropdown-menu .dropdown-content .dropdown-item:hover span {
    color: var(--white);
}
/* Added by faraz to change drop down color of ingredient list */
.inner_input_three .control .dropdown-menu .dropdown-content .dropdown-item.is-hovered span {
    color: var(--white);
}

/* Css added to change color of link in comment of recipe detail  */
.recipe_waper .comments_post_list .orange{
    color: var(--orange);
}
.recipe_details_page .rating {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.recipe_details_page .rating .comment_click {
    display: flex;
    align-items: center;
    color: #FA9600;
    height: 100%;
}

.recipe_details_page .rating .comment_click p {
    color: #FA9600;
    font-weight: 900;
    font-size: 0.7em;
    padding-left: 9px;
}

.top-img_recipe .rating .vue-star-rating.vue-star-rating-inline .vue-star-rating {
    line-height: normal;
    position: relative;
    top: -3px;
}

.top-img_recipe .rating .vue-star-rating.vue-star-rating-inline .vue-star-rating span.vue-star-rating-star {line-height: 0;}
.recipe_details_page .rating a {
    display: inline-block;
    border: 1px solid #D2D2D2;
    border-radius: 100px;
    padding: 1px 15px 1px;
    height: 33px;
    margin: 0 7px;
}

.dashboard_menu .menu ul li:hover#Home svg,
.dashboard_menu .menu ul li.active#Home svg {
    background-image: url(../images/homefillgreen.svg);
}
.dashboard_menu .menu ul li#Recipes > .recipe_nav > a {
    background-position: 2px;
}
.dashboard_menu .menu ul li.active#Recipes > .recipe_nav > a,
.dashboard_menu .menu ul li:hover#Recipes > .recipe_nav > a,
.dashboard_menu .menu ul li:hover#Recipes > .recipe_nav li:hover#Recipes svg, 
.dashboard_menu .menu ul li.active#Recipes > .recipe_nav li.active#Recipes svg,
.dashboard_menu .menu ul li:hover#Recipes > span svg, 
.dashboard_menu .menu ul li.active#Recipes > span svg {
    background-image: url(../images/recipefillgreen.svg);
}

.dashboard_menu .menu ul li:hover#Saved svg,
.dashboard_menu .menu ul li.active#Saved svg {
    background-image: url(../images/savedfillgreen.svg);
}

body .dashboard_menu .menu ul li:hover .recipe_sub_menu li#DraftRecipes > svg path{
    fill: #636363;
    stroke: #636363;
}
body .dashboard_menu .menu ul li .recipe_sub_menu li#DraftRecipes:hover > svg,
.dashboard_menu .menu ul li:hover#DraftRecipes svg,
.dashboard_menu .menu ul li.active#DraftRecipes svg {
    background-image: url(../images/draftfillgreen.svg);
}
body .dashboard_menu .menu ul li .recipe_sub_menu li#DraftRecipes.active > svg path,
body .dashboard_menu .menu ul li:hover .recipe_sub_menu li#DraftRecipes:hover > svg path,
body .dashboard_menu .menu ul li .recipe_sub_menu li:hover > svg path {
    fill: #6dc10600;
    stroke: #6dc10600;
}

/* FARAZ CHANGES */


body.dark-theme .draft_recipe_icon{   
    width: 15px;
    height: 20px;
    background: url(/assets/images/draft-icon-white.png) no-repeat center;
}
body.dark-theme .menu ul li:hover .recipe_sub_menu li.recipe_inner_menu svg path {
    fill: #fff;
    stroke: #fff;
}


body .draft_recipe_icon{   
    width: 15px;
    height: 20px;
    background: url(/assets/images/draft-icon-grey.png) no-repeat center;
}
body #DraftRecipes.active .draft_recipe_icon,
body #DraftRecipes:hover .draft_recipe_icon{background: url(/assets/images/draft-icon-green.png) no-repeat center;}

.left_block.d-flex.flex-align nav#top-menu ul ul li#DraftRecipes a {
    display: flex;
    align-items: center;
}

.left_block.d-flex.flex-align nav#top-menu ul ul li#DraftRecipes a .draft_recipe_icon {
    margin-right: 10px;
}
body.dark-theme .menu ul li:hover .recipe_sub_menu li.recipe_inner_menu.active svg path,
body.dark-theme .menu ul li:hover .recipe_sub_menu li.recipe_inner_menu:hover svg path,
.menu ul li:hover .recipe_sub_menu li.recipe_inner_menu.active svg path,
.menu ul li:hover .recipe_sub_menu li.recipe_inner_menu:hover svg path{
    fill: #6dc10600;
    stroke: #6dc10600;
}
.menu ul li:hover .recipe_sub_menu li.recipe_inner_menu svg path {
    fill: #555;
    stroke: #555;
}
.edit_post .inner_field input.form-control{
    font-size: 0.67em;
}
.edit_post .row .col-3 input.form-control,
.edit_post .row .col-3 select.form-control {
    font-size: 0.6em;
    background-size: 10px;
}

.vm--modal .edit_post label {
    font-size: 0.65em !important;

}

.vm--modal .edit_post .b-slider .b-slider-thumb-wrapper .b-slider-thumb{
    left: 15px;
}

.recipe_preparation ol li{
    list-style-type: auto;
    /* font-size: 0.73em; */
}
.recipe_preparation ul,
.recipe_preparation ol{
    padding-left: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.recipe_preparation ul li{
    list-style-type: disc;
    /* font-size: 0.73em; */
}
.light_grey{
    margin-top: 10px;
}
.light_grey p{
    letter-spacing: -0.02em;
    color: rgba(99, 99, 99, 0.56);
    line-height: 16px;
    font-size: 0.77em;
}

.dark-theme .editor_marks button{
    color: #fff;  
}
.dark-theme .editor_marks button:hover, .dark-theme .editor_marks button.is-active{
    color: var(--green);  
}

.ProseMirror ol,
.ProseMirror ul {
    padding-left: 25px;
}
.ProseMirror ol li{
    list-style: auto;
}
.ProseMirror ul li {
    list-style: disc;
}
.ProseMirror ol li::marker,
.ProseMirror ul li::marker{
    font-size: 0.67em;
}
/* .recipe_waper .recipe_title_and_summary_parent {
    margin-top: 100px;
} */


.editor_marks button:hover path, .editor_marks button.is-active path {
    fill: var(--green);
}
.dark-theme .editor_marks button:hover path, .dark-theme .editor_marks button.is-active path {
    fill: var(--green);
}

.dark-theme .editor_marks button path{
    fill: var(--white);
}
.expandable_editor .mention_editor .ProseMirror{
    resize: vertical;
}

body .mobile_menu .draft_recipe_icon{display: none;}

@media screen and (max-width: 768px) {
    .expandable_editor .mention_editor .ProseMirror{resize: unset;min-height: 400px;}
}
.dashboard_menu .mobile_menu ul li.active#Recipes > .recipe_nav > a, .dashboard_menu .mobile_menu ul li:hover#Recipes > .recipe_nav > a, .dashboard_menu .mobile_menu ul li:hover#Recipes > .recipe_nav li:hover#Recipes svg, .dashboard_menu .mobile_menu ul li.active#Recipes > .recipe_nav li.active#Recipes svg, .dashboard_menu .mobile_menu ul li:hover#Recipes > span svg, .dashboard_menu .mobile_menu ul li.active#Recipes > span svg
{
    background: none;
}

.expandable_editor .mention_editor .ProseMirror:after {
    pointer-events: none;
    content: "↓";
    font-size: 12px;
    position: absolute;
    height: 21px;
    width: 12px;
    text-align: center;
    bottom: 0;
    right: 0;
    z-index: +999;
    background-color: #ffffff;
    color: #6dc106;
}

#__nuxt .recipe_details_page .media_slider_recipe_detail .silder_height_same .slide_image > div:before {
    content: "";
    background-color: #000000a1;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.recipe_waper .col_6.right_content_recipe button{
    font-size: 0.73em;
}
.col_6.right_content_recipe {
    padding: 0 30px 25px;
}
.expandable_editor .mention_editor .ProseMirror:before {
    pointer-events: none;
    content: "↓";
    font-size: 12px;
    position: absolute;
    height: 21px;
    width: 12px;
    text-align: center;
    bottom: 20px;
    right: 0;
    z-index: +999;
    transform: rotate(180deg);
    background-color: #ffffff;
    color: #6dc106;
}