.card .card-body {
    background-color: #fff;
}

.card .card-title { color: #000; }
.card h5 { font-size: 1.25rem; }
.card p { color: #000; }

.image-button{
    padding: 30px;
}


.image-button:hover {
  cursor: pointer
}

.image-button:hover img {
  filter: none;
}

.image-button img{
  filter: grayscale(100%);
  transition: filter 0.5s ease-out;
}

.library-cards .modal-header { align-items: center; }

.image-button h3{
    padding: 25px;
    margin-top: auto;
    color: var(--tl-white);
}


.modal-body h3{
    color:#707070;
    padding:0;
}


.image-button h3.tan, .modal-header.tan,.modal-header.tan h4{
    color: var(--tl-black);
    background:#d3d0c0;
}
.image-button h3.lg-blue, .modal-header.lg-blue, .modal-header.lg-blue h4{ 
    background:#3fb1e4; 
    color: var(--tl-black);
}
.image-button h3.green, .modal-header.green, .modal-header.green h4 { 
    background:#58b755; 
    color: var(--tl-black);
}
.image-button h3.dk-blue, .modal-header.dk-blue{ background:#004362; }
.image-button h3.teal, .modal-header.teal{ background:#188c9b; }

h4.modal-title { font-size:1.4375rem; }


.library-cards{
    margin-left:15px;
}