/*
Theme Name: SpecialKidsNeeds theme
Author: Mahdi Hadavi
*/


*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    transition: .4s;
}

html
{
    scroll-behavior: smooth;
}


@font-face {
    font-family: yekan;
    src: url(fonts/yekan.ttf);
}

@font-face {
    font-family: w_yekan_bold;
    src: url(fonts/w_yekan_bold.ttf);
}

@font-face {
    font-family: w_yekan;
    src: url(fonts/w_yekan.ttf);
}

@font-face {
    font-family: yekan_1;
    src: url(fonts/yekan_1.ttf);
}

@font-face {
    font-family: shabnam;
    src: url(fonts/shabnam.ttf);
}

/* audio ============================== */
.wp-block-audio
{
    display: none;
}
/* ================================== */


.hide-key-p
{
    color:white;
    font-size:.1rem;
}

body {
    direction: rtl;
    font-family: w_yekan;
}

body * {
    font-family: w_yekan;
}



.index-content{
    margin-top: 0px !important;
}

.effected-div
{
    border: 5px solid rgb(5, 110, 5) !important;
    -webkit-box-shadow: 0px 5px 15px 5px #000000; 
    box-shadow: 0px 5px 15px 5px #000000;
}

#content{
    display: flex;
    flex-wrap: nowrap;  
    margin-top: 50px;
}


aside{
    display: flex;
    flex: 2;
    margin-top: 39px;
}

.aside-div{
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 98%;
}

aside ul{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 90%;
}

aside ul li{
    margin-bottom: 5px;
    width: 100%;
}

aside ul li a{
    text-decoration: none;
    color: black;
    display: block;
}

.li-for-tags
{
    cursor: pointer;
}

.right-aside #right-aside-title,
#left-aside-title,
.left-aside-subtitle{
    border: none !important;
    text-align: right !important;
}

.right-aside #right-aside-title:hover,
#left-aside-title:hover,
.left-aside-subtitle{
    background-color: rgba(255, 255, 255, 0) !important;
}

#right-aside-last-li-div{
    margin-top: 10px;
    padding-top: 20px;
}

.left-aside-subtitle{
    color: #f04410;
    margin-top: 20px;
}

.right-aside ul li {
    font-size: 1.2em;
    border: 2px solid black;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.right-aside ul li:hover,
.left-aside ul li:hover{
    background-color: #ffd64d;
}

.left-aside ul li{
   border-right: 2px solid rgba(238, 46, 12, 0.616);
   padding-right: 5px;
   margin-bottom: 10px;
}

#left-aside-title{
    padding-right: 0px !important;
    margin-right: 0px !important;
}


.left-aside ul li a{
   font-size: 1.1em;
   display: block;
   text-align: right;
   margin-right: 5px;
}

.singular-aside-for-margin-top{
    margin-top: 100px;
}

main{
    display: flex;
    flex-direction: column;
    flex: 6;
    border-right: 1px solid black;
    border-left: 1px solid black;
    overflow-x: hidden;
}

#regular-menu{
    direction: ltr;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    background-color:black;
    z-index: 20;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
}

#logo-div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    margin-left: 10px;
}

#logo-div a{
    display: block;
}

#logo-div img{
    width: 44px;
    height:44px;
    margin: 2px;
    vertical-align: middle;
}

#menu-icon-div{
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

#menu-icon-div .fa{
    color: white;
    cursor: pointer;
}

#menu-icon-div .fa:hover{
    color:#f52549;
    font-size: 1.5em;
}

#regular-menu ul{
    list-style: none;
    display: flex;
    justify-content:right;
    align-items: center;  
    margin-right: 10px; 
}

#regular-menu ul .fa{
    color: white;
    cursor: pointer;
}

#regular-menu ul .fa:hover{
    color:#f52549;
    font-size: 1.5em;
}

#regular-menu ul li{
    list-style-type: none;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    margin-right: 50px;
}

#regular-menu ul li a,
#mobile-menu ul li a{
    display: inline-block;
    text-decoration: none;
    color:white;
    font-size: 1em;
}

#regular-menu ul li a:hover,
#mobile-menu ul li a:hover{
    color: #f52549;
    font-weight: bold;
}

