/* 
Theme Name: Dev Niraj
Author: Niraj Pal
Description: The official theme by <a href="https://nirajpal.com.np/">  Niraj Pal </>
Version: 1.0.0
*/
  

  /* form data sending css */
  @keyframes blink {
    50% { opacity: 0; }
  }

  .loading-dots {
    display: inline-block;
  }

  .loading-dots span {
    animation: blink 1s infinite;
    display: inline-block;
    margin-right: 3px;
  }

  /* recaptcha some portion hiding */
  .cf7sr-g-recaptcha{
    width: 180px!important;
    height: 70px!important;
    overflow: hidden!important;
    border: 1px solid #bbb;
  }

  /* ============== Pagination css starts=================== */
  .pagination .page-numbers{
     margin-right: 1rem;
     width: 2.45rem;
     height: 2.45rem;
     font-size: 1.3rem;
     font-weight: 600;
     text-align: center;
     border-radius: 50%;
     line-height: 2rem;
     border: 2px solid rgb(53,137,65);
     color: rgb(53,137,65);
     background: #fff;
   }
   .pagination .page-numbers:hover{
    background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
     color: #fff;
   }
   .pagination .current {
    background: rgb(53,137,65);
    background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
    color: #fff;
    border: none;
   }
   .pagination .page-numbers:last-child{
     margin-right: 0rem;
   }
   /* ============== Pagination css ends=================== */
  
  
   /* ============== Search Field CSS starts=============== */
   .wp-block-search__button{
    background: #687aa9;
    color: var(--white-color);
    padding: 8px;
    width: 4.5rem;
    top: 32px!important;
    border-radius: 0 0.5rem 0.5rem 0;
   }
   .wp-block-search__inside-wrapper {
    border-radius: 4px;
    border: 2px solid #687aa9;
    background: #f4f5f8;
   }
   .sidebar-info li{
    list-style: none;
   }
   /* ============== Search Field CSS ends=============== */
  
  
  /* ============== Gallery CSS starts=============== */
   .gallery_item{
    border-radius: 4px;
    padding: 10px;
   }
   .gallery_item:hover strong{
     color: #003091;
   }
   .gallery_item:hover img{
    transform: scale(1.05);
  }
   .gallery_item .post-section{
    background: rgb(239, 239, 255);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
   }
   .gallery_item .image{
    border-radius: 6px;
    padding: 10px;
    background: rgb(239, 239, 255);
   }
   .gallery_item .fw-bold{
    padding-bottom: 12px;
   }
   .gallery_item p{
    margin: 0px;
    padding: 0px;
    font-size: 16px!important;
    text-align: center;
   }
   .gallery_item img{
    border-radius: 4px;
    height: 250px;
    width: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
   }
  /* ============== Gallery CSS ends=============== */
  
  
  /* direction button starts */
  .direction_button{
    width: fit-content;
    background: #003091;
    border-radius: 6px;
    padding: 0 5px;
    margin-top: 20px;
    animation: animate2 3s linear infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    /* box-shadow: 0 0 30px 2px #f54a5b; */
    cursor: pointer;
    animation-delay: 0.3s;
  }
  .direction_button a{
    color: #fff;
    font-weight: 400;
    padding: 6px 10px;
  }
  .direction_button a:hover{
    color: #fff;
  }
  .direction_button:hover{
    background: #0a46be;
  }
  /* @keyframes animate2 {
    0% {
      transform: scale(1);
    }
    30% {
      transform: scale(1.1);
    }
  } */
  
  @media screen and (max-width:768px){
   .direction_button{
     bottom:20px;
   }
   .direction_button a{
    padding: 4px 8px;
  }
  }
  @media screen and (max-width: 576px){
    .direction_button{
      left: -25px;
    }
  }
  /* direction button ends */
  
  
  /* search page css starts */
  .search-results {
    margin-top: 20px;
  }
  .entry-title a {
    color: #333;
    text-decoration: none;
  }
  .entry-title a:hover {
    text-decoration: underline;
  }
  .post-thumbnail img {
    max-width: 100%;
    height: auto;
  }
  .entry-meta {
    color: #666;
  }
  /* search page css ends */
  
  
  /* single page css starts */
  .blog_items .item img{
    width: 100%;
    height: auto;
    border-radius: 4px!important;
  }
  .date_single{
    margin-left: 6px;
  }
  .blog_items .meta ul{
    margin-top: 10px;
     display: flex;
     justify-content: space-between;
  }
  .single_page_icon{
    font-size: 18px;
    color: #10547b;
  }
  .single_page_meta{
    font-size: 16px;
    font-weight: 500;
    color: #10547b;
  }
  .single_page_title{
    margin-top: 20px;
    font-weight: 600;
    font-size: 36px;
    color: #10547b;
  }
  .single_page_description{
    margin-top: 25px;
    font-weight: 500;
    font-size: 18px;
    color: #222;
  }
  .page_content_main{
    width: 100%!important;
  }
  .recent-post .thumb{
    width: 100px!important;
    height: auto;
  }
  .recent-post .thumb img{
    width: 100%;
    height: 100%;
  }
  /* single page css ends */