/* blog */
@font-face{
  font-family:speda;
  src: url(../fonts/Speda.ttf);
}

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

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

@font-face{
  font-family:Rabar_43;
  src: url(../fonts/Rabar_043.ttf);
}
body{
  overflow-x: hidden;
}
/* shares  */
.post-details .shares {
margin-bottom: 10%;
  zoom: 80%;
  display: grid;
  grid-template-columns:400px 600px;
  grid-gap: 30px;
  
}
.shares .share {
  align-content: center;
  align-self: center;
  
}
.right-box .post-info .blog-post .blog-post-info .share button {
  margin-right: 5px;
  border-radius: 50px;
  font-family: sans-serif;
  padding: 10px 15px;
  outline: none !important;
  zoom: 85%;
  
}


/* socail button */
.right-box .post-info .blog-post .blog-post-info .share .pinterest{
  background-color: #E60023 !important;
  color: white;
  border: none;

}

.right-box .post-info .blog-post .blog-post-info .share .twitter{
  background-color: #1DA1F2 !important;
  color: white;
  border: none;
}

.right-box .post-info .blog-post .blog-post-info .share .facebook{
  background-color: #3b5998 !important;
  color: white;
  padding:10px 18px;
}

/* hover social icons */
.right-box .post-info .blog-post .blog-post-info .share .pinterest:hover{
  background-color: #940016 !important;
}

.right-box .post-info .blog-post .blog-post-info .share .facebook:hover{
  background-color: #0e2557 !important;
}

.right-box .post-info .blog-post .blog-post-info .share .twitter:hover{
  background-color: #0e4e75 !important;
}

.right-box .post-info .blog-post .blog-post-info .share span{
  border-radius: 10px;
} 



.shares .bd-post-thumbnail .img-post{
  border-radius: 10px !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

}


/* new blog post */
.right-box .post-info .blog-post{
  padding: 1rem;
  display: flex;
  align-items:stretch;
  text-align: right;
}

.right-box .post-info .blog-post .blog-post-img{
  min-width: 25.5rem;
  max-width: 25.5rem;
  height: 20rem;
  margin-left: 5%;


}
.right-box .post-info .blog-post .blog-post-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: .8rem;
}

 .right-box .post-info .blog-post .blog-post-info .about-post{
   /* background-color: #0e4e75; */
   color: #707070;
   font-family: speda !important;
   width:100%;
   
  }

.right-box .post-info .blog-post .blog-post-info .blog-post-title{
  width:88%;
  margin: 1.5rem 0 2rem;
  text-align: right;
  font-weight: 600;
}

/* recent post */

.sidebar{
position: relative;
left:2%;
}

