/*
Theme Name: LhaimaguOnline
Theme URI: https://lhaimagu.online
Description: Developed for Lhaimagu Online. Minimal,clean and simple looking news website theme.
Version: 5.05
Author: Hijaz
Author URI: http://twitter.com/hijaxy
*/





@font-face {
  font-family: waheed;
  src: url(fonts/waheed.otf);
}

@font-face {
  font-family: faseyha;
  src: url(fonts/faseyha.otf);
}

@font-face {
  font-family: faruma;
  src: url(fonts/faruma.otf);
}



@font-face {
  font-family: utheem;
  src: url(fonts/utheem.otf);
}


@font-face {
  font-family: lady;
  src: url(fonts/lady.otf);
}

@font-face {
  font-family: typer;
  src: url(fonts/mvtyper.otf);
}

@font-face {
  font-family: mag;
  src: url(fonts/mag.otf);
}

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
  font-family: lady;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.wp-block-image > img {
  max-width: 100%;

}

.featuredimage {
  width: 100%;
  border-radius: 15px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}

#headtitle {
  font-family: mag;
}

.headtitle {
  font-family: mag;
}

#waheed {
  font-family: waheed;
}


.utheem {
  font-family: utheem;
}
#utheem {
  font-family: utheem;
}

.waheed {
  font-family: waheed;
}

.faruma {
  font-family: faruma;
}
#faruma {
  font-family: faruma;
}

.faseyha {
  font-family: faseyha;
}
#faseyha {
  font-family: faseyha;
}

.lady {
  font-family: lady;
}
#lady {
  font-family: lady;
}

.typer {
  font-family: typer;
}
#typer {
  font-family: typer;
}

.mag {
  font-family: mag;
}
#mag {
  font-family: mag;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

body a {
  color: maroon;
  text-decoration: none;
}

a:hover {
  color: darkgreen;
  text-decoration: none;
}

.slidertitle {
  padding: 10px;
  background-color: rgba(238, 75, 75, 0.6);
}
.slidertitle a{
  color: #2ff139;
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
  background-color: #8E250F !important;
  border: 0px;
}
.btn-primary:hover {
  background-color: darkgreen !important;
}

.articlepage {
	text-align: right;
  font-size: larger;
  line-height: 2;
}

.headtitle {
	text-align: center;
}
.small {
	font-weight: 2;
  font-family: faruma;
}
.foot {
	text-align: center;
	color: maroon;
}

.menuitem  a{
	color: maroon;
  font-weight: bold;
}

.containerhead {
  position: relative;
  max-width: 800px; /* Maximum width */
  margin: 0 auto; /* Center it */
}

.containerhead .content {
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(255, 255, 255); /* Fallback color */
  background: rgba(255, 255, 255, 0.5); /* Black background with 0.5 opacity */
  color: black; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px; /* Some padding */
}



/* ELECTION PART  */
.election-ticker-wrapper {
  background: #000000;
  color: white;
  overflow: hidden;
  font-family: system-ui, -apple-system, sans-serif;
  margin: 1rem 0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.election-ticker-label {
  background: #000000;
  color: white;
  padding: 8px 16px;
  font-weight: bold;
  font-size: 1.1rem;
  display: inline-block;
  border-radius: 8px 0 8px 0;
  position: relative;
  z-index: 2;
  float: inline-end;
}

.election-ticker {
  display: flex;
  width: 100%;
  background: #ffffff;
}

.ticker-track {
  display: flex;
  flex-wrap: nowrap;
  animation: marquee 40s linear infinite;
  padding: 14px 0;
}

@keyframes marquee {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0%); }
}

.candidate-item {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 28px;
  min-width: 110px;
  padding: 10px 14px;
  border-radius: 16px;
  background: #000000;
  border: 1px solid rgba(255,255,255,0.11);
  backdrop-filter: blur(5px);
  text-align: center;
}

.candidate-photo {
  width: 56px;
  height: 56px;
  margin: 6px 0 8px;
  border-radius: 50%;
  overflow: hidden;
  border: 2.5px solid rgba(255,255,255,0.3);
  box-shadow: 0 3px 10px rgba(0,0,0,0.45);
}

.candidate-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.party-logo.top {
  margin-bottom: 6px;
}

.party-logo img {
  display: block;
}

.candidate-name {
  font-weight: 700;
  font-size: 1.05rem;
  margin: 2px 0 4px;
  line-height: 1.2;
}

.vote-percent {
  font-size: 0.95rem;
  font-weight: 600;
  color: #a5d6a7;          /* light green - or use #81c784, #66bb6a etc */
  /* color: #ffca28;       ← gold/yellow alternative */
  /* color: #e0e0e0;       ← subtle white alternative */
}

.election-ticker-wrapper:hover .ticker-track {
  animation-play-state: paused;
}

/* Mobile adjustments */
@media (max-width: 640px) {
  .candidate-item {
    margin: 0 18px;
    min-width: 100px;
    padding: 8px 10px;
  }
  .candidate-photo {
    width: 48px;
    height: 48px;
  }
  .candidate-name {
    font-size: 0.97rem;
  }
  .vote-percent {
    font-size: 0.88rem;
  }
}