#regular-menu-search-div{
    position: fixed;
    top: 50px;
    right: 50px;
    width: 300px;
    z-index: 20;
    background-color: black;
    display: none;
}

#regular-menu-search-div input{
    width: 100%;
    border: 2px solid black;    
}


#cat-menu-container{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hide-this-item{
    display: none;
}

#cat-menu-container:hover #cat-menu{
     display: flex;
}

#cc:hover{
    height: 100%;
    display: flex;
    align-items: center;    
}

#cc:hover #cat-menu{
    display: flex;
}


#cat-menu{
    display: none;
    flex-direction: column;
    position: absolute;
    z-index: 20;
    top:100%;
    background-color: black;
    justify-content: center;
    align-items: center;
    padding:0px;
    width: 150px;
}

#cat-menu ul{
    display: flex;
    flex-direction: column;
    list-style: none;
    justify-content: space-around;
    align-items: center;
    padding: 0px 5px;
    margin: 0px;
    text-align: center;
}

#cat-menu ul li{
    padding: 5px;
    list-style-type: none; 
    margin: 5px;
    display: block;
    width: 100%;
}

#cat-menu ul li a{
    text-align: center;
    display: block;
    width: 100%;
}


#mobile-menu{
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    position: fixed;
    top: 50px;
    background-color: black;
    z-index: 19;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
}

#mobile-menu ul li{
    list-style-type: none;
    margin-top: 5px;
}

#mobile-menu ul li{
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
}

#mobile-menu-search-div{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3px;    
}

#mobile-menu-search-div .fa{
    color: white;
    margin-right: 5px;
    cursor: pointer;
}

#mobile-menu-search-div input,
#regular-menu-search-div input{
    color:black;
    height: 30px;
    text-align: right;
    background-color: white; 
    direction: rtl; 
    padding: 2px;
}

.search-form-div{
    display: flex;
    background-color: white;
    padding: 0px;
    margin-top: 5px;
    align-items: center;
}

.active-search-form-btn ,
.active-el-bcColor{
    background-color: #0088cc !important;
}

.active-el-color a{
    color: #f52549 !important;
    font-weight: bold !important;
}

.search-form-div #searchsubmit{
    display: none;
}

#board-div
{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.89);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 50;
    padding: 50px 30px;
    overflow-y: auto;
}

#board-p
{
    color: white;
    font-size: 1.2rem;
    height: fit-content;
}




#mobile-menu-search-icon:hover{
    color: green;
    font-size: larger;
}

#banner{
    width: 100%;
    margin-top: 50px;
    height: 140px;
    background-color:#080808c0;
    background-image: url(img/bc2.jpg);
    background-blend-mode: overlay;
    background-position: center;
    background-size: cover;
    display: flex;
    vertical-align: middle;
}


#banner h3{
    color: white;
    margin-right: 73px;
    font-size: 2.5em;
    margin-top: 20px;
}

#banner p{
    color: white;
    margin-right: 73px;
    font-size: 1.2em;
}


#right-of-banner-div{
    display: flex;
    flex-direction: column;
    justify-content: right;
    align-content: center;
    flex: 7;
}

#left-of-banner-div{
    display: flex;
    justify-content: flex-end;
    align-content: center;
    flex: 3;
}

#left-of-banner-div ul{
    display: flex;
    list-style-type: none;
    align-items: center;
}

#left-of-banner-div ul li:first-child{
    margin-left: 20px;
}

#left-of-banner-div ul li:last-child{
    margin-left: 50px;
}

#navigation-bar{
    position: fixed;
    height: 30px;
    background-color: white;
    top: 50px;
    z-index: 20;
    width: 100%;
    border-bottom: 1px solid black;
    display: none;
}


section{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 10px;
}

#main-concept-div-root
{
    width: 100%; 
    height:60px; 
    margin: auto; 
    overflow-y: hidden;
    overflow-x: auto;
    scroll-behavior: smooth;
}

#ctrl-btn-div
{
    position: relative;
}


#ctrl-btn-div span
{
    background-color: #00000096;
    height:50px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 5px;    
}

#right-control-btn
{
    right: 0;
}

#left-control-btn
{
    left: 0;
}

#ctrl-btn-div span:hover
{
    width: 40px;
    background-color: #000000cc;
}

