/*
Theme Name: Jaipur National University Blog
Theme URI:
Author: GopalP
Author URI:
Description:
Version: 2025.02
*/
@charset "utf-8";
/* CSS Document */

.comment-list{ margin:0 0 24px; padding:0; list-style:none; display: flex; flex-direction: column; gap: 24px}
.comment-list li{ padding: 20px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 12px;}
.comment-reply-title small a{ font-size:16px; color: var(--bs-red); margin-left:16px;}

.apply-now-btn {
    position: fixed;
    top: 50%;
    right: 0 ;
    transform: translateY(-50%) ;
    background-color: var(--bs-blue);
    color: #fff;
    padding: 15px 10px ;
    text-decoration: none ;
    font-weight: 600 ;
    border-radius: 8px 0 0 8px !important;
    writing-mode: vertical-rl ;
    text-orientation: mixed;
    z-index: 9999 !important;
    transition: background-color 0.3s, transform 0.3s;
	border: 2px solid var(--bs-secondary);
}

/* Swiper navigation arrows */
.blogSwiper .swiper-button-next,
.blogSwiper .swiper-button-prev {
  top: 50%;                 /* keep them vertically centered */
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  border-radius: 50%;
  z-index: 10;
}

/* Push arrows further outside */
.blogSwiper .swiper-button-next {
  right: -60px;   /* increase this value to move it further right */
}
.blogSwiper .swiper-button-prev {
  left: -60px;    /* increase this value to move it further left */
}

/* Pagination dots */
.blogSwiper .swiper-pagination {
  position: relative;
  margin-top: 25px;   /* add space below posts */
}

/* Optional: style dots */
.blogSwiper .swiper-pagination-bullet {
  background: #333;
  opacity: 0.6;
}
.blogSwiper .swiper-pagination-bullet-active {
  background: #000;
  opacity: 1;
}



.pagination {
  display: flex;
  justify-content: center;
  margin: 30px 0;
  padding-left: 0;
  list-style: none;
}

.pagination li {
  margin: 0 5px;
}

.pagination li a {
  display: block;
  padding: 10px 16px;
  border-radius: 6px;
  background: #f8f9fa;
  border: 1px solid #ddd;
  color: #333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.pagination li.active a,
.pagination li a:hover {
  background: #0073e6;
  color: #fff;
  border-color: #0073e6;
}

.pagination li.disabled a {
  pointer-events: none;
  opacity: 0.6;
}