*,
:after,
:before {
  box-sizing: border-box;
}

.navbar-brand {
  font-size: 24px;
}
.emoji {
  font-size: 20px;
}
.navbar-custom .nav-link,
.navbar-custom .navbar-brand,
.navbar-custom .dropdown-item {
  padding: 1rem;
}
.active > .nav-link {
  color: black;
  font-weight: bold;
}
.breadcrumb-container {
  background-color: #f1f4f6; /* Light grey background */
  padding: 10px 20px;
  border-radius: 5px;
}
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  width: 100%;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
/* Change the background color of the carousel indicators */
.carousel-indicators [data-bs-target] {
  background-color: black; /* Change this to your desired color */
}

/* Change the background color of the active carousel indicator */
.carousel-indicators .active {
  background-color: #fff; /* Change this to your desired color */
}
#article-list {
  min-height: 250px;
}

.carousel-img {
  width: 647px;
  height: 430px;
  object-fit: cover;
} 
/* Single Article Style */
#header, #card, #breadcrumb {
  max-width: 52rem;
}
#breadcrumb {
  margin-bottom: 1rem;

}
/* login */
#container {
  margin-top: 7rem;}

/* footer social Icons */
.icon-hover {
    transition: color 0.3s ease, transform 0.3s ease;
}
.icon-hover:hover {
    color: red;
    transform: scale(1.3);
}

/* home page, all article button */
a.all-articles{
  display:inline-block;
   padding:0.35em 1.2em; 
   border:0.1em solid #000000; 
   margin:0 0.3em 0.3em 0; 
   border-radius: 10px; 
   box-sizing: border-box; 
   text-decoration:none; 
   font-family:'Roboto',sans-serif; 
   color:#FFFFFF; 
   text-align:center; 
   transition: all 0.2s;
   background-color:#000000;
   font-weight: bold;
}
a.all-articles:hover{
  color:#FFFFFF; 
  background-color:#000000; 
}