#ctrl-btn-div i
{
    font-size: 1.2rem;
    color: white;
    font-weight: bold;
}

#main-concept-div-root::-webkit-scrollbar
{
    display: none;
}

#main-concept-div-parrent
{
    width: fit-content;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding:5px 3px 5px 0px;
    background-color: #bce8f1;
}

.main-concept-div
{
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
    align-items: center; 
    padding: 1px 5px;
    width: 320px;
}

.main-concept-img-div
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

.main-concept-div a
{
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    color: black;
}

.main-concept-img-div img
{
    width: 98%;
    height: auto;
}

.main-concept-text-div
{
    margin-right: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
}

/* ========================== tags list div ====================== */

#tags-list-div
{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.904);
    padding: 30px;
    z-index: 102;
    display: none;
    align-items: center;
    overflow-y: auto;
    overflow-x: hidden;
}

#tags-list-div>div
{
   width: 100%;
   height: fit-content;
   padding: 20px;
   margin-bottom: 20px;
}

#tags-list-div>div>div
{
    display: inline-block;
    border: 1px solid green;
    margin: 3px;
    padding: 5px 10px;
}

#tags-list-div div div a
{
    color: white;
    text-align: center;
}



/* ==================================================================== */

.section-title-div{    
    display: inline;
    margin-right: 0px;
}

#selection-title-a-wrapper-div{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: flex; 
    justify-content: space-between; 
    align-items: flex-end;
}

#selection-title-a-wrapper-div > a:nth-child(2)
{
    height: 30px; 
    display: flex; 
    align-items: center; 
    text-decoration: none; 
    color:rgb(0, 136, 204);
    padding: 1px 10px 1px 0px;
    margin:0px 0px 10px 8px;
}

#selection-title-a-wrapper-div > a:nth-child(2):hover
{
    font-weight: bold;
    font-size: 1.2rem;
}


#selection-title-a-wrapper-div > a:nth-child(2) > i
{
    margin-right: 10px; 
    display: flex; 
    align-items: center;    
}

.section-title-anchor{
    color: black;
}

.section-title:hover,
.card-read-more-btn:hover{
    background-color: #ffd64d;
    padding-left: 45px;
}


.section-title{
    font-size: 1.8em;
    border-right: 2px solid black;
    border-left: 2px solid black;
    color: black;
    padding: 2px 10px;
    margin-top: 20px;
    margin-right: 8px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0);
}

a{
    text-decoration: none;
}


.card{
    width: 48%;
    padding: 5px;
    margin-bottom: 15px;
    position: relative;
}

 /* ============================================== ad ==========================================================================*/

.invisible-for-ad{
    visibility: hidden;
}

.ad-div-on-card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ad-div-on-right-aside-ul , .ad-div-on-left-aside-ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.ad-div-on-bottom-of-index-page{
    margin: 10px 5px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ad-div{
    width: 98%;
}

.media-ad-div
{
    width: 95%; 
    display:flex;
    justify-content: center;
    align-items: center;
    margin: 5px auto;
}


/*======================================== end of ad =========================================================*/


/* start of post css */

#post-content a
{
   color: #f52549;
}

#post-content a:hover
{
    font-weight: bold;
    text-decoration: underline;
}

#post-content a:focus
{
    color: rgb(0, 136, 204);
}

#post-tags-ul-div > ul > li > a
{
    color: #f52549;
}

#post-tags-ul-div > ul > li > a:hover
{
    font-weight: bold;
}


.post-section{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; 
}

#post-thumb-div{
    width: 90%;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center;
}

#post-thumb-div img{
    max-width: 100%;
    height: auto;
}

.post-section-title-div{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.post-section-title{
    font-size: 1.5em;
    border-right: 2px solid black;
    border-left: 2px solid black;
    color: black;
    padding: 0px 10px;
    display: inline-block;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0);
}

.post-card{
    width: 90%;
    padding: 5px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.post-card p{
     text-align: justify;
     margin: auto;
     font-size: 1.2em;
}

#post-tags-div{
    display: flex;
    flex-direction: column;
    margin-right: auto;
    margin-left: auto;
    background-color: #ffd54d;
    padding: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}


#post-tags-title-div{
    display: flex;
    flex-direction: row;
}

