@import "https://kitabat.blog/static/fonts/fonts/styles.css";

* {
    font-family: 'DroidArabicKufi';

}

a {
    color: inherit;
}

.row {
    position: relative;
}

.column {
    margin-bottom: 5px;
}

img:not(.img) {
    width: 100%;
    height: auto;
}

@keyframes imgbg {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 100%;
    }
}

a:hover {
    color: inherit;
}

.imgbg {
    width: 100%;
    height: 200px;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.imgbg:hover {
    /*animation: imgbg 3s linear;
    background-position: 0% 100%;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'HacenLinerXL';
}

body {
background-image:url("https://kitabat.blog/static/images/site/bg.png");
  /*  background: #dddde4;*/
}

.fluid {
    max-width: 100%;
}

.header {
    height: 133px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}

.grid-container {
    max-width: 69.5rem;

}

.blog_title {
    font-size: 38px;
    line-height: 0.284;
    margin-top: 56px;
    color: rgb(255, 255, 255);
}

.header_menu {
    background-image: url('https://kitabat.blog/static/images/site/menu.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    height: 39px;
}

.header_menu ul li {

    color: #fff;
}

.header_menu ul li a {
    padding: 12px 25px;
}

.header_menu ul li:hover {
    background-color: #878480;

}

.title_border_1 {
    border-bottom: solid rgb(33, 52, 63) 2px;
}

.title_border_2 {
    font-weight: bold;
    padding-left: 14px;
    width: fit-content;
    border-bottom: solid rgb(33, 52, 63) 4px;
}

.chose_you_image {
    height: 220px;
    width: 100%;
    margin-top: 12px;
    border-top-left-radius: 10px;
    background-position: center;
    border-top-right-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}

.article_random_title {
    border-radius: 10px;
    height: 112px;
    font-size: 16px;
    background: #fff;
    padding: 10px 10px 5px 8px;
}

/*  **************************   latest news css              *****************************************************/
.latest_news {
    margin-top: 50px;

}

.news_row {
    margin-top: 22px;
    height: 191px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 2.94px 0.06px rgba(34, 34, 34, 0.14);
}

.new_image {
    border-radius: 10px;
    height: 190px;
    width: 100%;
        background-position: center;
        background-size: cover;
}

.news_title {
    font-weight: bold;
    font-size: 18px;
    padding: 12px 18px 4px 18px;
}

.news_content {
    font-size: 14px;
    padding: 0px 21px;
    color: rgb(33, 52, 63);
    line-height: 1.9;

}

.clock {
    float: right;
    max-width: 15px;
    margin: 18px 21px;
}

.date {
    float: right;
    color: rgb(182, 184, 184);
    font-size: 12px;
    margin: 18px -13px;
}

.news_view_more {
    margin-left: 20px;
    float: left;
    border-radius: 13px;
    width: 105px;
    height: 28px;
    background-color: rgb(186, 223, 231);
    margin-top: 8px;
}

.news_view_more_icon {
    float: right;
    max-width: 16px;
    margin: 6px 8px 0px 0px;
}

.view_more_text {
    padding-right: 28px;
    color: rgb(33, 52, 63);
    font-size: 12px;
    margin-top: 4px;
}

.control_manger {
    border-radius: 10px;
    background-color: #2b466c;
    box-shadow: 0px 1px 2.94px 0.06px rgba(34, 34, 34, 0.14);
    height: 326px;
    margin-top: 40px;
}

.control_manger_image {
    margin-right: 14%;
    margin-top: 18px;
}

.control_manger_border {
    border-radius: 10px;
    width: 90%;
    height: 163px;
    border: solid #fff 1px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -70px;
}

.control_manger_text {
    margin: 84px 8px 0px 8px;
    color: #fff;
    font-size: 14px;
}

.search_section {
padding-top:100px;
    margin-top: 33px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 2.94px 0.06px rgba(34, 34, 34, 0.14);
    height: 326px;
}

.news_title_slider {
    font-weight: bold;
    padding-right: 10px;
    padding-top: 11px;

}

.input_search {
    border-width: 1.22px;
    border-color: rgb(229, 229, 229);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(245, 245, 245);
    width: 254.56px;
    height: 35.56px;
    margin-right:auto;
    margin-left:auto;
    background-image:url('https://kitabat.blog/static/images/site/search.png');
    background-repeat:no-repeat;
        background-position-x: 9px;
        background-position-y: 5px;
}

.search_button{
    margin-right: auto;
    border-radius: 15px;
    background-color: rgb(68, 68, 68);
    width: 83px;
    height: 30px;
    color: rgb(157, 157, 157);
    margin-left: auto;
    display: -webkit-box;
    cursor:pointer;
}
.search_button:hover{
background:#222222;
}
.video_image_1{
height:393px;
width:100%;
 background-repeat:no-repeat;
 background-size: cover;
}
.video_image_2{
    height: 190px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.video_image_2:nth-child(2){
    margin-top: 13px;

}

/*     test ************************/

.video_cell{
margin-left: 6px;
position: relative;
width: 694px!important;

}
.set-grid div.cell {
    margin-bottom: 22px;
    margin-left: 0;
    overflow: hidden;
}
.image-news-miscellaneous {
    width: 100%;
    height: 100%;
}
.partNewsImage {
    padding-left: 1rem;
}
.iconVideoNews {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.iconVideoNews .iconCenterDiv {
    text-align: center;
}
.partNewsImage .iconCenterDiv img.img {
    width: 68px;
    transition: all 0.2s ease;
}
.title-miscell-news {
    color: #fff;
    margin-left: 8px;
    margin-right: 8px;
    padding-right: 4px;
    padding-left: 4px;
    justify-content: center;
    text-align: center;
    overflow: hidden;
 position: relative;
        opacity: 0;
    bottom: -360px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cell-news-miscellaneous:hover .partNewsImage .iconCenterDiv img.img {
    width: 35px;
}

.cell-news-miscellaneous:hover .xx-fade {
    background: -moz-linear-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
    background: -webkit-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
    background: -webkit-linear-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
    background: -o-linear-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
    background: -ms-linear-gradient(3deg, rgba(0, 39, 64, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
    background: linear-gradient(3deg, rgba(11, 13, 14, 0.77) 16%, rgba(134, 59, 97, 0) 76%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 5s ease;
    transition: all 5s ease;
}

.cell-news-miscellaneous:hover .title-miscell-news {
   bottom: -350px;
    height: 47px;
    opacity:1;

}
.video_title_second{
bottom: -132px;

}
.cell-news-miscellaneous:hover .video_title_second{
bottom: -132px;
}
.articles_image{
border-radius:10px;
    height: 130px;
    background-repeat: no-repeat;
    width: 100%px;
    background-size: 100% 90%;

}
.article_column{
margin-top:13px;
    padding-left: 20px;
}
.article_column_2{
    min-height: 383px;
padding-bottom:14px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0.035px 0.999px 4.8px 0.2px rgba(0, 0, 0, 0.24);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.articles_title{
    color: rgb(70, 70, 70);
    font-weight: bold;
font-size: 14px;
      padding: 0px 10px 10px 10px;
}
.articles_content{
    font-size: 11px;
    color: rgb(70, 70, 70);
        padding: 0px 4px 20px 4px;
}
.articles_view_more{
    padding: 1px 13px;
    font-size: 16px;
    width: 80px;
    margin-right: auto;
    background-color: rgb(235, 235, 235);
    border-radius: 10px;
    margin-left: auto;
    display: block;
    text-align: center;
    height: auto;
}
.another_blog{
height:350px;
background-image:url('https://kitabat.blog/static/images/site/another_blog.png');
    background-size: cover;
}

/*  test111  */
.overlay-container {
    position: relative;
    display: block;
    overflow: hidden;
}
.thumbnail {
    border: solid 0px #fefefe;
    border-radius: 11px;
    background-color: rgb(18, 79, 102);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow 200ms ease-out;

    margin-bottom: 1rem;
}

.right_dept_ {
    background-size: 100% 100%;
    width: 100%;
    height: 220px;
    background-repeat: no-repeat;
    background-position: center;
}
.overlay1 {
    position: absolute;
    top: 5px;
    bottom: 65px;
    left: 5px;
    right: 5px;
    background-color: rgba(0,0,0,0.70);
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}
.slide_button_sty_next, .slide_button_sty_nextNews {
    height: 49px;
    width: 36px;
    background: rgba(109, 105, 76, 0.79) url(https://kitabat.blog/static/images/site/left.png) no-repeat center;
    background-size: 15px;
       margin-left: -21px;
    margin-top: 0px;
}

.slide_button_sty_pre, .slide_button_sty_preNews {
    height: 49px;
    width: 36px;
    background: rgba(109, 105, 76, 0.79) url(https://kitabat.blog/static/images/site/right.png) no-repeat center;
    background-size: 15px;
    margin-right: 5px;
    margin-top: 0px;
}
.another_blog_div{
color:#fff;

}
.blog_column_1{

padding-right: 26px;
}
.footer_{
background-color:#383838;
height:60px;
color:#fff;
padding-top: 26px;
}
.news_category{
height:330px;
border-top:4px solid rgb(125, 167, 217);
background: #fff;
box-shadow: 0.996px -0.087px 0.93px 0.07px rgba(0, 0, 0, 0.39);
}
.cell .news_category{
    padding-top: 117px;
    margin: 7px;
text-align:center;
}
.news_category_title{
    padding-top: 14px;

}
.news_category:hover{

   background-color: rgb(239, 249, 253);
}
.is-dropdown-submenu > li {
    background: #233a74;
    margin-right: 0px !important;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    animation-name: translateFromBottom;
    -webkit-animation: translateFromBottom;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu{
    left: auto;
    right: 0%;
    top: 41px;

}
/**** End response ****/
.socialicon {
float:left;
    background: url('https://kitabat.blog/static/images/site/social_media.svg');
    height: 34px;
    width: 31px;
    margin: 0 5px;
    transition: transform 0.6s ease-in-out;
    display: block;
    background-size: 125px 45px;
}
.socialicon-twitter {
   background-position:61px 0px;
}
.socialicon-facebook {
   background-position:31px 0px;
}
.socialicon-whatsapp {
    background-position:0px 0px;
}
.socialicon-telegram {
   background-position:95px 0px;
}
.socialicon:hover {
   /* transform: rotate(360deg);*/
}
.jssor_1{
    width: 490px!important;
}
.Articles_category{
    padding-left: 50px;
}
.div_contents{
margin-top: 70px;
}
.div_slider{
width: 325px;
}
.Div_articles{
padding-left: 39px;
width: 734px;
margin-top: 37px;

}
@media screen and (max-width: 800px) {
.another_blog_div {
    padding-bottom: 20px;
    }
.right_dept_{
      margin-bottom: 43px;
      padding-right: 14px;
}
.another_blog{
height:auto;
}
.blog_title{
font-size: 23px;

}
.video_image_2{
    margin-bottom: 20px;

}
.header_menu ul li a{
    padding: 15px 13px;
    font-size: 12px;
}
.socialicon{
    margin-bottom: 15px;

}
.news_row{
height:auto;

}
.cell .news_category {
    padding-top: 89px;
}
.news_category{
    height: 250px;
}
.Div_articles{
width:100%;
padding:10px;
}
.div_slider{
width:100%;
}
.video_cell{
    width: 100%!important;

}
.Articles_category{
    padding-left: 0px;
}
.article_column{
    padding-right: 10px;
    padding-left: 10px;
}
.articles_image{
    height: 245px;
    background-size: cover;
}
.div_contents{
margin-top: 0px;
}
}
.admin_add_new{

    margin-bottom: 25px;
    color: #5a16ff;
}