.sidebar .widget {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 0 35px;
  width: 95% !important;
  text-align: right;
}
.sidebar .PopularPosts .post{
  overflow:hidden;
  margin:20px 0 0
  }
  .sidebar .PopularPosts .post:first-child{
  padding:0;
  margin:0;
  border:0
  }
 .sidebar .PopularPosts .post-image-link{
  position:relative;
  width:80px;
  height:70px;
  float:left;
  overflow:hidden;
  display:block;
  vertical-align:middle;
  margin:0 12px 0 0
  }
 .sidebar .PopularPosts .post-info{
  overflow:hidden
  }
  .sidebar .PopularPosts .post-title{
  font-size:13px;
  font-weight:500;
  line-height:1.5em;
  margin:0 0 3px

  }
 .sidebar .PopularPosts .post-title a{
  display:block;
  color:#333333;
  transition:color .17s
  }
  .sidebar .PopularPosts .widget-content .post:hover .post-title a{
  color:#46c0f0
  }
  .sidebar .PopularPosts .post-date:before{
  font-size:10px
  }
  .sidebar .widget .widget-title{
    position:relative;
  
    width:100%;
    height:38px;
    background-color:#46c0f0!important;;
    display:block;
    margin:0 0 20px;
    border-radius: 10px !important;
    }

    .sidebar .widget .widget-title > h3{
      position:relative;
      display:block;
      height:32px;
      font-size:14px;
      color:#fff;
      font-weight:590;
      line-height:32px;
      text-align:center;
      text-transform:uppercase;
      padding:3px 15px;
      margin:0;
      border-radius:2px 2px 0 0;
      
      
      }

      .sidebar .widget .widget-content{
        float:left;
        width:100%;
        margin:0
        }

        .single-page-content{
          width: 93% !important;
          margin-top: 4%;
        }
        .single-page-content p{
          text-align: justify;
        }

        /* recent post */
        .widget .widget-content .post-content .recent_post_title{
          font-size: 12px;
          margin-right: 13px;
          padding:0px 11px;
          text-align: right;
        }
        .widget .widget-content .post-content .recent_post_title p{
            color: #707070 !important;
        }

        .widget .widget-content .recent_post_title a{
          text-decoration: none;
          color: black;
          font-family:Rudaw;
          transition-property: color;
        margin-bottom: 12px;
  
          
        }
        .widget .widget-content .recent_post_title a:hover{
          color:#17a2b8;
          
        }
        .widget .widget-content .post-content .recent_post_img img{
          border-radius: 8px !important;
        }

        /* category sidebar */
        .widget .widget-content ul{
          list-style-type:circle
        }

        .widget .widget-content ul li a{
          color: black;
          text-decoration: none;
        }
      
        .widget .list-group a{
          text-decoration: none !important;
          
        }

        .widget .list-group a li span{
          color: #0b3c64;
    font-family: Rudaw;
    font-weight: 590;
        }

        .widget .list-group a .list-content:hover{
          background-color: #ccc;
          cursor: pointer;
        
        }
        /* .widget .list-group a .list-content:hover span{color:white} */

        .widget .list-group .list-group-topic{
          background-color: #46c0f0;
          color:white !important;
        }


      /* card slider */
    
      .sidebar .card-slider .widget-title{
        position:relative;
      
        width:100%;
        height:38px;
        background-color:#46c0f0!important;;
        display:block;
        margin:0 0 20px;
        border-radius: 10px !important;
        }
    
        .sidebar .card-slider .widget-title > h3{
          position:relative;
          display:block;
          height:32px;
          font-size:14px;
          color:#fff;
          font-weight:590;
          line-height:32px;
          text-align:center;
          text-transform:uppercase;
          padding:3px 15px;
          margin:0;
          border-radius:2px 2px 0 0;
          font-family: Rudaw;
          
          }

         .sidebar .card-slider{
           background-color: #fff;
           box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          padding: 20px;
          border-radius: 15px;
          
           
         }

         

       

        




    /*  tag */
    .post-info .row .tags-btn .card .card-body .tag-title{
      transform: translate(20%,10%);
    }
.post-info .row .tags-btn .card .card-body .tag-title span{
  border:1px solid #acacac;
  padding: 10px 5px 10px 5px;
  border-radius: 10px;
  background-color:#18191A !important;


}
.post-info .row .tags-btn .card .card-body .tags button{
  border:1px solid #acacac;
  padding: 10px 8px 5px 8px;
  border-radius: 10px;
  background-color: #46c0f0 !important;
  margin-left: 8px;
  zoom: 80%;
  
}

.post-details .tag span{
  border-radius: 10px;
}
     
   
    
@media only screen and (max-width:1267px){
  .right-box .post-info .blog-post{
  zoom: 80%;
  }
}

@media only screen and (max-width:1068px){
  .right-box .post-info .blog-post{
  zoom: 80%;
  }
}
        
@media only screen and (max-width:992px){
  .right-box .post-info .blog-post{
    zoom: 70%;
  }
}
 
/* responsive */
@media only screen and (max-width: 768px) {
  .right-box .post-info .blog-post{
    flex-direction: column;
  }
  .right-box .post-info .blog-post .blog-post-img{
    min-width: 100%;
    max-width: 100%;
   zoom: 86%;
  }
  .right-box .post-info .blog-post .blog-post-info .blog-post-title{
    font-size: 22px;
    transform:translate(-20%,0);
    width: 70%;
    
  }
  .right-box .post-info .blog-post .blog-post-info .about-post{
  zoom:88%;
   
  }
  .right-box .post-info .blog-post .blog-post-info .share{
    transform:translate(-3%,0);
   }

   .right-box .post-info .single-page-content{
    width:100% !important;
    /* position: relative;
    right: -33px !important; */
    transform: translate(10%,0);
    margin-top: 8% !important;
    /* background-color: red; */
    
    
  }
  .right-box .post-info .single-page-content p{
    font-size: 14px !important;
    line-height: 26px;
    text-align: justify;
   
    
    
  }
  .right-box .post-info .blog-post .blog-post-info .share button {
    zoom: 75%;
  }
}








