/* HEADLINES */
body, p, li, ul li, p .small {

	font-size: 14px!important;}


h5, h5 a,  a h5 {
     font-size: 18px!important;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
    margin:30px 0 15px 0 ;
	border-bottom:0px!important;
	text-decoration: none!important;
}

 a h5:hover,  h5 a:hover {

    color: #017688;
text-decoration: none!important;
}

 h6 a {font-size: 15px!important;
    line-height: 1.2;
    font-weight: 700;
    color: #111!important;
    margin:30px 0 15px 0 ;
	border-bottom:0px!important;
	text-decoration: none!important;}

 h6 a:hover {

    color: #017688;
text-decoration: none!important;
}

 p a:hover {border-bottom:0px; text-decoration-line: none;}
.post_info_date{    font-size: 11px;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 0.04em;}

 .post_info_date em{

	font-size: 11px!important;}


.spotlight-featured{background-color: #fff;
    border: 1px solid #e5e5e5;
    border-top: 4px solid #E5681C;
    padding: 30px;
    margin: 0 10px;}




#newshub-district, #news-articles{ border-top: 4px solid #038B6D;}
.news-article {padding:10px 0; border-bottom: 1px solid #ccc;}
.input-group {
 background: #fff;
    border: 0px !important;
    font-size: 1em;
    width: 96%;
    padding: 0!important;
    color: #333 !important;
    border-radius: 6px;
    box-shadow: none;
	border:1px solid #f4f4f4;
}




/* CAROUSEL CLEANUP */
.carousel .slide-title {
   font-size: 16px;
   font-weight: 600;
}

.carousel .slide-desc {
   font-size: 13px;
   color: #555;
}





.swiper { margin:10px 0;}
 .swiper-wrapper {	 margin-top: 10px;}
   
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 14px;
  color: #0b6fa4; /* your blue */
  font-weight: bold;
}


.swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
}


.swiper-pagination-bullet-active {
  background: #0b6fa4;
}


.slider-controls	{position:relative; z-index:999;   width:120px; margin:0 auto;   top: -25px;}	


/* Individual slide card */
.swiper-slide {
  display: flex;
  flex-direction: column;
  border-radius:6px;
	    padding: 0 10px;
 overflow: hidden;
  transition: transform 0.25s ease,
              box-shadow 0.25s ease;
}

/* Card hover */
.swiper-slide:hover, .news-article:hover {
  transform: translateY(-2px);

  box-shadow: 0 14px 35px rgba(0,0,0,0.12);
}

/* Images */
.swiper-slide img {
  width: 100%;

  aspect-ratio:16 / 9;
  object-fit: cover;
  display: block;
  border-radius: 6px;

  transition: transform 0.3s ease,
              box-shadow 0.3s ease;
}

 #news-articles img{
  width: 100%;

  aspect-ratio:4 / 3;
  object-fit: cover;
  display: block;
  border-radius: 6px;

  transition: transform 0.3s ease,
              box-shadow 0.3s ease;
}

/* Image hover */
.swiper-slide:hover img , #news-articles:hover img{
  transform: scale(1.02);
}


/* =========================
   SWIPER NAVIGATION BUTTONS
========================= */

.swiper-button-next,
.swiper-button-prev {
  width: 42px;
  height: 42px;
	padding:4px;
	margin-top:5px;

  border-radius: 50%;

  background: #ffffff;

  color: #111827;

  border: 1px solid rgba(0,0,0,0.08);

  box-shadow: 0 8px 24px rgba(0,0,0,0.12);

  transition: all 0.25s ease;
}
.older_button{position:absolute; right:10%;}
.newer_button{position:absolute; left:10%;}

/* Arrow icon size */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 18px;

  font-weight: 700;
}

/* Hover effect */
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: #0f172a;

  color: #ffffff;

  transform: translateY(-2px);

  box-shadow: 0 5px 12px rgba(0,0,0,0.18);
}

/* Positioning */
.swiper-button-prev {
  left: 12px;
}

.swiper-button-next {
  right: 12px;
}

/* Disabled state */
.swiper-button-disabled {
  opacity: 0.35;

  cursor: not-allowed;
}