h2, h3 {
    color: #B31217;
}

h4, h5 {
    color: #12B3AE;
}

.nav-link.active {
    color: #B31217!important;
    /* font-weight: bold; */
}

.links {
    padding-left: 0px;
    list-style: none;
}

.links a {
    color: #212529;
    text-decoration: none;
}

.links a:visited {
    color: yellow;
}
  

.links a:hover {
    color: #B31217;
}

.red {
    color: #B31217;
}

.red-bg {
    background-color: #B31217;
}

.blue {
    color: #12B3AE;
}

.card-meeting {
    border-left-color: #B31217;
    border-left-width: medium;
}

.card-birding {
    border-left-color: #12B3AE;
    border-left-width: medium;
}

.card-photo-img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: auto;
    width: auto;
    height: auto;
}

.gallery-item-hide {
    display: none;
}

.gallery-item-img-container {
    height: 250px; 
    overflow: hidden;
}
    
.gallery-item-img-container img {
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
    width: 100%;
}

.gallery-collage-item { 
    height: 250px; 
    overflow: hidden;
}

.gallery-collage-item img {
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
    width: 100%;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
}
  
.grid-item img {
    /* width: 100%; */
    height: 250px;
    object-fit: cover; /* or "contain" */
}

.main-container {
    min-height: calc(100vh - 329px);
}

.footer {
    margin-top: 80px; 
    padding: 8px; 
    /* position: absolute; 
    bottom: 0; 
    width: 100%; */
}