:root{
    --color__text-main: #404040;
}
    .aside{
        border:1px solid hsla(0,0%,59%,.3);
        border-top:none;
        border-bottom:none;
        padding:0px;
        margin:0px;
        min-height: 100%;
        padding-top: 30px;
        position: relative;

    }
.article-content{
    min-width:75%;
   
}
footer {
    background-color: rgba(58, 58, 58, 0.05) !important;
    
}
.post-categories{
list-style: none; 

}
.post-categories li{
    display: inline-block;
    border-radius: 2rem;
    border: 1px solid #3a3a3a;
    font-family: Ploni;
    font-size: 17px;
    text-align: center;
    padding: 2px 12px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.post-categories li a{
    font-size: 14px;
    
}
#questionvideo{
    border: none;
}
.question_Title{
    color:var( --color__text-main);
    font-size: 35px;
    padding-right: 1px !important;

}
.mainImage{
    width:100%;
    text-align: center;
    padding: 0px;
    margin: 0 auto;
    
}

.mainImage img{
    width:100%;
}
.related_recepies_conduct{
    direction: rtl;
    text-align: center;
    
}

.excerpt{
    margin-top: 10px !important;
}
.siderelated{
    
    margin: 0 auto;
    direction: rtl;
    text-align: right;
    margin-bottom: 20px;
    
   
}
.all_q{
text-decoration: underline !important; 
font-size: 30px;
}

.foody-search-filter{
    margin-top: 24px !important;
}

.details-container{
    padding-top:1px !important;
}
.related_questions_queue{
    margin-bottom: 20px;
}
.related_questions_queue li b a{
font-size: 20px;
}
.related_questions_queue li{
border-radius: 0px !important;    
border:  none !important;
text-decoration: underline !important;
text-align: right !important;
display: block !important;
}

.h1{
    font-size: 35px;
}
.title {
    font-size: 30px !important;
}
.question_Title{
    font-size: 35px !important;
}
.answer{
    text-align: right;
    padding: 5px;
    font-size: 18px;
    direction: rtl;
    margin-bottom: 25px;
    
}
.mainentity{
    padding-right: 15px;
    padding-left: 5px;
}
.answerCount{
    direction: rtl;
    text-align: right;
    margin-right: 10px;
font-weight: bold;
}

.sr_res{
    width: 100%;
    border-bottom: #ddd;
    text-align: right;
    background: #ffffff;
    padding-right: 20px;
    padding-bottom: 14px;
    padding-top: 8px;
    padding-left: 10px;
    border-bottom: 1px solid #dddddd45;
}
.sr_res:last-child{
    height: 100%;
}
.sr_res a{
    font-size: 22px;
    font-weight: 400;
}
.overlay-white{
    opacity: 1 !important;
    background: #ffffffab !important;
    height: calc(100vh - 60px);
    background-attachment: fixed;
    overflow: scroll;
}
.related-recipes-container{
    position: fixed;
    bottom: 65px;
    background: #fdebec;
    display: flex;
    flex-direction: column;
    padding: 13px;
    -webkit-box-shadow: 3px -50px 44px 48px rgb(255 250 250 / 54%);
    box-shadow: 3px -110px 44px 48px rgb(255 250 250 / 82%);
    z-index: 2;
}
.the_Q{
    width:100%;
    
}
.accordion {
    
    color: #444;
    cursor: pointer;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ddd;
    outline: none;
    transition: 0.4s;
    margin-bottom: 3px;
    }
    
   .accordion::before{
        content: "\f055";
        font-family: "Font Awesome 6 Pro";
        font-size: 28px;
        color: #ddd;
        position: absolute;
        margin-top: 13px;
        left: 25px;
        }
        .activeacc::before{
            content: "\f056";
            font-family: "Font Awesome 6 Pro";
            font-size: 28px;
            color: #ddd;
            position: absolute;
            margin-top: 13px;
            left: 25px;
            }
    
    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .activeacc, .accordion:hover {
        background-color: #62a2bc;
        color: white !important; 
        
    }
    .activeacc h1 a, .accordion:hover h1 a{
        background-color: #62a2bc;
        color: white !important; 
    } 
    /* Style the accordion panel. Note: hidden by default */
   

    .panel {
        padding-right: 10px;
        padding-bottom: 5px;
        
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        }
.panel div{
    padding: 0 18px;
       
        overflow: auto;
        direction: rtl;
        text-align: right;
        font-size: 20px;
}
.accordion h1{
    font-size: 1.7em;
    padding:0px;
}

.faq-breadcrumbs{
  
    text-align: right;
    direction: rtl;
}


@media only screen and (min-width: 800px) {
    .related_recepies_conduct{
       
        max-width: 23%;
        display: inline-block;
        padding-right: 3%;
    }
    .mainImage{
        padding-right: 10px;
    }

.faq-breadcrumbs{
margin-top: 30px;
padding:20px;
background-color:none;

}
.mainImage{
    padding-top: 10px;
}

  }

.related_recepies_conduct img{
    width:155px !important;
    height: 103px !important;
}
  


.sq{
    width: 100%;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
.search_question{
    text-align: right;
    width: 100%;
    background-image: url('https://foody.co.il/app/themes/Foody/resources/images/icons/search-gray.png');
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 7px;
}


  @media only screen and (max-width: 799px) {
    .related_recepies_conduct{
        max-width: 46%;
        display: inline-block;
        padding-right: 3%;
    }
    .faq-breadcrumbs{
        margin-top: 0px;
        background-color: #fff;
        padding: 20px;
        
        }
        .content .newsletter{
            display: none;
        }
  }