/* white h3 with white bottom border */
h3.wh {
color:#fff !important;
padding-bottom:1em !important;
border-bottom:6px solid #fff  !important;
}
/* list style */
/* remove visible bullets and padding and indents from lists for news and essentials */
.homepage-list {
list-style: none; 
padding-left: 0; 
margin-left: 0;
}
/* list spacing between icon and text*/
.fa-li {
padding-right: 3px !important;
}
.fa-ul {
margin-left: 1.5rem !important;
}
/* padding between list items */
li.pad {
margin-bottom: 0.5em;
}
/* grid for rows */
.resource-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 15px;
    margin-bottom:30px;
}
/* bright blue box with shadow */
.bright-blue-box {
    border: 5px solid #009CDE;
    box-shadow: 4px 4px 0 #d9e3ef;
    padding: 20px;
}
 .bright-blue-box iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
  }
/* dark blue box with shadow */
.dark-blue-box {
    border: 5px solid #2C5E82;
    box-shadow: 4px 4px 0 #d9e3ef;
    padding: 20px;
}
/* grey box with shadow */
.grey-box {
    border: 5px solid #B0B0B0;
    box-shadow: 4px 4px 0 #d9e3ef;
    padding: 20px;
}
/* yellow box with shadow */
.yellow-box {
    border: 5px solid #FAB224;
    box-shadow: 4px 4px 0 #d9e3ef;
    padding: 20px;
}
.blue-link-btn {
display: inline-flex; /* Keeps icon and text together */
  align-items: center; /* Vertically centers icon and text */
  padding: 8px 15px; /* Comfortable button size */
  background-color: #2f5e92; /* dark background */
  border-radius: 5px; /* Rounded corners */
  font-size: 14px; /* Readable size */
  transition: background-color 0.3s ease; /* Smooth hover effect */
}
/* white link text for dark blue button */
a.white
 {
color:#fff;
text-decoration:none !important;
}
/* change hover and focus color to bright yellow for white links */
a.white:hover,
a.white-link:hover,
a.white:focus,
a.white-link:focus {
	color: #F9D076;
}
/* Hover and focus effect for blue link button */
.blue-link-btn:hover, .blue-link-btn:focus {
  background-color: #132b47;
}
/* row styling */
/* change row background color to dark blue */
.lt-blue-bar {
background-color: #2b6082 !important;
}