#post-tags-title-div h4{
    margin-right: 2px;
}


#post-tags-ul-div ul li{
    display: inline-block;
    margin-right: 10px;
}
  

.wp-block-image{
    width: 100% !important;
    margin: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-top: 2px;
    padding-bottom: 2px;
}

.wp-block-image img{
    max-width: 100%;
    height: auto;
}



/* end of post css */

.card .card-img-div{
    margin-top: 5px;
    margin-bottom: 5px;
}

.card h3{
    width: 100%;
    display: inline-block;
    text-align: justify;
    color: rgb(200, 39, 11); 
    font-size: 1.5em;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0);
}

.card .card-img-div img{
   width: 100%;
   height: auto; 
}

.card-read-more-main-div a{
    margin-left: 5px;
    float: left;
    align-self: flex-end;
}

.card-read-more-btn{
    font-size: 1.2em;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid black;
    padding: 1px 10px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: black;
}

.card p{
    padding: 2px 5px;
    text-align: justify;
    margin-bottom: 5px;
    font-family: w_yekan;
    margin: auto;
    font-size: 1.2em;
    line-height:1.3em;
}

/* footer */

footer{
    background-color: black;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}

#footer-menu{
    width: 100%;
    display: flex; 
    flex-direction: row;
}

#right-footer{
    background-color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex:2;
    padding: 5px;
}

#right-footer h3{
    color: white;
    word-spacing: .2em;
}

#right-footer ul{
    display: flex;
    list-style: none;
    margin-top: 50px;
    margin-bottom: 50px;
}

#right-footer ul li{
    list-style-type: none;
    margin-right: 15px;
    margin-left: 15px;
}

#right-footer ul li a i,
#left-of-banner-div ul li a i{
    color: white;
    font-size: 2em;
}

#right-footer ul li a .fa-telegram:hover,
#left-of-banner-div ul li a .fa-telegram:hover{
    color:#0088cc;
    font-size: 2.5em;
}

#right-footer ul li a .fa-instagram:hover,
#left-of-banner-div ul li a .fa-instagram:hover{
    color:#c13584;
    font-size: 2.5em;
}


#left-footer{
    background-color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex:1;
    padding: 5px;
    border-right: 1px solid white;
}

#left-footer ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    align-content: space-around;
      
}

#left-footer ul li{
    list-style-type: none;
    margin-bottom: 8px;
}

#left-footer ul li a{
    color: white;
    text-decoration: none;

}

#left-footer ul li a:hover{
    color: #f52549;
    /*font-weight: bold;*/
    font-size: 1.5em;
}

#copyright{
    color: white;
    font-size: .8em;
    word-spacing: .8em;
    width: 90%;
    margin: auto;
    margin-top: 20px;
    text-align: center;
}

#site-name-span{
    color: #f52549;
}


#similar-post-section{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#similar-post-section-title{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#similar-post-section-title h3{
    margin-right: 0px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 1.5em;
    padding: 2px 8px 4px;
    border-right: 2px solid black;
    border-left: 2px solid black;
}

#similar-this-post{
   display: flex;
   justify-content:space-between;
   flex-wrap: wrap;
}

#similar-this-post a{
    text-decoration: none;  
}

.similar-post-card{
    width: 32%;
}

.similar-post-card:hover{
    padding: 10px;
}

.similar-post-card img{
    width: 100%;
    height: auto;
}

.similar-post-card h3,
.similar-post-card p{
    color: black;
    text-align: justify;
}


/* start of archive css */

.archive-section-title-div{
    margin-top: 50px;
    margin-bottom: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#archive-section-title:hover{
    background-color: rgba(255, 255, 255, 0);
    padding-left: 10px;
}


#section-title-span{
    font-size: .8em;
}


#archive-section{
    margin-bottom: 30px;
} 


#mobile-layout-icons-div{
    position: relative;
    display: none;
    flex-wrap: wrap;
    justify-content:center;
    align-items: center;
}

.cat-menu-icon{
    margin: 5px;
    border: 1px solid black;
    padding: 2px 10px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0);
}

.cat-menu-icon h4{
    color: white;
}

.cat-menu-icon:hover{
    background-color: #f04410;
}

#not-found-result-p{
    margin-top: 0px;
    margin-right: 50px;
    font-size: 1.2em;
    color: red;
}

