/* BIO POPUPS */
#content .card.bio {display: flex;flex-direction: column;text-align: center;padding:0 2rem 2rem 2rem;} 
#content .card.bio .headshot {background: linear-gradient(45deg, rgba(0, 33, 67, 1) 0%, rgba(0, 36, 73, 1) 33.3%, rgba(0, 70, 119, 1) 100%);display: flex;align-items: center;justify-content: center;position: relative;width:calc(100% + 4rem);left:-2rem;margin-bottom:4rem;}
#content .card.bio .headshot img{left:auto;display: block;object-fit: cover;height:151px; width:151px;border: 1px solid #009DDB;border-radius: 50%;background: #fff;outline: 8px solid #fff;margin-bottom:0px;top:48px}

#content .card.bio h2 {text-transform:uppercase;font-size:2rem;font-weight:300;margin-bottom:.25rem;line-height:1.25;}
#content .card.bio h2 + p{flex-grow: 1;margin-bottom:1rem;}

/*change class to button.grad_dkblue */
#content .card.bio.modal a.btn.popup:before{display:none;}
#content .card.bio .btn {display: inline-block;padding: 0 1.5rem;background: linear-gradient(45deg, rgba(0, 33, 67, 1) 0%, rgba(0, 36, 73, 1) 33.3%, rgba(0, 70, 119, 1) 100%);color: #fff;font-weight: 600;line-height: 3rem;letter-spacing: 2px;text-decoration: none;width: 100%;transition: all .25s ease-in-out;outline: 2px solid #004677;}
#content .card.bio .btn:hover {background: #ffffff;color: #002449;}


/* Card Modal */
.card-modal.bio-modal{background-color: #ffffff;padding: 0;color: #003449;}
.card-modal.bio-modal .card-body {padding: 2rem;}

.card-modal.bio-modal .card-header {background: linear-gradient(45deg, rgba(0, 33, 67, 1) 0%, rgba(0, 36, 73, 1) 33.3%, rgba(0, 70, 119, 1) 100%);color: #ffffff;padding: 24px;display: flex;align-items: center;position: relative;justify-content: flex-start;gap: 1rem;overflow: hidden;border-bottom: 2px solid #FF0000;}
.card-modal.bio-modal .header-info h2 {font-size: 2rem;font-weight: 300;}
.card-modal.bio-modal .header-info h2 + P {font-size: 1.188rem;font-weight: 400;}
.card-modal.bio-modal .mfp-close {padding-left: 1px;color: #fff !important;height: 32px;width: 32px;text-align: center;line-height: 28px;border-radius: 50%;border: 2px Solid #fff;font-size: 25px;font-family: Montserrat, Arial;right: 16px;top: 16px;transition: all .25s ease-in-out;}
.card-modal.bio-modal .mfp-close:hover {background-color: #fff;color: rgba(31, 43, 74, 1) !important;} 

/* Card Modal Headshot  */
.card-modal.bio-modal .headshot{border-radius: 50%;width: 80px;height: 80px;flex: 0 0 80px;overflow: hidden;}
.card-modal.bio-modal .headshot {border: 2px solid #009DDB;background: #fff;} 
.card-modal.bio-modal .card-header img {width: 100%;height: 100%;object-fit: cover;object-position: 50% 40%;transform: none;display: block;} 
.card-modal.bio-modal p.arrow a {color: #002449;}
.card-modal.bio-modal p.arrow.download a:after {content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path style="fill:%23002449;" d="M84.58,47a7.71,7.71,0,1,1,10.8,11L66.09,86.88a7.72,7.72,0,0,1-10.82,0L26.4,58.37a7.71,7.71,0,1,1,10.81-11L53.1,63.12l.16-55.47a7.72,7.72,0,0,1,15.43.13l-.15,55L84.58,47ZM0,113.48.1,83.3a7.72,7.72,0,1,1,15.43.14l-.07,22q46,.09,91.91,0l.07-22.12a7.72,7.72,0,1,1,15.44.14l-.1,30h-.09a7.71,7.71,0,0,1-7.64,7.36q-53.73.1-107.38,0A7.7,7.7,0,0,1,0,113.48Z"/></svg>');} 


@media (max-width:1200px) {
   #content .card-grid.col3 .card.bio {width: calc(33.33% - 1rem);}
   #content .card.bio {padding:0 1rem 1rem 1rem;} 
   #content .card.bio .headshot {width:calc(100% + 2rem);left:-1rem;}
}

@media (max-width:800px) {
   #content .card-grid.col3 .card.bio {width: calc(50% - 1rem);}
}
@media (max-width:600px) {
   #content .card-grid{display:block;margin-bottom:1.5rem;}
   #content .card-grid.col3 .card.bio{width:100% !important;margin-bottom:1.5rem;}
}