@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body{
    font-family: 'Droid Arabic Kufi', serif;
}
.pagination li a{
    background-color: rgba(211, 98, 90, 0.895);
    color: rgb(225, 0, 0);
}
.pagination li a:hover{
    background-color: rgb(54, 150, 239);
    color: white;
}
.card{
    border-radius: 10px;
}

/*...your mobile-only style...*/
@media only screen and (max-width: 999px) {
    .btn-danger{
        float: right;
        margin-top: -3.8%;
        margin-bottom: -5%;
        margin-right: 3.8%;
        width: 93%;
        border-radius: 0;
    }
    .img_post{
        height: 200px;
    }

   
}
@media only screen and (min-width: 1000px) {
  
    /*...your desktop-only style...*/
    .btn-danger{
        float: right;
        margin-top: -1%;
        margin-bottom: -5%;
        margin-right: 1%; 
        margin-left: 1%;
        width: 98%;
        border-radius: 0;
    }
    .img_post{
        width: 100%;
        height: 150px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 0%;
      }
}

.latest{
   background-color:rgb(255, 255, 255);
   height: min-content;
   line-height: 1.5;
}


.btn_on_img {
    position: relative;
	width: 100%;
  }
  .on_img{
    font-size: 11px;
    text-align: center;
    position: absolute;
	padding: 5px;
	background-color: rgb(226, 234, 226);
    color: black;
	bottom: 4%;
	right: 4%;
	width: 90px;
    height: 30px;
  }
.latestTitle{
    color: black; 
    padding: 10px;
    font-weight: bold;
    direction: rtl;
    height: min-content;
}
.latestDate{
    font-size: 15px;
    font-weight: 20;
}

@media only screen and (max-width: 890px) {
    .domahik_dangobas{
        width: 100% ;
    }
}
@media only screen and (min-width: 1000px) {

    /*...your desktop-only style...*/
    
    .fa-calendar{
        color: rgba(119, 118, 118, 0.616);
    }
    .latestDate{
        padding-left: 5%;
      }

  }
 
   /*...your mobile-only style...*/
  @media only screen and (max-width: 500px) {

       .hr{
        float: right;
        clear: both;
        width: 5px; 
        height: 180px;
        margin-top: -15px; 
        margin-left: 15px;
        background-color: red;
       } 
       .hrr{
        background-color: rgb(4, 4, 161);
        height: 3px;
        /* margin-bottom: -5.3%; */
       }
       
       .fa{
        direction: ltr;
        display: inline-block;
        padding: 10px;
        font-size: 14px;
        margin-top: 25%;
        margin-left: 10px;
        margin-right: -3%;
        color: rgb(134, 133, 133);
        background-color:  black;
      
       }
       a.fa{
        display: inline-block;
        background-color: rgb(179, 4, 4);
        padding: 10px;
        width: 90px;
        color: white;
        float: right;
        font-size: 14px;
        /* border-top-left-radius: 20px;
        border-bottom-left-radius: 20px; */
        text-align: center;
       }
       .fa-calendar{
        background-color:rgba(220, 220, 220, 0); 
        margin-top: -2%;
        color: rgba(119, 118, 118, 0.616);
       }
       .latestTitle{
        height: max-content ;
    }
   }