#search-res-title-span{
    color: #f52549;
}

#nf-search-div{
    display: flex;
    flex-direction: column;
    width: 100%;
}

#nf-404-image-div,
#nf-404-h3-div,
#nf-search-image-div,
#nf-search-h3-div{
    display: flex;
    justify-content: center;
}


#nf-404-h3-div h3,
#nf-search-h3-div h3{
    text-align: center;
}

#nf-404-image-div img{
    max-width: 300px;
    height: auto;
}

#nf-404-h3-div,
#nf-search-h3-div{
    margin-bottom:50px;
}

.nf-404-section-title-div{
    margin-top: 50px;
    padding-top: 0px;
}

/* comment form */

#comment-section{
    /* background-color: #eaee0885; */
    width: 100%;
    display: flex;
    justify-content: center;
}

.comments-div{
    /* border: 4px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.comment-title{
    width: 95%;
    margin: 5px 0;    
}

.comment-title h3{
    text-align: center;  
    background-color: white;
    width: fit-content;
    padding: 2px 8px;
    margin-bottom: 2px;
    border-right: 2px solid black;
    border-left: 2px solid black;
}

.comments-list-ul{
    width: 90%;
    padding-right: 10px;
    list-style: none;
}

.comments-list-ul li{
    list-style: none;
    list-style-type: none;
}

.comments-list-ul .depth-1{
    padding: 10px 0;
    border-bottom: 1px solid black;
}

.comments-list-ul .reply{
    width: fit-content;
    padding: 2px 8px;
    border: 2px solid black;
    display: flex;
    justify-self: flex-end;
}

.comments-list-ul .reply:hover{
    padding-left: 40px;
    background-color: #ffd54d;
}

.comments-list-ul .reply a{
    text-decoration: none;
    color: black;
}

.comments-list-ul .new-reply-div{
    display: flex;
    justify-content: flex-end;
    padding-left: 10px;
}

.comment-content p{
    padding: 2px 30px;
}

.comment-meta{
    background-color: rgba(255, 255, 255, 0);
    /* border: 1px solid black; */
    padding: 0px;
}

.child-comments-div--{
    padding-right: 5px;
    margin-bottom: 5px;
}

.comment-metadata{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 3px;
    font-size: .8em;
    height: fit-content;
    padding-bottom: 2px;
}

.comment-metadata i{
    margin-left: 2px;
}

#reply-canel-bt{
    border: 1px solid black;
    padding: 1px 5px;
    margin-left: 5px;
}

#reply-canel-bt a{
    text-decoration: none;
    color: black;
}

#reply-title{
    width: 100%;
    margin-top: 10px;
    display: flex;
    margin-left: 5px;
    justify-content: space-between;
    padding: 2px 5px;
}

#div-comment-4 > footer > div.comment-author.vcard.child-comments-text > span{
    font-weight: bold;
}


.parent-author- , .child-author-{
    font-weight: bold;
}

.parent-author- {
    color: rgb(26, 147, 151);
}

#respond{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

#commentform{
    width: 100%;
}

#comments{
    margin-bottom: 20px;
}

.comment-form-elements-div{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5px;
    padding: 2px 10px;
}

.comment-input{
   border: 2px solid black;
   width: 100%;
   height: 30px;
   color: black;
   background-color: white;
   font-family: yekan;
   font-size: .9em;
   padding: 1px 5px;
   text-align: right;
}

.comment-form-elements-label{
    display: flex;
    flex: 1;
    justify-content: flex-start;
}

.comment-input-div{
    display: flex;
    flex: 2;
    justify-content: flex-start;
}

.comment-input-div textarea{
    height: 120px;
    padding: 5px;
}

#comment-input-email{
    margin-left: 5px;
}

.comment-form-cookies-div{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#comment-form-cookie{
    border: 1px solid black;
}

.comment-form-cookies-div label{
    padding-right: 2px;
    font-size: .9em;
}

.form-submit{
    display: flex;
    justify-content: flex-end;
    margin-left: 15px;
}

#bt-submit{
    border: 2px solid black;
    background-color: white;
    font-family: yekan;
    font-size: .9em;
    padding: 2px 20px;
    cursor: pointer;
}

