body{
   font-family: Arial;
 }
 .container{
  margin-top: 5rem;
 }
 h2.coalition{
   color: #000000;
   font-family: Arial;
   font-weight: 700;
   font-size: 3.5rem;
 }
 h2.RSBA{
   color: #004D97;
   font-family: Arial;
   font-weight: 700;
   font-size: 3.5rem;
 }
 h3{
  font-family: Arial;
 }
 .logo1{
   width:7% !important;
 }
 .logo6{
  width:10% !important;
  padding-left: 1rem;
 }
 .logo7{
  width:7% !important;
  padding-left: 1rem;
 }
 .logo8{
  width:10% !important;
  padding-left: 1rem;
 }
 .logo9{
  width:7% !important;
  padding-left: 1rem;
 }
 .logo2{
   width:13% !important;
   padding-left: 1rem;
 }
 .logo3{
   width:13% !important;
   padding-left: 1rem;
 }
 .logo4{
   width:13% !important;
   padding-left: 1rem;
 }
 .logo5{
   width:9% !important;
 }
 .logo10{
  width: 7% !important;
 }
 .nfllogo{
  width: 52%;
 }
 .mlslogo{
  width: 60%;
 }
 .baseballlogo{
  width:95%;
  margin-top: 2rem;
 }
 .nascarlogo{
  width:95%;
  margin-top: 5rem;
 }
 .wnbalogo{
  width:85%;
  margin-top: 3rem;
 }
 .nhllogo{
  width:55%;
 }
 .foxlogo{
  width:85%;
  margin-top: 1rem;
 }
 .jumbotron {
   padding: 3rem 1rem;
   margin-top: 2rem;
   margin-bottom: 5rem;
   background:#EBF3FE;
 }
 p{
  font-family: Arial;
  font-size: 1.2rem;
  text-align: left;
 }
 .blockquote-footer{
  color:#212529 !important;
  font-family: Arial;
  font-size: 1.2rem !important;
 }
 .nav{
  --bs-nav-link-color: #000000 !important;
 }
 .nav-tabs{
  --bs-nav-tabs-border-width: none !important;
  --bs-nav-tabs-link-active-color: #004D97 !important;
  
 }
 li.nav-item{
  border-bottom: 2px solid #949CA1 !important;
 }
 li.nav-item .nav-link.active{
  border-bottom: 4px solid #004D97 !important;
 }
 .nav-link{
  font-size: 1.5rem !important;
  font-family: Arial;
  font-weight: 600 !important;
 }
 .col-sm-10{
  text-align: left;
 }
 .latest-news {
  padding-top: 2rem;
  padding-bottom: 4rem;
}
.latest-news-header{
  padding-bottom:2rem;
  color: #000000;
  font-size:2.5rem;
  font-weight:700;
}
.announcement-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.announcement {
  display: flex;
  flex-direction: column;
  background-color: #E5E5E5;
  border: 1px solid #00008B;
  border-radius: 5px;
  margin-right: 20px;
  margin-left:20px;
  margin-bottom: 20px;
  width: calc(33.33% - 20px); /* Adjust width based on number of announcements */
  box-sizing: border-box;
  cursor: pointer; /* Cursor changes to pointer to indicate interactivity */
  transition: background-color 0.3s; /* Smooth transition for background color change */
}
.announcement:hover {
  background-color: #f0f0f0; /* Change background color on hover */
}
.arrow-icon{
  margin-top:auto;
  padding-bottom: 0.5rem;
}
.announcement-title {
  padding: 10px;
  margin: 0;
  color: #004D9C;
  font-size:2.5rem;
  font-weight:700;
  word-wrap: break-word;
}
.jumbotron {
  display: none; /* Hide detailed announcement sections by default */
}

 @media only screen and (max-width: 768px) {
  .logo1{
    width:12% !important;
    padding-top:1rem;
    padding-bottom:1rem;
  }
  .logo6{
    width:20% !important;
    padding-top:1rem;
    padding-bottom:1rem;
  }
  .logo7{
    width:15% !important;
    padding-top:1rem;
    padding-bottom:1rem;
  }
  .logo8{
    width:22% !important;
    padding-top:1rem;
    padding-bottom:1rem;
  }
  .logo9{
    width:15% !important;
    padding-top:1rem;
    padding-bottom:1rem;
  }
  .logo2{
    width:20% !important;
  }
  .logo3{
    width:20% !important;
  }
  .logo4{
    width:20% !important;
  }
  .logo5{
    width:17% !important;
  }
  .logo10{
    width:11% !important;
  }
  p{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  h3{
    text-align: center !important;
  }
  .announcement {
    width: calc(100% - 20px);
  }
  .jumbotron {
    margin-top: 0rem;
  }
 }
 @media (max-width: 992px) {
  .announcement-title {
    font-size: 1.75rem;
  }
}