@media only screen and (max-width: 600px) {
  .shares .share {
    width: 30%;
    position: relative;
    right: 2px;
    margin-bottom: 10%;
    margin-top:0 !important;
  }
  .sidebar .widget{
   width: 100% !important;
  }
  .shares .share a{
    position: relative;
    right: 8%;
    top: 14%;
  }
  .shares .bd-post-thumbnail .img-post{
    width: 75% !important;
  }
  .share-title{
    zoom: 90%;
  }
  .post-details{
    width: 100%;
  }
  .post-details .post-title h4{
    width: 100%;
    font-size: 18px !important;
    font-family: rudaw !important;
  }
  .shares .share button {
    margin-right: 5px;
    border-radius: 50px;
    font-family: sans-serif;
    padding: 5px 10px;
    outline: none !important;
    margin-left: 7px;
  }

  .shares .share .facebook{
    margin-right: 5px;
    border-radius: 50px;
    font-family: sans-serif;
    padding: 5px 11px;
    outline: none !important;
    margin-left: 7px;
  }
  /* هاوبەشی بکە */
  .shares .share .about-post{
  zoom: 100% !important;
  font-family: speda !important;

  }




}




/* @media only screen and (width:375px) {
  .right-box .post-info .blog-post .blog-post-img{
    zoom: 68%;
    transform: translate(-24%,0);
   }
 
   .right-box .post-info .blog-post .blog-post-info .blog-post-title{
     font-size: 20px;
     transform: translate(-18%,0);
     width: 70%;
     
   }
   .right-box .post-info .blog-post .blog-post-info .about-post{
     transform: translate(-6%,0);
     zoom: 90%;
   }
  
   .right-box .post-info .blog-post .blog-post-info .share{
     zoom: 100%;
     transform: translate(-15%,0);
    }
 
 
    .right-box .post-info .single-page-content{
     width:110% !important;
   
     transform: translate(2%,0);
     margin-top: 8% !important;
     
     
   }
   .right-box .post-info .single-page-content p{
     font-size: 14px !important;
     line-height: 26px;
     text-align: justify;
    
     
     
   }
 
   .widget{
     transform:translate(-4%,0);
    }
 
    .card-slider{
     transform:translate(-4%,0);
    }
   
} */





/* mobile small */


/* @media only screen and (width:320px) {
  .right-box .post-info .blog-post{
    flex-direction: column;
  }
  .right-box .post-info .blog-post .blog-post-img{
   zoom: 68%;
   transform: translate(-9%,0);
  }

  .right-box .post-info .blog-post .blog-post-info .blog-post-title{
    font-size: 20px;
    transform: translate(-4%,0);
    
  }
  .right-box .post-info .blog-post .blog-post-info .about-post{
    transform: translate(-6%,0);
    zoom: 70%;
  }
  /* .right-box .post-info .blog-post .blog-post-info .about-post{
   margin-right:23px !important;
   
  } 
  .right-box .post-info .blog-post .blog-post-info .share{
    zoom: 80%;
    transform: translate(-15%,0);
   }


   .right-box .post-info .single-page-content{
    width:110% !important;

    transform: translate(2%,0);
    margin-top: 8% !important;
    
    
  }
  .right-box .post-info .single-page-content p{
    font-size: 14px !important;
    line-height: 26px;
    text-align: justify;
   
    
    
  }

  .widget{
    transform:translate(-4%,0);
   }

   .card-slider{
    transform:translate(-4%,0);
   }
  

} */


@media only screen and (max-width: 300px) {
  .shares .share {
    width: 340px;
  }
  .shares .share a{
    position: relative;
    right: -6%;
  }
  .shares .bd-post-thumbnail .img-post{
    width: 300px !important;
  }
  .about-post{
    zoom: 65%;
  }
  .post-details{
    width: 100%;
  }
  .post-details .post-title h4{
    width: 100%;
    font-size: 18px !important;
    font-family: Rudaw !important;
  }

  .right-box .post-info .single-page-content {
    width:100% !important;
    /* position: relative;
    right: -33px !important; */
    transform: translate(10%,0);
    margin-top: 8% !important;
    
  }
  .right-box .post-info .single-page-content p{
text-align:start;
  }

  .right-box .post-info .blog-post .blog-post-info .about-post{
    transform: translate(5%,0);
    zoom: 50%;
  }
  /* .right-box .post-info .blog-post .blog-post-info .about-post{
   margin-right:23px !important;
   
  } */
  .right-box .post-info .blog-post .blog-post-info .share{
    zoom: 80%;
    transform:translate(10%,0);
   }

   .right-box .post-info .blog-post .blog-post-info .blog-post-title{
     width:100%;
    font-size: 20px;
    transform:translate(15%,0);
    
  }

  .right-box .post-info .blog-post .blog-post-img{
    min-width: unset;
    max-width: unset;
    zoom: 68%;
    transform: translate(16%,0);
   }

   .widget{
    transform:translate(2%,0);
   }

   .card-slider{
    transform:translate(2%,0);
   }
}