#bt-submit:hover , #bt-submit:active{
    padding-left: 40px;
    background-color: aqua;
}




/* pagination */

#pagination-div{
    display: flex;
    width: 90%;
    margin: 0px auto;
    align-content: center;
    justify-content: space-around;
    padding-top: 10px;
    border-top: 1px dotted black;
}

#pagination-div ul{
    display: flex;
    list-style: none;
    padding: 3px 0px;
}

#pagination-div ul li{
    margin: 2px 5px;
    padding: 0px 5px;
    width: 20px;
}

#pagination-div ul li a{
    color: black;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
}

#pagination-div ul li:hover{
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    background-color:#eedf0e; 
}

.c-page{
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    background-color:#0088cc;    
}

.no-top-border{
    border-top: none !important;
}


/* question form */

#question-form-div , #question-serach-form-div , .question-answer-list-div
{
    width: 90%;
    background-color: #c9cc0085;
    padding: 10px 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-bottom: 15px;
}

.question-answer-list-div
{
    background: white;
    margin-bottom: 1px;
    padding: 0;
    border: 1px solid black;
}


#questioner-div
{
    padding: 2px 5px;
    font-weight: bold;
    background-color: #ffc93c;
}

#question-parrent-div
{
    display: flex;
    flex-direction: column;
}
#question-div
{
    padding: 2px 20px;
    border-bottom: 1px dotted black;
}

.question-answer-constant-span
{
    font-weight: bold;
}

#answer-parrent-div
{
    min-height: 50px;
    padding: 2px 20px;
    margin-bottom: 40px;
}

#question-btns-container-div
{
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

#close-icon-div
{
    width: 100%;
    height: 50px;
    padding: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#code-span
{
    color: green;
    font-weight: bold;
}

#close-icon-div img
{
    max-width: 30px;
    max-height: auto;
    cursor: pointer;
    display: none;
}

#close-icon-div img:hover
{
    transform: scale(1.1);
    transform: rotate(90deg);
}

.newest-questions-list-item
{
    cursor: pointer;
}

.question-btn
{
    font-size: 1rem;
    border: 2px solid black;
    padding: 2px 20px;
    min-width: 150px;
    text-align: center;
    cursor: pointer;
}

.question-btn:hover
{
    background-color: #e40d3c;
    padding-left:30px ;
}

#question-search-btn
{
    margin-left: 5px;
}

#question-make-btn
{
    margin-right: 5px;
}

#question-form-div-title
{
    margin-bottom: 5px;
    border-bottom: 1px solid black;
    padding-bottom: 2px;
}

#question-note-div{
    width: 90%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
}

#question-note-div p{
    color: black;
    text-align:justify;
    padding: 3px;
    background-color: #d9edf7;
}

#question-search-form-parrent-div
{
    display: none;
}

#question-form-parrent-div
{
    display: none;
}

.last-question-answer-list-div
{
   margin-bottom: 20px;
}

#question-form-div form , #question-serach-form-div form
{
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0px auto;
}

#question-search-form
{
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#question-form-div form label{
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: bold;
}

#question-form-div textarea{
    color: black;
}

.question-input{
    border: 2px solid black;
    margin-bottom: 10px;
    font-family: "yekan";
    font-size: 1.1em;
    padding-right: 10px;
    text-align: right;
}

#questioner-name-input{
    height: 35px;
    color: #0088cc;
}

.question-submit{
    width: 150px;
    font-family: "yekan";
    border: 2px solid black;
    height: 35px;
    background-color:#f52525;
    font-size: 1.1em;
}

.question-submit:hover{
    background-color: green;
    padding-left: 20px;
    cursor: pointer;
}

#question-title-div{
    margin-top: 50px;    
}

#question-submit-div{
    display: flex;
    justify-content:flex-end;
}

#question-search-input
{
    display: flex;
    flex: 3;
    height: 35px;
    margin-bottom: 0;
}

#question_search-submit
{
    display: flex;
    flex: .8;
    justify-content: center;
    align-items: center;
    border-right: none;
}

/* ========================= modal ================================= */

#modal{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: none;          /*display*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.938);
    z-index: 101;
}

#modal-header , #modal-content{
    width: 70%;
    display: flex;
}

