body{
    /* background-color: rgb(162, 159, 164); */
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  a:link { 
    text-decoration: none; 
    color: #000;
  } 
  a:visited { 
    text-decoration: none; 
    color: #000;
  } 
  a:hover { 
    text-decoration: underline !important; 
    /* color: #c12929; */
    
  } 
  a:active { 
    text-decoration: none; 
    color: #000;
  }
  


  .jacquard-24-charted-regular {
    font-family: "Jacquard 24 Charted", system-ui;
    font-weight: 400;
    font-size: 5em;
    font-style: normal;
    text-align: center;
  }
  .hrline{
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   padding: 1px;

  }

 .thumb{
  max-width: 100%; 
  border-radius: 10px;
display: block; 
height: auto;
 }
 .catheading{
  color: brown;
 }

 /* unvisited link */
a:link {
 /* color: #db3545; */
  text-decoration: none;
}

.navContainer{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.navWidth{
  width:150px;
}

footer {
  text-align: center;
  padding: 20px;
  background-color: #f2f2f2;
  color: #000;
}


.vl {
  border-left: 1px solid rgba(17, 18, 17, 0.203);
  height: auto;
}
.line{
  border-left: 5px solid rgba(241, 131, 5, 0.916);
  height: auto;
  color: darkgray;
  font-weight: bold;
  padding: 5px;
}

.head-line{
  border-left: 5px solid rgba(241, 131, 5, 0.916);
  height: auto;
  color: #290000;
  font-weight: bold;
  padding: 5px;
}
.pan{
  width: 259px;
}

/* Social share */
.social-share {
  display: flex;
  gap: 30px;
}

.social-share a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-decoration: none;
  font-size: 20px;
  transition: all 0.3s ease-in-out;
}

.facebook {
  background: #1877F2;
  color: white;
}

.twitter {
  background: #1DA1F2;
  color: white;
}

.linkedin {
  background: #0077B5;
  color: white;
}

.whatsapp {
  background: #25D366;
  color: white;
}

.social-share a:hover {
  opacity: 0.8;
}
/* Weahter css */
#weather{
  margin-top: 20px;
  padding: 10px;
  background-color: #525252;
  color:#fff;
  font-size: large;
  font-weight: bold;
  border-radius: 5px;
}
#weather a:link{
  color: #fff;
}

.panTemp{
  font-size: 50px;
  font-weight: bold;
}
.heroRow{
  background-color: #9cd1f0;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.weatherHero{
  background-color: #fff;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

#panWeekday{
  display: flex;
}