/**************************************************************************
* Profile Element - Changes image on hover
**************************************************************************/
.profiles-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 0 15px 60px; }

.profiles-container .profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; text-align: center; }

.profiles-container .profile .profile-blurb { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 15px; background-color: #0079c2; }

.profiles-container .profile h4, .profiles-container .profile h5 { margin: 0 0 10px; color: #fff; font-style: normal; }

.profiles-container .profile p { margin: 0; color: #fff; }

.profiles-container .profile .image-wrapper { position: relative; }

.profiles-container .profile .profile-image { position: relative; }

.profiles-container .profile .profile-image .main-img { -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; opacity: 1; }

.profiles-container .profile .profile-image .hover-img { position: absolute; top: 0; left: 0; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; opacity: 0; }

.profiles-container .profile .profile-image:hover .main-img { opacity: 0; }

.profiles-container .profile .profile-image:hover .hover-img { opacity: 1; }

@media (min-width: 768px) { .profiles-container .profile { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 15px; padding: 0 7px; }
  .profiles-container .profile .profile-blurb { height: 250px; } }

@media (min-width: 992px) { .profiles-container .profile { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; } }
/*# sourceMappingURL=profileelement.css.map */