#modal-header{
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    background-color: rgb(192, 3, 3);
    border-bottom: 1px solid black;
    padding: 1px 5px;
}

#modal-header img{
    width: 20px;
    height: 20px;
}

#modal-content{
    background-color:#ffffff ;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 5px;
}

#modal-text-place{
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin: 10px 0px;
}

#modal-bt-div{
    display: flex;
    justify-content: flex-end;
    padding: 2px 5px;
}

#modal-bt{
    border: 2px solid black;
    padding: 1px 8px;
    cursor: pointer;
}

#modal-bt:hover , #modal-bt:active{
    padding-left: 40px;
    background-color: #ffd54d;
}

/* ========================= end of modal ================================= */

/*comment alert div*/
#comment-status-root{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;    
    display:none;
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0.719);
    display: none;
    justify-content: center;
    align-items: center;
}

#comment-status-p{
     color: rgb(0, 0, 0);
     text-align: center;
}


/* ===================== quick access bar  ============================ */

#quick-root
{
    display: none;
    align-items: center;
    justify-content: space-around;
    height: 50px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #000000;
    z-index: 200;
    -webkit-box-shadow: 0px -3px 25px 1px #000000; 
    box-shadow: 0px -3px 25px 1px #000000;
}

#quick-root ul
{
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 100%;
    
}

#quick-root ul a
{
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    width: 100%;
    height: 100%;
}

.quick-access-active
{
    color: #d10833;
}


/* ===============================audio player ====================== */
#audio-root-div
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70%;
    border: 1px solid black;
    margin: 5px auto; 

    /* background-color: darksalmon; */
}

#audio-note-div
{
    padding: 2px;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px;
    text-align: justify;
    border-bottom: 1px solid black;
    background-color: #bce8f1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#audio-controlls
{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

#audio-progress-root
{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    background-color: #868484af;
    position: relative;
}

#timer-div
{
    position: absolute;
    height: 15px;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: white;
    padding-right: 10px;
}

#audio-progress
{
    height: 15px;
    background-color: #98ee0e;
}

#audio-keys
{
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding-top: 5px;
    border-top: 1px dotted black;
}

#audio-keys > i
{
    cursor: pointer;
}

#audio-keys > i:hover
{
    color: #d10833;
    font-size: 1.2rem;
}

.audio-hide
{
    display: none;
}


/* ===================== new post section =============================== */

#new-post-section-div
{
    width: 100%;
    height: 250px;
    padding: 10px 5px;
    background-color: rgb(245, 219, 187);
}

#new-post-section-base
{
    width: 100%;
    margin: 0 auto;
    height: 200px;
    overflow-x: auto;
    overflow-y: hidden;
}

#new-post-sectio-title-div
{
    padding-right: 15px;
    padding-bottom: 5px;
}

#new-post-section-inner-div
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 200px;
    width: 100%;
}

.new-post-div
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 200px;
    margin: 15px;
    padding: 3px; 
}

.new-post-div img
{
    width: 200px;
    height: 200px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: 1px solid black;
}

.new-post-div h4
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    color: rgb(5, 5, 5);
    background-color: #fffefe9f;
}

#new-post-section-inner-div a
{
    text-decoration: none;
}

#new-post-section-inner-div a:hover h4
{
    height: 100%;
    background-color: #fffefec2;
}

/* ===================== new post section =============================== */

/* medi query */


@media screen and (max-width: 1019px) {
    section{
        width: 98%;
    }
}


@media screen and (max-width:1000px){
    .post-card{
        width:85%;
    }

    #post-thumb-div{
        width: 85%;
        height: 200px;
    }

    .post-section-title-div{
       width: 85%;  
       /* 68% = .85*.8 */
   }
}

@media screen and (min-width: 961px) {
    #mobile-menu{
        display: none !important;
    }
}


 /* ========================= tablet and mobile screen =============================== */
@media screen and (max-width: 960px) {

    #quick-root
    {
        display: flex;
    }

    #banner{
        background-image: url(img/bc.jpg);
        height: 120px;
    }

    #banner h3{
        margin-right: 20px;
    }

    #banner p{
        margin-right: 20px;
        font-size: .9rem;
    }

    #left-of-banner-div ul li:first-child{
        margin-left: 10px;
    }
    
    #left-of-banner-div ul li:last-child{
        margin-left: 20px;
    }

    #menu-icon-div{
        display:flex ;
    }

    #regular-menu ul{
        display: none;
    }

    .archive-section-title-div{
        margin-top: 10px;
    }

    aside{
        position: fixed;  
        top:0;
        right: 0;
        height:100vh;
        overflow-y: auto;
        background-color: rgb(229, 230, 231);   
        width: 100%;
        z-index: 20;
        padding-bottom:10px;  
        margin-top: 50px; 
    }

    .aside-div{
        height: fit-content;
        margin-bottom: 50px;
    }
    
    .singular-aside-for-margin-top{
        margin-top: 50px;
    }

    #r-aside,
    #l-aside{
        width:0px;
    }

    #ctrl-btn-div span
    {
        display: none;
    }

    aside ul{
        width: 98%;
        padding-bottom: 20px;
    }

    main{
        border: none;
    }

    #mobile-layout-icons-div{
        display: flex !important;
    }

    #regular-menu-search-div{
        display: none !important;
    }

    #r-aside ul{
        padding-right: 50px;
        padding-left: 50px;
    }

    footer
    {
        margin-bottom:50px ;
    }
}

.excerpt-p
{
    height: 100px;
    overflow: hidden;
}

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

    #audio-root-div
    {
        width: 85%;
    }

    .similar-post-card{
        width: 100%;
        padding-right: 2px;
        padding-left: 2px;
        margin-bottom:10px ;
    }


    #similar-post-section{
        width: 70%;
    }
}



@media screen and (max-width: 720px) {
    /* .card{
        width: 45%;
    } */

    #banner h1 {
        font-size: 3em;
    }

    #footer-menu{ 
        flex-direction:column-reverse;
        padding-top: 0px;
    }

    #left-footer{
        border: none;
        margin-bottom: 20px;
        border-bottom: 1px solid white;
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 0px;
    }

    #right-footer ul{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #left-footer ul{
        padding-top: 0px;
    }

    footer{
        padding-top: 0px;
    }

    .post-card{
        width:90%;
    }
 
    #post-thumb-div{
        width: 88%;
        height: 180px;
    }
 
    .post-section-title-div{
       width: 88%; 
 
   }
 
   .post-section-title-div h3,
   #similar-post-section-title h3{
       font-size: 1.2em;
   }

 }

 /* @media screen and (max-width:670px)
 {

    #new-post-section-div
    {
        width: 95%;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0 auto;
        height: 230px;
        padding: 10px 5px;
    }
 } */

 @media screen and (max-width:600px)
 {
     #tags-list-div
     {
         align-items: flex-start;
     }
 }
 
 @media screen and (max-width:600px){
    .post-card{
        width:95%;
    }

    #comment-section{
        width: 93%;
    }
 
    #post-thumb-div{
        width: 95%;
    }
 
    .post-section-title-div{
       width: 92%;
   }
 
   .post-section-title-div h3,
   #similar-post-section-title h3{
    font-size: 1.1em;
   }
 
   .card{
     width: 90%;
     }
 
     section{
         justify-content: space-around;
     }
 }

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

    #banner h1 {
        font-size: 2.5em;
    }

    #banner h3 {
        font-size: 1.5em;
    }
}

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

    #banner h1 {
        font-size: 2em;
    }

    #banner h3 {
        font-size: 1.5em;
    }
}

.ad_div{
    width: 70%px;
    margin: 10px 0;
}


/* ========================================================= */
.alert {
    padding: 8px 35px 8px 14px;
      margin: 5px;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      background-color: #fcf8e3;
      border: 1px solid #fbeed5;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
  }
  
  .alert-danger, .alert-error {
      color: #b94a48;
      background-color: #f2dede;
      border-color: #eed3d7;
  }
  
  .alert-info {
      color: #3a87ad;
      background-color: #d9edf7;
      border-color: #bce8f1;
  }
  
  .alert-success {
      color: #468847;
      background-color: #dff0d8;
      border-color: #d6e9c6;
  }
  
  .spinner {
      display: block;
      background-image: url('data:image/gif;base64,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');
      background-repeat: no-repeat;
      background-position: 50% 50%;
      min-width: 85px;
      min-height: 16px;
  }